[B! SCSS][css] kazzuuのブックマーク

kazzuu id:kazzuu

SCSSとcssに関するkazzuuのブックマーク (4)

より素早くCSSコーディングするための、Sass（SCSS）のmixinスニペット集
2017年2月22日 CSS 以前「効率良くCSSコーディングできるSassを使ってみよう！Mac+Codaなら設定も簡単！」という記事で紹介したSass／SCSS。皆さん使ってますか？今回はそのSassの @mixin という機能に注目してみようと思います。中には後述する「Compass」というフレームワークを使えば同様のコードが記述できるものもありますが、お勉強も兼ねてあえて使わず自分で書いてみました。カスタマイズしやすそうなものを中心に紹介するので、自分の使いやすいオリジナル mixin を作ってみてくださいね！ ↑私が10年以上利用している会計ソフト！目次 Sassの基礎知識 @mixin の基本的な使い方リンクカラーを一括設定ベンダープレフィックス透明度絶対位置の指定 rem を使ったフォントサイズ指定レティナディスプレイ対応画像 Compassについて軽く。 Sas
kazzuu 2016/02/02
compass

SCSS

sass

css

webデザイン
リンク
css2scss - from css to scss
When overwriting colors, should alpha-values be kept ?
kazzuu 2015/02/12
CSS

compass

SCSS
リンク
[Compass] 超訳 Configuration Reference
CSSのメタ言語、Sassベースで作られた便利なフレームワーク、それがCompass。 Compassの設定ファイルはRubyファイルです。これはRubyを知っていれば色々なことが出来るということなんですが、逆にRubyを知らないと取っつきにくさがあると思います。それで損をしてしまうのはあまりに勿体無いので、オレオレリファレンスを書いてみました！ ※この記事は完全な和訳ではありません。基本的な書き方コメント Windowsユーザー向けの注意設定項目動作に影響するもの URL関連 Sprite画像の自動生成用コマンドラインでのオーバーライドコマンドライン経由で渡される設定の検査 Compass 用プラグインの読み込みコンフィグ関数 add_import_path asset_host asset_cache_buster watch コールバック on_sprite_sav
kazzuu 2014/02/17
compass

SCSS

sass

css
リンク
「Sublime Text」のみでCompassとSass（Scss）を使えるようセッティングしてみたのでその手順と参考にした記事まとめ
HOME>Web>「Sublime Text」のみでCompassとSass（Scss）を使えるようセッティングしてみたのでその手順と参考にした記事まとめ Compass、Sass（Scss）とは？ Sass（Scss）とは？ Sass（Scss）とは、CSSを記述するために開発されたメタ言語のこと。長くなりがちなコードを短くできたり、関数などを使用してより便利にスタイルシートが書けるという代物です。CSSの管理が非常に楽になります:) Sassには、プログラムのような書き方をする「Sass」と、よりCSSに近い記述が可能な「Scss」とがあるのですが、根本的には変わりありません。（記述方法が違う）ちなみに、私はScssを利用しております。どんなことができるのではちょいと実例をば。ScssではCSSを簡単に書くためのルールがたくさん用意されておりますのでさっくりとご紹介。 [css]
kazzuu 2013/08/22
compass

CSS

sublimetext2

SCSS
リンク
1