2018-03-15 18:16:28 +03:00
|
|
|
@value colors: './colors.css';
|
|
|
|
@value first, second, third from colors;
|
|
|
|
|
2018-02-15 15:19:28 +03:00
|
|
|
.title {
|
|
|
|
@nest :global(h1)& {
|
|
|
|
background: red;
|
|
|
|
}
|
|
|
|
}
|
2018-03-15 18:16:28 +03:00
|
|
|
|
|
|
|
.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;
|
|
|
|
}
|