sass.sass 770 B

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