タグ

SCSSに関するs99e209のブックマーク (22)

  • SassについてとCompass導入から利用までの簡単な解説 - blog.4uing

    SassについてとCompass導入から利用までの簡単な解説 2013-04-09 はじめに このページではRubyやSassのインストール手順などの初歩的なことや、高度なSassの使用方法についてはほとんど解説されていません。 Sassに興味をもっている方、もしくはすでにSassを使用していて …はじめに このページではRubyやSassのインストール手順などの初歩的なことや、高度なSassの使用方法についてはほとんど解説されていません。 Sassに興味をもっている方、もしくはすでにSassを使用していて、これからCompassやBourbonの導入を考えている方を主に対象としています。 SassとSCSS SassとはCSS3の拡張であり、ネスト・変数・Mixin・セレクタの継承などの機能が実装されています。以下はその4つの機能を使った、リンクとそのホバー時の色を変更する例です。 $l

    s99e209
    s99e209 2014/04/21
    SCSS/SASSでCSSリセットするには@include global-reset; と @include reset-html5; を先頭に書いておけばいいのか。
  • 一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTPで作業効率化する方法。 | codechord

    Posted 12月 13th, 2012 by codechord. 8 Comments Tweet Tweet こんにちは。Sublime Text 2 Advent Calendar 2012 の13日目です。 http://www.adventar.org/calendars/20 釣りタイトルですいません。 記事が思ったより長くなってしまったので、まず簡単に何をしたいかを説明します。 僕だけじゃないと思うんですが、sass/SCSSを使っている場合に限りですが、サーバにアップするのが自動でできなくて、イライラを感じたことはありませんか?SublimeText2使ったら解消でき、作業効率化できますよ。というお話で、一連の設定手順を紹介します。 SublimeText2を使って、Sass/SCSS(compass)を使い自動生成したcssファイルを自動でサーバにアップロード。これっ

    一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTPで作業効率化する方法。 | codechord
    s99e209
    s99e209 2014/04/05
    SCSSコンパイルと同時にFTPアップロードはすごく便利。