postcss-mixins.css 473 B

123456789101112131415161718192021222324252627282930313233
  1. a {
  2. @mixin $(theme)-colors;
  3. }
  4. @define-mixin icon $network, $color: blue {
  5. .icon.is-$(network) {
  6. color: $color;
  7. @mixin-content;
  8. }
  9. .icon.is-$(network):hover {
  10. color: white;
  11. background: $color;
  12. }
  13. }
  14. @mixin icon twitter {
  15. background: url(twt.png);
  16. }
  17. @mixin icon youtube, red {
  18. background: url(youtube.png);
  19. }
  20. .search {
  21. @mixin icon search;
  22. }
  23. a {
  24. color: black;
  25. @mixin parent {
  26. @mixin child;
  27. }
  28. }