#Sass Mixins and Function
Collection best of Sass Mixins and Function.If you have seen good and meaningful Mixins or Functions, please send us your code.Let more students share your results.
收集优秀的Sass Mixins和Function。如果您有看到优秀的、有意义的Mixins或Functions,请向我们提交您的代码吧。让更多的同学分享您的成果。
##Sass Resources
###Guide Line
###Beginner
- Getting Started with Sass (with interactive examples) by @Ken Wheeler
- Themed Styles With Sass by @ETHAN MULLER
###Sass Variables
###Sass Features
- Sass 3.4 is Out! by @Hugo Giraudel
- Everything you need to know about Sass 3.4 by @Micah Godbolt——译文 by @大漠
- Emulate the Invert Filter Effect with Sass by @Ana Tudor
- A Vision for Our Sass by @FELICITY EVANS
###Workflow
- A Look at Different Sass Architectures by @Vinay Raghu
- HOW I IMPROVED MY WORKFLOW WITH SMACSS & SASS by @bramsmulders
- Writing CSS (and Sass) that doesn’t suck by @Ashley Nolan
- Recommendations for a Faster Workflow with Sass by @Tim Hartmann
- Sinatra and Bourbon – Web Development My Way by @M. David Green
- Working with Sass style sheets in Office 365 / SharePoint 2013 by @Thomas Daly
###Mixins
- Smarter Sass Mixins with Null by @Guil Hernandez
- The Self-Aware Sass Mixin by @Lunelson
- How to use ampersands to simplifiy your sass by @Hearsparkbox
- When to use @extend; when to use a mixin by@award-winning
- Sass Basics: The Mixin Directive by @Reggie Dawson
###Function
- A Bulletproof Function to Validate Length Values in Sass by @Hugo Giraudel
- Cubic Bézier representation in Sass by @Tim Severien and @Hugo Giraudel
###Typography
- Using Sass to Build a Custom Type Scale with Vertical Rhythm by @James Steinbach
- Managing responsive typography with Sass by @Matt Hinchliffe
###BEM
- BEM modifiers: multiple classes vs @extend by @bensmithett——译文 by @大漠
- BEM, Sass and Bootstrap: how to mix everything up in a smart way? by @OruiAnderson
- Pushing BEM to the next level with Sass 3.4 by @MintelMarc——译文 by @大漠
- Modular CSS with Sass & BEM by @Mat Hayward
###Icon
###Grids
- Bootstrap’s Grid System vs. Susy: A Comparison by @Zell Liew
- Sass and Bourbon Neat for Lightweight Semantic Grids by @M. David Green
- Build Web Layouts Easily with Susy by @Guest Author
- Sass Grids: From Neat To Susy by @James Steinbach
- How to Use Susy: Superpowered Sass Grids by @Jonathan Cutrell
- Based on The Golden Grid System Implemented with Compass SASS
- Super-fast Responsive Layouts with Jeet by @George Martsoukos
###Colors
- HSB Colors with Sass by @Alexander Futekov
- Quick Color with SASS
- Managing Color Values with Sass by @James Steinbach
###@import
###Maps
- Debugging Sass Maps by @Hugo Giraudel
- SASS Maps != Source Maps by @Jaime Quiroz
- Real Sass, Real Maps by @gryghostvisuals
- An Introduction to Sass Maps: Usage and Examples by @Tim Hartmann
- Magical Config Objects with Sass Maps by @Adam Blum
- Extra Map Functions in Sass by @Hugo Giraudel
- Update single value in a Sass map
###OOCSS with Sass
###RWD
- Tutorial on Sass media queries : Creating responsive layouts easily by @Syed Fazle Rahman
- Scaling Values Across Breakpoints Using Sass by @James Steinbach
- Sass-based Media Queries With Breakpoint by @James Steinbach
- Approaches to Media Queries in Sass
- Write Simple, Elegant and Maintainable Media Queries with Sass by @Eduardo Bouças
- Smoothing Responsive Designs with +spread by @DOUG AVERY
###Sass Framework
- 5 Ways to Improve Your Sass with Bourbon by @M. David Green
- Sass & CSS Style Guide by @liveeditorcms
- Increasing SASS Compiling Performance or "When Every Second Counts” by @Vaclovas Vicius
###Step by Step
- Getting Started with Sass, Part 1 by @Laura Kalbag
- Getting Started with Sass, Part 2 by @Laura Kalbag
- Getting Started with Sass, Part 3 by @Laura Kalbag
- Sass for Big Sites, Part 1 by @Jackie Balzer
###Sass Tools & Compile
- Gulpin Sass to CSS by @Rik Schennink
- Using Grunt, bootstrap, Compass and Sass in a Drupal sub theme by @David Allard
- Using Source Maps to Debug Sass in Chrome by @Vinay Raghu
- Creating SVG Sprites using Gulp and Sass by @Mike Street
- Converting CSS to SASS (And Cleaning Things Up in the Process)
###Video
###Compass
###Sass & CMS