タグ

CSSとnpmに関するytkwsmのブックマーク (2)

  • Sassの@importでreset.cssやnormalize.cssを読み込む - Qiita

    Sass の @import によるインライン展開は .css 拡張子に対応していないので、.css ファイルしか用意されてない HTML5-Reset や normalize.css、sanitize.css などはそのままではインポートできません。 ※.css ファイルを指定すると CSS の @import url(...) になってしまいます。 .scss バージョンを公開している人もいますができれば公式のものを使いたいし、自分でリネームしてリポジトリに置くというのも避けたいところです。 これらの条件をクリアするために、私は Bower でインストールしたあと gulp で .scss にリネームしていたのですが、node-sass-package-importer を使うとそんな手間もいらず簡単にインポートすることができたので紹介します。 インストール node-sass-pac

    Sassの@importでreset.cssやnormalize.cssを読み込む - Qiita
  • SassとPostCSSを組み合わせて作るCSS開発環境 | Tips Note by TAM

    突然ですが、僕はずっとPostCSSを誤解していました… このたび晴れて誤解が解けたので、記念に記事を書きたいと思います。 Sassの代わりではない はい、これです。 この記事で言いたいことは、これがほぼ全てです。 僕は、PostCSSを、コンパイルしてCSSを生成するSassのようなものだと思っていました! ですが、そもそもSassを使っていたので全くと言っていいほど必要性を感じてませんでした。 PostCSSは自分で必要な機能だけを選べるからカスタマイズ性がある!楽しい!軽い! とか言われても、Sass遅くないし、むしろ必要な機能を選んで構成するのがめんどくさいと思ってました。というか今も思ってます。 ポストプロセッサーとしてのPostCSS PostCSSというくらいなので、ポストプロセッサーとして、生成されたCSSに対して後処理をすることに使えます。 (導入するプラグインによっては

    SassとPostCSSを組み合わせて作るCSS開発環境 | Tips Note by TAM
  • 1