[B! css][sass] Yukarigohanのブックマーク

Yukarigohan id:Yukarigohan

cssとsassに関するYukarigohanのブックマーク (4)

【Sass】親セレクタを参照する&や+の使い方 - Qiita
親セレクタを参照する & や + のやつ Sassを書く上でたまに忘れてしまってパニックになるので、メモ程度に。 cssにコンパイルされた後、どうなるのかも一緒に記載しておきます。セレクタの前に記述する
Yukarigohan 2017/10/19
sass

css
リンク
SASS/SCSSで基本カラーを設定して効率よくカラーバリエーションを作成する
共通のSCSSファイルを作成するカラー設定は他のSCSSファイルから共通して使用すると効率が良いです。なのでカラー設定用のSCSSファイルを最初に作成します。共通の変数は「_variables.scss」というファイル名にします。「_」で始まるファイルはコンパイルされません。 _variables.scss $base-color: #536A97; とりあえず「$baseColor」という変数を一つ作成しました。変数を使用するさきほどカラー設定した変数を使用してみましょう。 base.scss @import "_variables.scss"; h1 { color: $base-color; } 適当なファイル（base.scss）を作成したら、カラー設定した「_variables.scss」をインポートします。あとは使いたい場所に「$baseColor」を記述するだけ
Yukarigohan 2016/05/28
webdesdign

sass

css

scss
リンク
Sass Guidelines
An opinionated styleguide for writing sane, maintainable and scala ble Sass. The Sass Guidelines project has been translated into several languages by generous contributors. Open the options panel to switch. About the authorMy name is Kitty Giraudel, I am a French front-end developer, based in Berlin (Germany) since 2015, currently working at Cofenster. I have been writing Sass for several years no
Yukarigohan 2015/01/08
css

sass
リンク
CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較 - (DxD)∞
CSSを拡張するためのメタ言語として、代表的なものに「SCSS(Sass)」と「LESS」があります。今回、導入を検討するにあたり、両者を比較しました。結果的には、「SCSS(Sass)」を導入することにしましたが、特に「SCSS(Sass)」を選択する決め手となった点に重点を置きつつ、両者の違いをまとめまてみました。はじめに Webサイト、Webアプリケーションが大規模になるにつれて、CSSの設計・管理にもリソースを割かれるようになります。CSSのモジュール化、コンポーネント化による再利用性を考えたとき、現状のCSSを取り巻く状況は十分とは言えません。一つの選択肢としてあがるのが「Blueprint」や「960 Glid System」等のCSSフレームワークの利用ですが、その再利用性と構造・表現の分離度はトレードオフです。そこで、CSSの利点を活かしつつ、再利用性を高めるために
Yukarigohan 2013/09/09
css

sass

less
リンク
1