gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs: fix video play button browser compatibility (#1640)

Browse Source
This commit is contained in:
Edouard Duplessis
2018-09-05 09:08:20 -04:00
committed by Shawn Erquhart
parent 0d0180966a
commit eb27aff5c0
3 changed files with 33 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
website/src/css/imports/hero.css
View File

@ -119,23 +119,30 @@
right: 0;
width: 90px;
height: 90px;
font-size: 64px;
font-weight: $semibold;
text-align: center;
color: $blue;
background-color: rgba(255, 255, 255, 0.85);
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
border-radius: 100px;
transition: 0.1s;
}
.hero-videolink-arrow {
position: absolute;
left: 33px;
top: 28px;
width: 44px;
height: 44px;
fill: #3a69c7;
}
&:hover {
.hero-videolink {
color: white;
background-color: $blue;
box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.15), 0 2px 6px 0 rgba(0, 0, 0, 0.3);
transform: scale(1.1);
}
.hero-videolink-arrow {
fill: #fff;
}
}
&:active {