upquark https://blog.hatena.ne.jp/upquark/ Webデザインの方法 | Webデザインメソッド https://upquark.hatenadiary.org/ SCSS+Compass 前回の記述を変数、ネスト、mixin、継承の機能を使ってさらに簡潔に書き換える。 SCSS+Compassでの記述 コンパイル後のCSS .default-box, .costom-box2 { margin: 10px; padding: 10px; width: 300px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px #333333… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fupquark.hatenadiary.org%2Fentry%2F20130213%2Fp1" title="SCSS+Compassの基本練習（３） - Webデザインの方法 | Webデザインメソッド" 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-02-13 00:00:00 rich https://upquark.hatenadiary.org/entry/20130213/p1 1.0 100%