less.less 552 B

12345678910111213141516171819202122232425262728
  1. /* styles.less */
  2. @base: #f938ab;
  3. .box-shadow(@style, @c) when (iscolor(@c)) {
  4. box-shadow: @style @c;
  5. -webkit-box-shadow: @style @c;
  6. -moz-box-shadow: @style @c;
  7. }
  8. .box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
  9. .box-shadow(@style, rgba(0, 0, 0, @alpha));
  10. }
  11. // Box styles
  12. .box {
  13. color: saturate(@base, 5%);
  14. border-color: lighten(@base, 30%);
  15. div { .box-shadow(0 0 5px, 30%) }
  16. a {
  17. color: @base;
  18. &:hover {
  19. color: lighten(@base, 50%);
  20. }
  21. }
  22. }