Sassに関するhideoman0330のブックマーク (2)
-
2017年2月22日 CSS 以前﹁効率良くCSSコーディングできるSassを使ってみよう!Mac+Codaなら設定も簡単!﹂という記事で紹介したSass/SCSS。皆さん使ってますか?今回はそのSassの @mixin という機能に注目してみようと思います。中には後述する﹁Compass﹂というフレームワークを使えば同様のコードが記述できるものもありますが、お勉強も兼ねてあえて使わず自分で書いてみました。カスタマイズしやすそうなものを中心に紹介するので、自分の使いやすいオリジナル mixin を作ってみてくださいね! ↑私が10年以上利用している会計ソフト! 目次 Sassの基礎知識 @mixin の基本的な使い方 リンクカラーを一括設定 ベンダープレフィックス 透明度 絶対位置の指定rem を使ったフォントサイズ指定 レティナディスプレイ対応画像 Compassについて軽く。 Sas
-
Sass︵※この記事ではSCSSを指します︶やLESSといったCSSプリプロセッサがどんどんメジャー化しています。 しかし、私の実感としてまだまだ使っていない人も多いのではないか?と思っています。 導入が難しそう。書き方がわからない。CSS使えなくなってしまうの? 色々な疑問や不安があると思います。ですが、Sassはあなたが考えるほど難しくありません! わたしもSassを使い始めて、まだ半年とちょっとです。そんな私の使い方をご紹介したいと思います。 ※この記事では導入部やコンパイルの紹介はしません。 ※前提 Sassを書けば勝手にCSSをいい感じに書いてくれる!というものではありません。 まだCSSにちょっと自信がない人は、まずはCSSに慣れたほうがいいです。 どんな効率化ツールを使うときでも、根本となる基礎はきちんと理解しましょう。 (1).scssファイル内にCSSを書く まずはここか
-
1