Commit 1e8215c4 authored by Laura Kalbag's avatar Laura Kalbag

Update positioning of fullscreen sprite

parent 5280b3b3
......@@ -267,9 +267,18 @@
width: 25px;
height: 20px;
margin-left: 10px;
background: no-repeat url("../images/px-video-sprite.png");
background: no-repeat url("../images/px-video-sprite.svg");
background-position: -6px -907px;
}
@media only screen and (min-width: 540px) {
.px-video-fullscreen-btn-container label {
margin-top: 4px;
}
}
.no-svg .px-video-fullscreen-btn-container label {
/* use with Modernizr to provide a no-svg class on <html> to support browsers that don't support SVG */
background: no-repeat url("../images/px-video-sprite.png");
}
.px-video-fullscreen-btn-container input[type="checkbox"]:focus+label {
outline: 1px #999 dotted;
background-position: -6px -943px;
......
......@@ -238,9 +238,16 @@
width 25px
height 20px
margin-left 10px
background no-repeat url('../images/px-video-sprite.png')
background no-repeat url('../images/px-video-sprite.svg')
background-position -6px -907px
@media only screen and (min-width: 540px)
margin-top 4px /* line up with big buttons */
.no-svg &
/* use with Modernizr to provide a no-svg class on <html> to support browsers that don't support SVG */
background no-repeat url('../images/px-video-sprite.png')
.px-video-fullscreen-btn-container input[type="checkbox"]:focus+label
outline 1px #999 dotted
background-position -6px -943px
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment