This is part of the Semicolon&Sons Code Diary - consisting of lessons learned on the job. You're in the CSS-and-design category.
Last Updated: 2024-10-12
@import
to @use
https://sass-lang.com/documentation/at-rules/import -- and use migration tool_
) as well as regular imports@import "landscape" screen and (orientation: landscape);
ll, like 1.5em 1em 0 2em, Helvetica, Arial, sans-serif, or [col1-start].
like 12 or 100px.
&
selector can be used in nested contexts to potentially switch order.alert {
/ It can also be used to style the outer selector in a certain context, such
/ as a body set to use a right-to-left language.
[dir=rtl] & {
margin-left: 0;
margin-right: 10px;
}
becomes
[dir=rtl] .alert {
margin-left: 0;
margin-right: 10px;
}
And this adds suffixes
.accordian {
// becomes .accordion__copy
&__copy {
}
}