replaced first build and first project no recent screen shots and started re-styling switch class
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 117 KiB |
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 111 KiB |
|
@ -73,10 +73,7 @@
|
||||||
height: 18px
|
height: 18px
|
||||||
margin: 0 10px 0 15px
|
margin: 0 10px 0 15px
|
||||||
padding: 0 10px 0 0
|
padding: 0 10px 0 0
|
||||||
@include background(linear-gradient(#eee, #fff))
|
|
||||||
@include box-shadow(#ccc 0px 2px 3px 0px inset)
|
|
||||||
border: 1px solid #bdbdbd
|
border: 1px solid #bdbdbd
|
||||||
@include border-radius(4px)
|
|
||||||
line-height: 21px
|
line-height: 21px
|
||||||
font-size: 11px
|
font-size: 11px
|
||||||
color: #999
|
color: #999
|
||||||
|
@ -89,17 +86,14 @@
|
||||||
left: -1px
|
left: -1px
|
||||||
width: 28px
|
width: 28px
|
||||||
height: 18px
|
height: 18px
|
||||||
@include background(linear-gradient(#ddd, #fff))
|
background: #e9e9e7
|
||||||
@include box-shadow(#fff 0px 1px 3px 0px inset)
|
|
||||||
border: 1px solid #bdbdbd
|
border: 1px solid #bdbdbd
|
||||||
@include border-radius(4px)
|
|
||||||
|
|
||||||
&.active .switch
|
&.active .switch
|
||||||
width: 56px
|
width: 56px
|
||||||
padding: 0 0 0 14px
|
padding: 0 0 0 14px
|
||||||
@include background(linear-gradient(#3a78f9, #93bafc))
|
background: #40454f
|
||||||
@include box-shadow(#2153be 0px 2px 3px 0px inset)
|
border: 1px solid #bdbdbd
|
||||||
border: 1px solid #4b7cde
|
|
||||||
color: #fff
|
color: #fff
|
||||||
text-align: left
|
text-align: left
|
||||||
&:before
|
&:before
|
||||||
|
|
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 117 KiB |
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 111 KiB |