サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
災害への備え
blog.rhyztech.net
Sass はこれまでの@importを将来的に廃止し、新たに@use、@forwardのモジュールシステムを使うように動こうとしています。 現在(2020/01)では Dart 版の Sass のみ実装されていますが、LibSass にも実装される予定です。 @use、@forwardを簡単に紹介したいと思います。 @use とは? @useは@importと同様に別のファイルの情報を読み取ります。 スタイルの定義は今まで通り、@useを使ったファイルに結合されることになります。 ただし、変数や関数、mixin はファイル単位で名前空間を持ちます。 例えば、次のファイルのようにヘッダー要素を別のファイルに定義し、style.scss で mixin を呼び出す場合、デフォルトでファイル名と同じ名前空間を持つことになります。 そのため、変数や mixin を呼び出す際は<namespace>
Written by maneater_rhythm posted on 7月 27, 2014 in プログラミング wordpressのテーマを作成する際、sassのプリコンパイルやブラウザのリロードをgulpでやると便利なので備忘録として設定を残しておく。 gulpとは様々なタスクを自動化するビルドシステムである。 ここで紹介するgulpのビルドレシピは次のことを自動で行う。 sassやJavascriptの変更を検知し、自動的にコンパイル・minifyを行う css, js, phpファイルの変更を検知し、ブラウザを更新する browser-syncを利用することで、ページ遷移、スクロール、フォームへの入力をブラウザ間で同期する gulpのインストール方法はここでは説明しない。ググってくれ。 gulpの設定はこんなん。 // Load plugins var gulp = requ
このページを最初にブックマークしてみませんか?
『blog.rhyztech.net』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く