Browse Source

Fix device sprite.

Use the standard W3C `background-position` property instead of the non-standard `background-position-x` one.
pull/381/head
XhmikosR 11 years ago
parent
commit
b6680e0e04
  1. 6
      docs/assets/css/docs.css
  2. 6
      sass/docs.scss

6
docs/assets/css/docs.css

@ -930,7 +930,7 @@ code {
background-image: url("../img/device-sprite.png"); background-image: url("../img/device-sprite.png");
background-size: 300%; background-size: 300%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-x: 0; background-position: 0;
-webkit-transition: background-image 0.1s linear; -webkit-transition: background-image 0.1s linear;
-moz-transition: background-image 0.1s linear; -moz-transition: background-image 0.1s linear;
transition: background-image 0.1s linear; transition: background-image 0.1s linear;
@ -1591,7 +1591,7 @@ hr {
transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0);
} }
.platform-ios .device { .platform-ios .device {
background-position-x: -395px; background-position: -395px 0;
} }
.platform-ios .device .device-content { .platform-ios .device .device-content {
background-color: #efeff4; background-color: #efeff4;
@ -2114,7 +2114,7 @@ hr {
} }
.platform-android .device { .platform-android .device {
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
background-position-x: -790px; background-position: -790px 0;
} }
.platform-android .device .device-content { .platform-android .device .device-content {
font-size: 18px; font-size: 18px;

6
sass/docs.scss

@ -969,7 +969,7 @@ code {
background-image: url("../img/device-sprite.png"); background-image: url("../img/device-sprite.png");
background-size: 300%; background-size: 300%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-x: 0; background-position: 0;
@include transition(background-image .1s linear); @include transition(background-image .1s linear);
&.device-fixed { &.device-fixed {
@ -1143,7 +1143,7 @@ hr {
@import "theme-ios.scss"; @import "theme-ios.scss";
.device { .device {
background-position-x: -395px; background-position: -395px 0;
.device-content { .device-content {
background-color: #efeff4; background-color: #efeff4;
@ -1155,7 +1155,7 @@ hr {
.device { .device {
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
background-position-x: -790px; background-position: -790px 0;
.device-content { .device-content {
font-size: 18px; font-size: 18px;

Loading…
Cancel
Save