[B! qiita][SCSS] satoshieのブックマーク

satoshie id:satoshie

qiitaとSCSSに関するsatoshieのブックマーク (4)

SCSSの基本的な書き方 - Qiita
div {width: 300px; height: 200px; background: red;} div:before {content: ''; display: block; width: 300px; height: 150px; background: blue;} div.hoge {width: 150px; height: 29px; background: yellow;} /* classがhogeのdiv */ div .hoge {width: 120px; height: 53px; background: green;} /* divの中にいるclassがhoge */
satoshie 2020/12/27
Qiita

CSS

scss
リンク
これからはcssはSassで書こう。 - Qiita
Sassってなんだろう。・Sass﹁Syntactically Awesome StyleSheet﹂ Syntactically　＝　構文的に Awesome　＝　イケてる StyleSheet　＝　スタイルシートとどのつまり、すごいCSSということでしょうか。ロゴもかっこいい。詳しく調べてみた・CSSを拡張したメタ言語メタ言語とは﹁ある言語について何らかの記述をするための言語﹂のこと。つまりSassの場合は﹁CSSに対して機能を拡張した言語﹂ということになります。 CSSをより効率的に書けるようにした言語ということになります。・Sass はプログラムっぽく CSS を書くプログラムっぽく書くことでコーディング効率やソースコードの保守性が上がる。 Sassは、関数や変数の処理を行うために﹁プリプロセッサー﹂と呼ばれたりもするみたいです。 Sassには書き方が2種類ある！
satoshie 2020/12/27
sass

scss

css

Qiita
リンク
Sass(SCSS)のmixin, extendなどまとめ - Qiita
Sass(SCSS)のややこしそうな機能まとめ。変数共通な色や数値などを定義しておける。他に、文字列や真偽なども定義可能。
satoshie 2020/10/15
CSS

SASS

SCSS

Qiita
リンク
Sassで@mixinを作る時に知っておきたい基礎知識 - Qiita
はじめに Sassの@mixinはメンテナブルなCSS設計にも役立つ強力な機能です。一方でゆるくも書けてしまうため、気をつけないと不格好なCSSが簡単に出力されてしまいます。そこで@mixinを自作するにあたって、知っておきたい︵おきたかった︶基本知識をまとめました。何かの参考にでもなれば幸いです。前提条件ソースコードは.scss形式で記述しています Sass 3.4.4で動作を確認しています使用しているModifierという単語は以下の通りですBEMと呼ばれる命名規則で使われる、基本的なスタイル︵セレクタ・class︶に追加する形で装飾を調整するclassのこと目次 @mixinのおさらい基本的な使い方 @contentの使い方 Modifierに無駄なスタイルを適用させたくない... @contentを使ってみる制御用の引数を用意してみる引数に配列︵リスト︶を使って
satoshie 2020/10/15
css

sass

scss

Qiita
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx