26 lines
330 B
SCSS
26 lines
330 B
SCSS
.header {
|
|
color: red;
|
|
}
|
|
|
|
.contents {
|
|
background-color: cyan;
|
|
|
|
/* Use :global() to address non module-scoped classes. */
|
|
& :global(.paragraph) {
|
|
color: orange;
|
|
}
|
|
}
|
|
|
|
.active {
|
|
background-color: yellow;
|
|
}
|
|
|
|
@media only screen and (min-width: 40em) {
|
|
.header {
|
|
color: blue;
|
|
}
|
|
|
|
.contents {
|
|
background-color: magenta;
|
|
}
|
|
} |