vendor/assets/stylesheets/flat-ui/modules/_toggle.sass in flatui-rails-0.0.1 vs vendor/assets/stylesheets/flat-ui/modules/_toggle.sass in flatui-rails-0.0.2
- old
+ new
@@ -13,22 +13,22 @@
// Common style -----------------------------
&.toggle-off
background-color: scale-color(desaturate($base, 15%), $lightness: 75%)
.toggle-radio
- background-image: url('../images/toggle/icon-off.png')
+ background-image: url(asset-path('toggle/icon-off.png', image))
background-position: 0 0
color: $inverse
left: 0
margin-left: .5px
margin-right: -13px
z-index: 1
&:first-child
left: -120%
.toggle-radio
- background: url('../images/toggle/icon-on.png') right top no-repeat
+ background: url(asset-path('toggle/icon-on.png', image)) right top no-repeat
color: $firm
display: block
font-weight: 700
height: 21px
left: 120%
@@ -56,15 +56,15 @@
border-radius: 6px 7px 7px 6px
&.toggle-off
border-radius: 7px 6px 6px 7px
.toggle-radio
- background-image: url('../images/toggle/block-off.png')
+ background-image: url(asset-path('toggle/block-off.png', image))
background-position: 0 0
.toggle-radio
- background-image: url('../images/toggle/block-on.png')
+ background-image: url(asset-path('toggle/block-on.png', image))
background-position: 62px 0
border-radius: 6px
min-width: 27px
text-align: right
@@ -74,12 +74,12 @@
// Serving 2x images
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2)
.toggle
&.toggle-off
.toggle-radio
- background-image: url('../images/toggle/icon-off-2x.png')
+ background-image: url(asset-path('toggle/icon-off-2x.png', image))
background-size: 30px 29px
.toggle-radio
- background-image: url('../images/toggle/icon-on-2x.png')
+ background-image: url(asset-path('toggle/icon-on-2x.png', image))
background-size: 30px 29px