1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- @value colors: './colors.css';
- @value first, second, third from colors;
- .title {
- @nest :global(h1)& {
- background: red;
- }
- }
- .className {
- color: green;
- background: red;
- }
- .otherClassName {
- composes: className;
- color: yellow;
- }
- .otherClassName {
- composes: className from "./style.css";
- }
- .otherClassName {
- composes: globalClassName from global;
- }
- :global {
- .global-class-name {
- color: green;
- }
- }
- .root :global .text {
- color: brown;
- font-size: 24px;
- font-family: helvetica, arial, sans-serif;
- font-weight: 600;
- }
- :import("path/to/dep.css") {
- localAlias: keyFromDep;
- }
- :export {
- exportedKey: exportedValue;
- }
|