Awesome
Awesome Sass
Disclaimer! Fair warning: this list is a way for me to keep track of all my work around Sass. For this reason, I do not accept pull-requests. That being said I am willing to have another version of this list with everbody's work, even if it means renaming this repository. :)
Books
- Jump Start Sass: a beginner’s guide to get started with Sass
Projects
- Sass Reference: SitePoint Sass Reference
- SassDoc: release the docs!
- Sass Guidelines: an opinionated styleguide for writing sane, maintainable and scalable Sass
- Sass-Compatibility: Sass Compatibility tables
- Sass-Boilerplate: a Sass boilerplate sticking to Sass Guidelines
- Sass-semver: a SemVer parser in Sass
- SassyTester: a minimalister function tester in Sass
- SassyBitwise: bitwise operators implemented in Sass
- SassyCast: a small lib for type conversion across data types
- SassyJSON: a JSON encoder/decoder in Sass
- SassyLists: a collection of functions to manipulate lists
- SassyMatrix: a collection of functions to manipulate matrices
- SassySort: a Sass sorting function using various algorithms
- SassyStrings: a collection of functions to manipulate strings
- SassyLogger: a message logger in Sass
- SassyGradients: a collection of tools to help manipulate gradients in a dynamic way
- SassyIteratorsGenerators: iterators and generators implementation in Sass
On my blog
- Styling React Components in Sass by David Khourshid (18-06-2015)
- Translating Sass Guidelines (03-02-2015)
- Introducing Sass Guidelines (07-01-2015)
- Calculating specificity in Sass by David Khourshid (25-11-2014)
- Rethinking Atwood's law (27-10-2014)
- Translation system in Sass (22-10-2014)
- SassDoc and semantic versioning (01-09-2014)
- Automating CSS animations with Sass (16-07-2014)
- Building a customization API in Sass by Ezekiel Gabrielse (01-07-2014)
- A new Sass mixin for offsets (19-05-2014)
- Modernizr Sass mixin by Daniel Guillan (12-05-2014)
- Bringing configuration objects to Sass (05-05-2014)
- Casting a map into a list in Sass (28-04-2014)
- Building a walk function in Sass (14-04-2014)
- What to do with a Sass list (07-04-2014)
- Pushing Sass placeholders further (01-04-2014)
- Getting the most out of Sass placeholders (31-03-2014)
- SassyMatrix: because one dimension wasn't enough (25-03-2014)
- SassySort: sorting algorithms in Sass (18-03-2014)
- Another Sass button library (03-03-2014)
- Star rating widget with Sass (24-02-2014)
- SassyCast: Type conversion in Sass (27-01-2014)
- SassyJSON: Talk to the browser! (20-01-2014)
- Casting a string to number in Sass (15-01-2014)
- String replacement function in Sass (13-01-2014)
- Sass brainfuck (28-11-2013)
- How I made a Sass debug function (21-10-2013)
- Random function with Sass 3.3 (17-10-2013)
- Advanced Sass list functions again (09-10-2013)
- Use lengths not strings (03-09-2013)
- A couple of Sass functions (12-08-2013)
- Advanced Sass list functions (08-08-2013)
- Sass mixin for offsets (05-08-2013)
- Understanding Sass lists (15-07-2013)
- Digging into my slides about Sass (08-07-2013)
- Items on circle with Sass (02-04-2013)
- 8 Compass extensions you may not know (25-03-2013)
- The ultimate PX/Rem mixin (18-03-2013)
- Can I afford a preprocessor? (14-03-2013)
- Sassy Media queries (27-02-2013)
- Sassify a CSS shape (18-02-2013)
- A closer look at my Sass structure (11-02-2013)
- Why I switched from LESS to Sass (13-11-2012)
At other places
- Tilted Angles in Sass at SitePoint (21-09-2016)
- A Tale of CSS and Sass Precision at SitePoint (12-05-2016)
- Introducing our Newest Book: Jump Start Sass at SitePoint (04-04-2016)
- Cleaning Up A CSS Codebase at SitePoint (09-03-2016)
- Using @error responsibly in Sass at SitePoint (11-08-2015)
- An easy way to document your Sass code at CreativeBloq (27-07-2015)
- Centering With Sass at SitePoint (16-07-2015)
- Getting Started with SCSS-lint at SitePoint (25-06-2015)
- Structuring CSS Class Selectors with Sass at SitePoint (09-07-2015)
- Introducing SitePoint Sass Reference at SitePoint (24-06-2015)
- Testing A Sass Library at SitePoint (23-06-2015)
- Testing A Sass Function in 5 Minutes at SitePoint (16-06-2015)
- Simple Gulp'y Workflow For Sass at SitePoint (11-06-2015)
- Sass Mixin And Media Merging at SitePoint (02-06-2015)
- Sass Theming: The Neverending Story at SitePoint (26-05-2015)
- Understanding Sass Units at SitePoint (26-02-2015)
- Breakpoints and tweakpoints in Sass at SitePoint (17-02-2015)
- Why I Don't Use Compass Anymore at SitePoint (10-02-2015)
- SassDoc 2 Shiny Streamy Octopus is Out at SitePoint (05-02-2015)
- The Ultimate Long-Shadow Mixin at SitePoint (22-01-2015)
- Extra Map Functions in Sass at SitePoint (15-01-2015)
- Introducing Sass-Compatibility at SitePoint (23-12-2014)
- Functional wrappers in Sass at SitePoint (18-12-2014)
- Why you should avoid Sass
@extend
at SitePoint (11-12-2014) - Building a linear gradient mixin at SitePoint (02-12-2014)
- [FR] Quand Sass ne rend plus service for 24 Jours du Web (01-12-2014)
- Sass Multiple Arguments, Lists or Arglists at SitePoint (20-11-2014)
- Dealing with constants in Sass at SitePoint (28-10-2014)
- Cubic Bezier representation in Sass with Tim Severien at The Sass Way (26-10-2014)
- Debugging Sass Maps at SitePoint (21-10-2014)
- Building a step wizard with BEM and Sass at SitePoint (02-10-2014)
- Beware of selector nesting in Sass at SitePoint (25-09-2014)
- A bulletproof function to validate lengths in Sass at SitePoint (10-09-2014)
- Building a logger mixin in Sass at Tuts+ (02-09-2014)
- Sass 3.4 is out! at SitePoint (22-08-2014)
- What's up with SassDoc 1.2? at Tuts+ (12-08-2014)
- Keep Sass Simple at SitePoint (30-07-2014)
- Using Sass to build color palettes at SitePoint (17-07-2014)
- How to check for dependencies in Sass libraries at Tuts+ (02-07-2014)
- Tips to help you level up your Sass at SitePoint (26-06-2014)
- All you ever need to know about Sass interpolation at Tuts+ (24-06-2014)
- A better solution for managing z-index in Sass at SitePoint (20-06-2014)
- Useful Compass extensions that are worth a try at SitePoint (09-06-2014)
- Using Sass maps at SitePoint (06-06-2014)
- Compass or Bourbon at SitePoint (29-05-2014)
- Managing responsive breakpoints in Sass at SitePoint (20-05-2014)
- A Sass mixin for CSS triangles at SitePoint (15-05-2014)
- When and how to support multiple versions of Sass at Tuts+ (12-05-2014)
- Sass mixins to kickstart your project at SitePoint (08-05-2014)
- Sass or SCSS at SitePoint (29-04-2014)
- My favourite Sass tools at SitePoint (22-04-2014)
- Caching values from Sass mixins at SitePoint (15-04-2014)
- Cross @media queries @extend directive in Sass at SitePoint (10-04-2014)
- A creative grid system with Sass and calc() at SitePoint (27-03-2014)
- Creating a Rainbow Border with Sass at SitePoint (18-03-2014)
- Implementing the Bubble Sort algorithm in Sass at TheSassWay (17-03-2014)
- My current CSS and Sass styleguide at SitePoint (13-03-2014)
- An introduction to error handling in Sass at Tuts+ (12-03-2014)
- Dealing with color schemes in Sass at SitePoint (06-03-2014)
- Architecture for a Sass project at SitePoint (27-02-2014)
- Is Compass to Sass what jQuery is to JavaScript at SitePoint (17-02-2014)
- A Sass component in 10 minutes at SitePoint (12-01-2014)
- What nobody told you about Sass @extend at SitePoint (05-02-2014)
- Sass: Mixin or placeholder? at SitePoint (31-01-2014)
- How to programmatically go from one color to another at TheSassWay (30-01-2014)
- Math sequences with Sass at TheSassWay (14-10-2013)
- MetaFizzy effect with Sass at CSS-Tricks (12-08-2013)
- Looking into the future of Sass at David Walsh' (17-07-2013)
- Create Striped Backgrounds With Gradients (and a Sass Mixin) at CSS-Tricks (09-07-2013)
Screencasts
CodePen / SassMeister
- Assert system
- Simple nth-of-type for IE
- trim() function
- Multiple properties sharing same value
- Functional programming
- Fixing Sass / Grid layout bug
- Advanced type checking
- Dealing with context and events in a friendly way
- A new clamp function
- Proxifying functions and mixins
- Writing modes handler
- Cast to list / change list separator
- Map extra functions
- Map API polyfill for Sass 3.2
- Initialize a comma-separated empty list
- Dependency checker
- Some() and every() functions
- Find max depth of a map
- jQuery-style extend Sass function
- Fifty Shades of Grey in Sass
- Advanced map-remove()
- Float comparison
- Opposite direction without Compass
- Simple breakpoints manager
- z-index handling in Sass projects
- Map-fetch function
- Caching values from mixins
- Dot accessor for lists and maps
- Managing vendor prefixes' aliases
- Prefixer mixin
- :matches() polyfill in Sass
- Sass to CSV converter
- An alert component in Sass
- Sass + calc: a creative grid system
- Programmatically finding one color from another one
- Levenshtein distance between two strings in Sass
- Google Font Sass mixin
- Float: down with Sass
- CSS counters + Sass
- Sass mixin for scrollbar styling
- Issues with Sass lists
- Hyphens and underscores in Sass names
- Leap-year in Sass
- Prime number in Sass
- @for loop in keyframes
- Step wizard component
- Nested Sass lists as property/value pairs
- Differences between () and null
- Gradient from loop
License
To the extent possible under law, Kitty Giraudel has waived all copyright and related or neighboring rights to this work.