CSS

SASS : &記法による記述をネストを再現しつつ @extend する

月花です。今日はSASSの備忘録的なTipsです。SASSでは、 &(アンパサンド, アンド)によって親セレクタを参照することができます。 この親というのは、事実上の親ではなく、あくまでセレクタ記法としての親なので、たとえば .product というセレクタを .prod…

CSS : 要素数・ブラウザ幅が可変長なサイトでflexをキレイに使う

月花です。 今回はCSSの備忘録です。内容は、幅が可変長のサイトにおける、flexboxで要素は左寄せ、全体は中央寄せとする方法です。テキストだと説明しづらいので、画像をつかっていきます。 やりたいこと このようなレイアウトを組みたいとする。 コードで…