State of the Sass - The Mixin (November 2016)

26
State of the November 15th, 2016 The Mixin

Transcript of State of the Sass - The Mixin (November 2016)

Page 1: State of the Sass - The Mixin (November 2016)

State of the

November 15th, 2016 The Mixin

Page 2: State of the Sass - The Mixin (November 2016)

@kaelighttp://bit.ly/mixin112016

Page 3: State of the Sass - The Mixin (November 2016)
Page 4: State of the Sass - The Mixin (November 2016)
Page 5: State of the Sass - The Mixin (November 2016)
Page 6: State of the Sass - The Mixin (November 2016)

blog.sass-lang.com/posts/809572-sass-35-release-candidate

Page 7: State of the Sass - The Mixin (November 2016)

Custom property support

Page 8: State of the Sass - The Mixin (November 2016)

Custom property support

Sass variable in Custom property: interpolate!

Page 9: State of the Sass - The Mixin (November 2016)
Page 10: State of the Sass - The Mixin (November 2016)

https://github.com/davidkpiano/sass-v

Page 11: State of the Sass - The Mixin (November 2016)

New Syntax: Bracketed Lists

is-bracketed($list)

[foo bar baz][foo, bar, baz]

Page 12: State of the Sass - The Mixin (November 2016)

Smaller features

content-exists()

invert($color, $weight: 100%)

Page 13: State of the Sass - The Mixin (November 2016)

First-class Functions

In computer science, a programming language is said to have first-class functions

if it treats functions as first-class citizens. – Wikipedia (so you know it’s true)

Page 14: State of the Sass - The Mixin (November 2016)

First-class Functions (before 3.5)

@function my-function() { @return ‘Hello, world.’; } my-function(); // -> ‘Hello, world.’

call(‘my-function’) // -> ‘Hello, world.’

Page 15: State of the Sass - The Mixin (November 2016)

First-class Functions (after 3.5)

@function my-function() { @return ‘Hello, world.’; } my-function(); // -> ‘Hello, world.’

call(get-function(‘my-function’)) // -> ‘Hello, world.’

Page 16: State of the Sass - The Mixin (November 2016)

First-class Functions (after 3.5)

Page 17: State of the Sass - The Mixin (November 2016)

First-class Functions (after 3.5)

Page 18: State of the Sass - The Mixin (November 2016)

http://bit.ly/sass-first-class-functions

Page 19: State of the Sass - The Mixin (November 2016)

blog.sass-lang.com/posts/1022316-announcing-dart-sass

Page 20: State of the Sass - The Mixin (November 2016)

https://github.com/sasstools/sass-lint

Page 21: State of the Sass - The Mixin (November 2016)

sassnews.com

Page 22: State of the Sass - The Mixin (November 2016)
Page 23: State of the Sass - The Mixin (November 2016)
Page 24: State of the Sass - The Mixin (November 2016)

SUBSCRIBE

SUBSCRIBE

SUBSCRIBE

Page 25: State of the Sass - The Mixin (November 2016)

sassnews.com

Page 26: State of the Sass - The Mixin (November 2016)

@kaelighttp://bit.ly/mixin112016