[B! sass] bogenbauerのブックマーク

CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較 - (DxD)∞

CSSを拡張するためのメタ言語として、代表的なものに「SCSS(Sass)」と「LESS」があります。今回、導入を検討するにあたり、両者を比較しました。結果的には、「SCSS(Sass)」を導入することにしましたが、特に「SCSS(Sass)」を選択する決め手となった点に重点を置きつつ、両者の違いをまとめまてみました。はじめに Webサイト、Webアプリケーションが大規模になるにつれて、CSSの設計・管理にもリソースを割かれるようになります。CSSのモジュール化、コンポーネント化による再利用性を考えたとき、現状のCSSを取り巻く状況は十分とは言えません。一つの選択肢としてあがるのが「Blueprint」や「960 Glid System」等のCSSフレームワークの利用ですが、その再利用性と構造・表現の分離度はトレードオフです。そこで、CSSの利点を活かしつつ、再利用性を高めるために

bogenbauer 2013/06/19

リンク

#417 Foundation - RailsCasts

<nav class="top-bar"> <ul class="title-area"> <li class="name"> <h1><%= link_to "Awesome Store", products_path %></a></h1> </li> </ul> <section class="top-bar-section"> <ul class="right"> <li class="divider"></li> <li><%= link_to "Browse Products", products_path %></li> <li class="divider"></li> <li><%= link_to "Price List" %></li> <li class="divider"></li> <li><%= link_to "Contact Us" %></li> <li

bogenbauer 2013/06/19

[css[

rails
sass

リンク

File: README — Documentation by YARD 0.9.12

Ruby Sass is Deprecated! Ruby Sass is in a sunset period where only critical bugs and CSS compatibility issues will be fixed. It will be completely unmaintained as of 26 March 2019. See the Sass website for details, and consider switching to the sassc gem Sass Sass makes CSS fun again. Sass is an extension of CSS, adding nested rules, variables, mixins, selector inheritance, and more. It's transla

bogenbauer 2013/06/11

sass
CSS

リンク

Sass: Built-In Modules

Only Dart Sass currently supports loading built-in modules with @use. Users of other implementations must call functions using their global names instead. Sass provides many built-in modules which contain useful functions (and the occasional mixin). These modules can be loaded with the @use rule like any user-defined stylesheet, and their functions can be called like any other module member. All b