• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
mocurot nort

mocurot nort

  • Contents
  • About
  • Contact

SCSS

UNDERSCORESでWordPressのテーマを作る3(ヘッダ)

2019-02-04 by mocurot コメントを書く

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

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

Filed Under: WordPress 関連タグ:_s, SCSS, WORDPRESS

SassでFont Awesomeを使う

2018-11-27 by mocurot コメントを書く

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

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

Filed Under: Sass 関連タグ:SASS, SCSS

Sassでよく使うmixinまとめ

2018-11-13 by mocurot コメントを書く

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

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

Filed Under: Notes, Sass 関連タグ:COMPASS, CSS, SASS, SCSS

Sassで@mixin

2018-03-27 by mocurot 1 コメント

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

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

Filed Under: Sass 関連タグ:SASS, SCSS

Sassの変数と演算

2018-03-27 by mocurot コメントを書く

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

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

Filed Under: Sass 関連タグ:SASS, SCSS

Sassで@extend

2018-03-26 by mocurot コメントを書く

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

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

Filed Under: Sass 関連タグ:CSS, SASS, SCSS

  • 次のページへ 1
  • 次のページへ 2
  • Go to Next Page »

最初のサイドバー

Author

NAME : mocurot
mocurot noteの管理人。フロントエンドエンジニア、バックエンドも少々。
Mac、iPhone、Kindle、Guitar、NINTENDO、SONY、FromSoftwareに関心を示します。

  • GitHub
  • RSS
  • Tumblr
  • Twitter
  • Youtube

Recommended Articles

  • 6ヶ月プロテインダイエットをしてみて
    6ヶ月プロテインダイエットをしてみて
  • MacでVPN接続してもグローバルIPが変わらない時に見なおす設定
    MacでVPN接続してもグローバルIPが変わらない時に見なおす設定
  • CatalinaでEmacsのファイルアクセスを許可する方法
    CatalinaでEmacsのファイルアクセスを許可する方法
  • さくらのVPSで80/443ポートに繋がらない
    さくらのVPSで80/443ポートに繋がらない
  • input,textareaのCSSをリセット -iOS Safari -
    input,textareaのCSSをリセット -iOS Safari -
  • SassでCompassを使う
    SassでCompassを使う
  • Sassで@import
    Sassで@import
  • LEMP環境の構築[ルートログインからSSHデーモンの設定]
    LEMP環境の構築[ルートログインからSSHデーモンの設定]

タグ

AMAZON ANKER APPLE APPLE WATCH APPS CAMERA CENT OS COMPASS CSS DARK SOULS DB DESIGN DIET GADGET GIT GITHUB GUITAR GULP HTML IPHONE KINDLE LEMP MAC NGINX NODE.JS NOTE PHP PS4 SASS SCSS SEKIRO SERVER WORDPRESS _s
プライバシーと Cookie: このサイトは Cookie を使用しています。このサイトの使用を継続することで、その使用に同意したとみなされます。
Cookie のコントロール方法を含む詳細についてはこちらをご覧ください。 Cookie ポリシー

Copyright © 2021 mocurot ・ ログイン