modules.css 652 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. @value colors: './colors.css';
  2. @value first, second, third from colors;
  3. .title {
  4. @nest :global(h1)& {
  5. background: red;
  6. }
  7. }
  8. .className {
  9. color: green;
  10. background: red;
  11. }
  12. .otherClassName {
  13. composes: className;
  14. color: yellow;
  15. }
  16. .otherClassName {
  17. composes: className from "./style.css";
  18. }
  19. .otherClassName {
  20. composes: globalClassName from global;
  21. }
  22. :global {
  23. .global-class-name {
  24. color: green;
  25. }
  26. }
  27. .root :global .text {
  28. color: brown;
  29. font-size: 24px;
  30. font-family: helvetica, arial, sans-serif;
  31. font-weight: 600;
  32. }
  33. :import("path/to/dep.css") {
  34. localAlias: keyFromDep;
  35. }
  36. :export {
  37. exportedKey: exportedValue;
  38. }