Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

State of the Sass (LDN Sass, April 15th, 2015)

1,767 views

Published on

- What's happening in the Sass community?
- What tools are being developed?
- Where is the Sass syntax going?

Published in: Engineering
  • Be the first to comment

State of the Sass (LDN Sass, April 15th, 2015)

  1. 1. State of the April 15th, 2015 LDN Sass #3
  2. 2. @kaelig http://bit.ly/LDNSass3
  3. 3. Live SassBite Micah Godbolt chats with Hampton
 https://www.youtube.com/watch?v=gaDC4yiXn-U 
 TL;DW
 The @include syntax could be simpler
 They’re trying to pick syntaxes that don’t clash with W3C
  4. 4. Support for variable scoping @at-root
 Loads of bug fixes and more tests
 Experimental support for plugins 3.2.0 is close! 3.2.0-beta.5
  5. 5. npm install node-sass@beta
  6. 6. Challenge accepted!
 — Sebastian Golasch, Rodney Rehm
  7. 7. + = .
  8. 8. 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
  9. 9. http://medialize.github.io/sass.js/
  10. 10. Sass-Lint (eventually) SCSS-Lint for Node https://github.com/sasstools/sass-lint By @snugug
  11. 11. https://github.com/davidkpiano/sassdash lodash for Sass
  12. 12. $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)
  13. 13. Grunt SassyClean Scans a project for partials that are never imported. https://github.com/ryanburgess/grunt-sassyclean
  14. 14. One more thing…
  15. 15. Chris Epptsein @chriseppstein
 Developer at LinkedIn
  16. 16. 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.
  17. 17. Modules can add additional custom functions to Sass that are written in JavaScript.
  18. 18. Breakout about Sass & CSS Patterns at 5pm
  19. 19. @kaelig http://bit.ly/LDNSass3

×