update
Former-commit-id: bdede6ed1b6f578f2ef046c338caf02d0b29d453 [formerly 7187de361b53e9c8ec121df379b762f2db736ea2] Former-commit-id: 447d58460fbbfd05ffe08428a1288e392637561d
This commit is contained in:
39
_embed/public/ace/demo/kitchen-sink/docs/sass.sass
Normal file
39
_embed/public/ace/demo/kitchen-sink/docs/sass.sass
Normal file
@@ -0,0 +1,39 @@
|
||||
// sass ace mode;
|
||||
|
||||
@import url(http://fonts.googleapis.com/css?family=Ace:700)
|
||||
|
||||
html, body
|
||||
:background-color #ace
|
||||
text-align: center
|
||||
height: 100%
|
||||
/*;*********;
|
||||
;comment ;
|
||||
;*********;
|
||||
|
||||
.toggle
|
||||
$size: 14px
|
||||
|
||||
:background url(http://subtlepatterns.com/patterns/dark_stripes.png)
|
||||
border-radius: 8px
|
||||
height: $size
|
||||
|
||||
&:before
|
||||
$radius: $size * 0.845
|
||||
$glow: $size * 0.125
|
||||
|
||||
box-shadow: 0 0 $glow $glow / 2 #fff
|
||||
border-radius: $radius
|
||||
|
||||
&:active
|
||||
~ .button
|
||||
box-shadow: 0 15px 25px -4px rgba(0,0,0,0.4)
|
||||
~ .label
|
||||
font-size: 40px
|
||||
color: rgba(0,0,0,0.45)
|
||||
|
||||
&:checked
|
||||
~ .button
|
||||
box-shadow: 0 15px 25px -4px #ace
|
||||
~ .label
|
||||
font-size: 40px
|
||||
color: #c9c9c9
|
||||
Reference in New Issue
Block a user