corrade-nucleus-nucleons – Blame information for rev 20
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
20 | office | 1 | // sass ace mode; |
2 | |||
3 | @import url(http://fonts.googleapis.com/css?family=Ace:700) |
||
4 | |||
5 | html, body |
||
6 | :background-color #ace |
||
7 | text-align: center |
||
8 | height: 100% |
||
9 | /*;*********; |
||
10 | ;comment ; |
||
11 | ;*********; |
||
12 | |||
13 | .toggle |
||
14 | $size: 14px |
||
15 | |||
16 | :background url(http://subtlepatterns.com/patterns/dark_stripes.png) |
||
17 | border-radius: 8px |
||
18 | height: $size |
||
19 | |||
20 | &:before |
||
21 | $radius: $size * 0.845 |
||
22 | $glow: $size * 0.125 |
||
23 | |||
24 | box-shadow: 0 0 $glow $glow / 2 #fff |
||
25 | border-radius: $radius |
||
26 | |||
27 | &:active |
||
28 | ~ .button |
||
29 | box-shadow: 0 15px 25px -4px rgba(0,0,0,0.4) |
||
30 | ~ .label |
||
31 | font-size: 40px |
||
32 | color: rgba(0,0,0,0.45) |
||
33 | |||
34 | &:checked |
||
35 | ~ .button |
||
36 | box-shadow: 0 15px 25px -4px #ace |
||
37 | ~ .label |
||
38 | font-size: 40px |
||
39 | color: #c9c9c9 |