I threw a question out on Twitter regarding CSS/Sass authoring style. It was a difference between Option 1: .c-btn { ... } .c-btn__icon { ... } and Option 2: .c-btn { &__icon { ... } } The results were interesting so I wanted to write them up. Here we go! Option 1: Not Nested .c-btn { ... } .c-btn__icon { ... } As you can see, this looks like regular ol’ CSS. Because it is! Let’s unpack the pros a
SassMeister is a playground for Sass. Add some Sass and SassMeister will show you the rendered CSS.
Over the past few months, I’ve been quietly working on a new project. Today I’m ready to announce Dart Sass to the world. It’s a totally new implementation of Sass, designed to be fast, easy to install, and easy to hack on. It’s not yet complete—I’m steadily working my way through sass-spec—so today I’m just releasing version 1.0.0-alpha.1. But it’s solid enough for you to download, play with, and
Unprecedented Control Twelve columns. Six columns. Nine columns. As many columns as you want, in as many combinations as you want. $col-groups: (12, 6, 9); Fixed width gutters No fluid gutter width bullcrap. This is the real deal. What you set is what you get. $gutter-width: 20px; Easy to use, hard to break It takes just a few lines of code to start using Toast. And it’ll work all the way down to
Quick install 1.- Get the files via NPM npm install sierra-library --save-dev 2.- Import the library from your SCSS files @import 'sierra-library/lib/index'; 3.- Ready to compile! Need help about that? take a look at our example page and its code. Theme customization If you want to customize Sierra library's theme settings, including fonts, margins, paddings and/or colors, create your own custom-s
I’ve just pushed the button to release Sass 3.5.0-rc.1. If it seems like it’s been a while since the last release, that’s true! But there’s a good reason. We decided to enter feature freeze after the 3.5 release to give libsass, the super-speedy C++ implementation of Sass, time to reach feature parity with Sass 3.4. Libsass is much younger than Sass, and C++ is generally a slower language to work
Sass’s killer feature was truly the @import statement. When a Sass file is imported, all the variables and mixins defined previously are now available in any subsequent imported file. So, it is very good practice to define a single top-level stylesheet that you link to from the <HEAD> of your page layout. In a Rails implementation, this would likely be the application.scss. This root file is then
Family.scss is a set of 26 smart Sass mixins which will help you to manage the style of :nth-child’ified elements, in an easy and classy way. The goal of this project is to unleash the power of the nth-child property, in an easy way. The best way to understand each and every mixin, is to read it, literally. For example: first(3) => first three Each and every mixin is really easy to use, proceed li
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
