State of the

April 15th, 2015 LDN Sass #3

@kaelighttp://bit.ly/LDNSass3

Live SassBiteMicah Godbolt chats with Hampton

https://www.youtube.com/watch?v=gaDC4yiXn-U

TL;DWThe @include syntax could be simpler

They’re trying to pick syntaxes that don’t clash with W3C

Support for variable scoping @at-root

Loads of bug fixes and more testsExperimental support for plugins

3.2.0 is close!

3.2.0-beta.5

npm install node-sass@beta

Challenge accepted!— Sebastian Golasch, Rodney Rehm

+

=

.

Launched in Jan 2014

Runs libsass 3.1.0 since Jan 2015

A fair warning: minified it's 2.2MB, gzipped it's 611KB. node-sass is about 20 times faster than Sass.js

https://github.com/medialize/sass.js

Sass.js

http://medialize.github.io/sass.js/

Sass-Lint(eventually) SCSS-Lint for Node

https://github.com/sasstools/sass-lint By @snugug

https://github.com/davidkpiano/sassdash

lodash for Sass

$foo: _sort(3 1 4 2 6 5 8 7 9);// => 1 2 3 4 5 6 7 8 9

$foo: _sort(3 1 4 2 6 5 8 7 9, 'desc');// => 9 8 7 6 5 4 3 2 1

$users: ( ( 'user': 'barney', 'age': 36 ), ( 'user': 'fred', 'age': 40 ));$foo: _pluck($users, 'user');// => ('barney', 'fred')$user-index: _index-by($users, 'user');$foo: _pluck($user-index, 'age');// => (36, 40)

Grunt SassyCleanScans a project for partials that are never imported.

https://github.com/ryanburgess/grunt-sassyclean

One more thing…

Chris Epptsein@chriseppstein

Developer at LinkedIn

NPM modules for Sass

npm install eyeglass npm install my_eyeglass_module

// file.scss@import "<my_eyeglass_module>/file";

Modules can add additional custom functions to Sass that are written in JavaScript.

Modules can add additional custom functions to Sass that

are written in JavaScript.

Breakout about Sass & CSS Patterns at 5pm

@kaelighttp://bit.ly/LDNSass3