mhstid https://blog.hatena.ne.jp/mhstid/ with the flow https://me.hateblo.jp/ Sass/Compass CSS Retina(に限らず高解像度)用の画像を背景画像として書き出すとき、 今までは全部手作業でやってたんだけども、 高解像度向けの@mediaのベストプラクティスが日々変化(進化)するので、毎回grepして修正するのが面倒。 @mediaの記述位置はCSSの末尾にまとめて書いてたが、数が多いとどこに対応してるか、訳が分からなくなってきて保守地獄発生。かといって対応セレクタの直後に書くとなんか見通しが悪くなるのでこれも避けたい。 そもそもbackground-image: url("path/to/image/hoge@2x.png);とかbackground-sizeとか毎回書くのが大変。なんで… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fme.hateblo.jp%2Fentry%2F2013%2F10%2F27%2F112957" title="Sass(Compass)でRetina用backgroundを同時に書き出すmixinを作った - with the flow" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2013-10-27 11:29:57 rich https://me.hateblo.jp/entry/2013/10/27/112957 1.0 100%