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