sass
CSSのメタ言語
Notaでのコーディングルール
Reactコンポーネント名と同名のCSS classを切る
<SearchForm>なら.search-form { }
mixinが便利
プレゼンモード等でも使っている
HTMLに<html data-display-style='presentation'>を描画
sass mixinを定義
code:scss
@mixin when-display-style-is($name) {
htmldata-display-style*='#{$name}' & {
@content;
}
sassの中でmixinを呼び出す
code:scss
img {
border: 0px;
when-display-style-is('presentation') {
zoom: 150%;
}
}
コンポーネントの中に<html>のattributeが○○だったら〜みたいな条件分岐を書き、CSSを上書きしたりできる
いまいちsassとscssの関係性がわかっていないshokai.icon
雰囲気でやっている