タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

sassに関するtohokuaikiのブックマーク (4)

  • Dart Sass、使ってる?Preprosを使えばコンパイルも楽勝!

    2020年6月14日 CSS, 便利ツール 最近Sass界隈が賑わっているように感じます。おそらく「Sassを@importから@useに置き換えるための手引き」という記事でDart Sassダートサスの存在を知った方も多いでしょう。今回はそんなDart Sassをザックリと、そして便利なコンパイラー「Prepros」について紹介します。 ↑私が10年以上利用している会計ソフト! Dart Sassとは 一口にSassと言っても、実装している言語によって3つに分かれます: Ruby Sass … Ruby製。2019年没。サポートされません。 LibSass … C++製。今一番広く使われている様子。 Dart Sass … Dart製。公式推奨。 ICS MEDIAの池田氏によるアンケートだと、LibSassがだんとつ人気ですね。 ウェブのフロントエンジニアに質問。 Sassのコンパイル

    Dart Sass、使ってる?Preprosを使えばコンパイルも楽勝!
  • 良く使ったな〜・・・と思うSassのmixin | バシャログ。

    Oculus Quest、やってます?自分はメチャメチャはまってます。 おはこんばんちわ、kouraku です。今回で最後の投稿となります。 近々、Web業界を引退することとなりました。 ということで、最後に何を書こうか・・・と色々と考えてみた結果、 これまでお世話になったSassのmixinを紹介することに至りました。 「あー、あるよねー」とか、「え?そんなの必要???」なんて感じで見ていただければ幸いです(笑) inline-blockでの隙間を削除 // ---- // * ex) @include remove-letterspace(); // ---- @mixin remove-letterspace { letter-spacing: -0.4em; > * { letter-spacing: normal; } } どうせなら子供にdisplay: inline-bloc

    良く使ったな〜・・・と思うSassのmixin | バシャログ。
    tohokuaiki
    tohokuaiki 2019/07/31
    mix-in色々/この人の記事を見て最初に見たのがこれでビビる。“近々、Web業界を引退することとなりました。 ”
  • Compass の送別会 - Pepabo Tech Portal

    2018 年 3 月 15 日、渋谷のはずれにある中華料理店『東亜飯店』では、 Sass の拡張フレームワークの Compass の送別会がしめやかにとりおこなわれていた。 「えー、それではですね、きょうは長年われわれのチームでいっしょに働いてきた Compass くんがついに卒業ということで、 minne のデザイナーの @shikakun から挨拶があるそうなので、よろしくお願いします」 はい、ありがとうございます。 Compass、いままでほんとうにありがとう。 Compass は、 SCSSCSSトランスパイルする機能だけでなく、 CSS3 で追加されたプロパティにベンダープレフィックスを付与してくれる mixin や、指定したディレクトリに画像ファイルを放り込むだけでスプライト画像も生成してくれる、とっても便利なライブラリでした。なんと最初のリリースは 2009 年で、

    Compass の送別会 - Pepabo Tech Portal
    tohokuaiki
    tohokuaiki 2019/07/01
    こないだCompassを知ったと思ったらもう終わっていた。なにを言っているのか…(略
  • Sassの親セレクタ参照&について - MOL

    Sassの親セレクター参照の&の話。 Sassでどんどんネストして書いてると「親セレクタ参照してーわー、できるなら親孝行してーわー」ってたまになりますよね。僕はそんなにならないんですけど、一番わかりやすい例としてリンクの擬似クラスがあります。こんな例です。 // SCSS #main { color: black; a { font-weight: bold; &:hover { color: red; } &:visited { color: blue; } } }

    Sassの親セレクタ参照&について - MOL
    tohokuaiki
    tohokuaiki 2019/04/15
    親が違う場合の&の指定“.ishikawa & {”
  • 1