SCSS

UNDERSCORESでWordPressのテーマを作る3（ヘッダ）

それではヘッダ周りを調整していきます。ヘッダーの構造 _sのヘッダ（site-headerクラス）は、site-brandingクラスとmain-navigationクラスで構成されています。 //header […]

この記事に興味を持っていただけたら
をクリックしてもらえると励みになります！

CSSで色やサイズを指定することができるアイコンフォントで有名なFont Awesome。Font Awesomeには「このアイコンどんなときに使うの？」と言いたくなるようなアイコンを含め4,566種のアイコンを提供して […]

この記事に興味を持っていただけたら
をクリックしてもらえると励みになります！

Sassを書き始めるときにいつも引っ張り出してくるmixinをメモ。よく使うものなので、再利用できるようmixinにしておくとすごく便利です。 mixinについてはこちらをご覧ください。→ Sassで@mixin 要素 […]

この記事に興味を持っていただけたら
をクリックしてもらえると励みになります！

@mixin（ミックスイン）を使えば、あるスタイルを定義したルールセットの内容を継承しつつ、新しいルールセットを作ることができます。ここまでは@extendと同じですが、 @mixinは引数を指定して定義した @mi […]

この記事に興味を持っていただけたら
をクリックしてもらえると励みになります！

Sassでも変数を定義することで、任意の場所で呼び出すことができます。変数は「$変数名:値; → $mainColor: #3a86e0;」という形で宣言します。変数とスコープどのるルールセットにも属さない変数は、 […]

この記事に興味を持っていただけたら
をクリックしてもらえると励みになります！

@extendを使えば、あるスタイルを定義したルールセットの内容を継承しつつプロパティを追加・変更して、新しいルールセットを作ることができます。 @extendの使いどころ共通するプロパティをひな形のルールセットにして […]

この記事に興味を持っていただけたら
をクリックしてもらえると励みになります！