[38;5;12m![39m[38;5;14m[1mAwesome Sass[0m[38;5;12m (https://raw.githubusercontent.com/Famolus/awesome-sass/master/awesome-sass-logo-github.png)[39m

[38;5;12m                                   [39m[38;2;255;187;0m[1m[4mAwesome Sass [0m[38;5;14m[1m[4m![0m[38;2;255;187;0m[1m[4mAwesome[0m[38;5;14m[1m[4m (https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)[0m[38;2;255;187;0m[1m[4m (https://github.com/sindresorhus/awesome)[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mCurated list of awesome [39m[38;5;14m[1mSass[0m[38;5;12m (http://sass-lang.com/) and [39m[38;5;14m[1mSCSS[0m[38;5;12m (http://sass-lang.com/) frameworks, libraries, style guides, articles, and resources.[39m

[38;5;12m- Use  to search for a keyword.[39m
[38;5;12m- Contributions welcome, please see [39m[38;5;14m[1mcontribution guide[0m[38;5;12m (contributing.md).[39m

[38;2;255;187;0m[4mContents[0m
[38;5;12m- [39m[38;5;14m[1mAbout[0m[38;5;12m (#about)[39m
[38;5;12m- [39m[38;5;14m[1mGetting Started[0m[38;5;12m (#getting-started)[39m
[38;5;12m- [39m[38;5;14m[1mSass vs SCSS[0m[38;5;12m (#sass-vs-scss)[39m
[38;5;12m- [39m[38;5;14m[1mFrameworks[0m[38;5;12m (#frameworks)[39m
[38;5;12m- [39m[38;5;14m[1mLibraries and Mixins[0m[38;5;12m (#libraries-and-mixins)[39m
[38;5;12m  - [39m[38;5;14m[1mGrid[0m[38;5;12m (#grid)[39m
[38;5;12m  - [39m[38;5;14m[1mMedia Queries[0m[38;5;12m (#media-queries)[39m
[38;5;12m  - [39m[38;5;14m[1mColor[0m[38;5;12m (#color)[39m
[38;5;12m  - [39m[38;5;14m[1mTypography[0m[38;5;12m (#typography)[39m
[38;5;12m  - [39m[38;5;14m[1mAnimation[0m[38;5;12m (#animation)[39m
[38;5;12m  - [39m[38;5;14m[1mMiscellaneous[0m[38;5;12m (#miscellaneous)[39m
[38;5;12m- [39m[38;5;14m[1mStyle Guides[0m[38;5;12m (#style-guides)[39m
[38;5;12m- [39m[38;5;14m[1mArticles[0m[38;5;12m (#articles)[39m
[38;5;12m- [39m[38;5;14m[1mTools[0m[38;5;12m (#tools)[39m
[38;5;12m- [39m[38;5;14m[1mBooks[0m[38;5;12m (#books)[39m
[38;5;12m- [39m[38;5;14m[1mVideos[0m[38;5;12m (#videos)[39m
[38;5;12m- [39m[38;5;14m[1mCommunity[0m[38;5;12m (#community)[39m

[38;2;255;187;0m[4mAbout[0m
[38;5;14m[1mSass[0m[38;5;12m [39m[38;5;12m(http://sass-lang.com/)[39m[38;5;12m [39m[38;5;12mis[39m[38;5;12m [39m[38;5;12man[39m[38;5;12m [39m[38;5;12mextension[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mCSS[39m[38;5;12m [39m[38;5;12mthat[39m[38;5;12m [39m[38;5;12madds[39m[38;5;12m [39m[38;5;12mpower[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12melegance[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mbasic[39m[38;5;12m [39m[38;5;12mlanguage.[39m[38;5;12m [39m[38;5;12mIt[39m[38;5;12m [39m[38;5;12mallows[39m[38;5;12m [39m[38;5;12myou[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12muse[39m[38;5;12m [39m[38;5;12mvariables,[39m[38;5;12m [39m[38;5;12mnested[39m[38;5;12m [39m[38;5;12mrules,[39m[38;5;12m [39m[38;5;12mmixins,[39m[38;5;12m [39m[38;5;12minline[39m[38;5;12m [39m[38;5;12mimports,[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mmore,[39m[38;5;12m [39m[38;5;12mall[39m[38;5;12m [39m[38;5;12mwith[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mfully[39m[38;5;12m [39m[38;5;12mCSS-compatible[39m[38;5;12m [39m[38;5;12msyntax.[39m[38;5;12m [39m[38;5;12mSass[39m[38;5;12m [39m[38;5;12mhelps[39m[38;5;12m [39m
[38;5;12mkeep[39m[38;5;12m [39m[38;5;12mlarge[39m[38;5;12m [39m[38;5;12mstylesheets[39m[38;5;12m [39m[38;5;12mwell-organized,[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mget[39m[38;5;12m [39m[38;5;12msmall[39m[38;5;12m [39m[38;5;12mstylesheets[39m[38;5;12m [39m[38;5;12mup[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mrunning[39m[38;5;12m [39m[38;5;12mquickly.[39m

[38;5;12mSass has two syntaxes. The new main syntax (as of Sass 3) is known as "SCSS" (for "Sassy CSS"), and is a superset of CSS's syntax. This means that every valid CSS stylesheet is valid SCSS as well. SCSS files use the extension [39m[48;5;235m[38;5;249m.scss[49m[39m[38;5;12m.[39m

[38;5;12mThe[39m[38;5;12m [39m[38;5;12msecond,[39m[38;5;12m [39m[38;5;12molder[39m[38;5;12m [39m[38;5;12msyntax[39m[38;5;12m [39m[38;5;12mis[39m[38;5;12m [39m[38;5;12mknown[39m[38;5;12m [39m[38;5;12mas[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mindented[39m[38;5;12m [39m[38;5;12msyntax[39m[38;5;12m [39m[38;5;12m(or[39m[38;5;12m [39m[38;5;12mjust[39m[38;5;12m [39m[38;5;12m"Sass").[39m[38;5;12m [39m[38;5;12mInspired[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;12mHaml's[39m[38;5;12m [39m[38;5;12mterseness,[39m[38;5;12m [39m[38;5;12mit's[39m[38;5;12m [39m[38;5;12mintended[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12mpeople[39m[38;5;12m [39m[38;5;12mwho[39m[38;5;12m [39m[38;5;12mprefer[39m[38;5;12m [39m[38;5;12mconciseness[39m[38;5;12m [39m[38;5;12mover[39m[38;5;12m [39m[38;5;12msimilarity[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mCSS.[39m[38;5;12m [39m[38;5;12mInstead[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mbrackets[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12msemicolons,[39m[38;5;12m [39m[38;5;12mit[39m[38;5;12m [39m[38;5;12muses[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mindentation[39m
[38;5;12mof[39m[38;5;12m [39m[38;5;12mlines[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mspecify[39m[38;5;12m [39m[38;5;12mblocks.[39m[38;5;12m [39m[38;5;12mAlthough[39m[38;5;12m [39m[38;5;12mno[39m[38;5;12m [39m[38;5;12mlonger[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mprimary[39m[38;5;12m [39m[38;5;12msyntax,[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mindented[39m[38;5;12m [39m[38;5;12msyntax[39m[38;5;12m [39m[38;5;12mwill[39m[38;5;12m [39m[38;5;12mcontinue[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mbe[39m[38;5;12m [39m[38;5;12msupported.[39m[38;5;12m [39m[38;5;12mFiles[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mindented[39m[38;5;12m [39m[38;5;12msyntax[39m[38;5;12m [39m[38;5;12muse[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mextension[39m[38;5;12m [39m[48;5;235m[38;5;249m.sass[49m[39m[38;5;12m.[39m

[38;2;255;187;0m[4mGetting Started[0m
[38;5;12m- [39m[38;5;14m[1mOfficial Sass and SCSS Guide[0m[38;5;12m (http://sass-lang.com/guide) - Official Sass and SCSS guide.[39m
[38;5;12m- [39m[38;5;14m[1mTutorialzine[0m[38;5;12m (http://tutorialzine.com/2016/01/learn-sass-in-15-minutes/) - Learn SASS in 15 minutes tutorial.[39m
[38;5;12m- [39m[38;5;14m[1mCodecademy[0m[38;5;12m (https://www.codecademy.com/learn/learn-sass) - Learn Sass with Codecademy.[39m
[38;5;12m- [39m[38;5;14m[1mLynda[0m[38;5;12m (https://www.lynda.com/SASS-training-tutorials/1435-0.html) - Learn how to use Sass, from beginner basics to advanced techniques, with online video tutorials taught by industry experts.[39m
[38;5;12m- [39m[38;5;14m[1mOfficial Sass and SCSS Reference[0m[38;5;12m (http://sass-lang.com/documentation/file.SASS_REFERENCE.html) - Official Sass and SCSS Documentation Reference.[39m
[38;5;12m- [39m[38;5;14m[1mSitePoint Sass and SCSS Reference[0m[38;5;12m (https://www.sitepoint.com/sass-reference/) - SitePoint Sass and SCSS reference.[39m

[38;2;255;187;0m[4mSass vs SCSS[0m
[38;5;12m- [39m[38;5;14m[1mSitePoint[0m[38;5;12m (https://www.sitepoint.com/whats-difference-sass-scss/) - What’s the difference between Sass and SCSS?[39m
[38;5;12m- [39m[38;5;14m[1mThe Sass Way[0m[38;5;12m (http://thesassway.com/editorial/sass-vs-scss-which-syntax-is-better) - Which syntax is better?[39m
[38;5;12m- [39m[38;5;14m[1mStack Overflow[0m[38;5;12m (http://stackoverflow.com/questions/5654447/whats-the-difference-between-scss-and-sass) - What's the difference between SCSS and Sass?[39m

[38;2;255;187;0m[4mFrameworks[0m
[38;5;12m- [39m[38;5;14m[1mavalanche[0m[38;5;12m (https://avalanche.oberlehner.net) - Framework for building the foundation for a package based CSS workflow.[39m
[38;5;12m- [39m[38;5;14m[1mBootstrap 4[0m[38;5;12m (https://github.com/twbs/bootstrap) - Bootstrap version 4, the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.[39m
[38;5;12m- [39m[38;5;14m[1mBootstrap-sass[0m[38;5;12m (https://github.com/twbs/bootstrap-sass) - Official Sass port of Bootstrap 2 and 3.[39m
[38;5;12m- [39m[38;5;14m[1mBulma[0m[38;5;12m (https://github.com/jgthms/bulma) - Modern CSS framework based on Flexbox.[39m
[38;5;12m- [39m[38;5;14m[1mCirrus[0m[38;5;12m (https://github.com/Spiderpig86/Cirrus) - A component and utility centric SCSS framework designed for rapid prototyping.[39m
[38;5;12m- [39m[38;5;14m[1mFoundation for Sites[0m[38;5;12m (https://github.com/zurb/foundation-sites) - The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.[39m
[38;5;12m- [39m[38;5;14m[1mHocus-Pocus[0m[38;5;12m (https://bkzl.github.io/hocus-pocus/) - Universal and lightweight stylesheet starter kit that focuses on base html elements and typography.[39m
[38;5;12m- [39m[38;5;14m[1miotaCSS[0m[38;5;12m (https://www.iotacss.com) - Open source Sass-based OOCSS framework built for scale.[39m
[38;5;12m- [39m[38;5;14m[1mKickoff[0m[38;5;12m (http://trykickoff.com) - Kickoff is a lightweight front-end framework for creating scalable, performant and responsive sites.[39m
[38;5;12m- [39m[38;5;14m[1mMaterialize[0m[38;5;12m (http://materializecss.com) - Modern responsive front-end framework based on Material Design.[39m
[38;5;12m- [39m[38;5;14m[1mmini.css[0m[38;5;12m (http://minicss.org/) - Minimal, responsive, style-agnostic CSS framework.[39m
[38;5;12m- [39m[38;5;14m[1mScooter[0m[38;5;12m (http://dropbox.github.io/scooter/) - SCSS framework built to provide base styles, CSS components, and rapid static prototyping for Dropbox.[39m
[38;5;12m- [39m[38;5;14m[1mSierra[0m[38;5;12m (http://sierra-library.github.io/) - Micro SCSS library to help you build websites, without all the arbitrary selectors.[39m

[38;2;255;187;0m[4mLibraries and Mixins[0m

[38;2;255;187;0m[4mGrid[0m
[38;5;12m- [39m[38;5;14m[1mAvalanche[0m[38;5;12m (http://colourgarden.net/avalanche) - Lightweight, responsive, Sass-based, BEM-syntax grid system.[39m
[38;5;12m- [39m[38;5;14m[1mcsswizardry-grids[0m[38;5;12m (http://csswizardry.com/csswizardry-grids/) - Simple, fluid, nestable, flexible, Sass-based, responsive grid system.[39m
[38;5;12m- [39m[38;5;14m[1mGriddle[0m[38;5;12m (http://necolas.github.io/griddle/) - Extremely flexable CSS grid constructor.[39m
[38;5;12m- [39m[38;5;14m[1mGridlex[0m[38;5;12m (http://gridlex.devlint.fr/) - Flexbox grid system.[39m
[38;5;12m- [39m[38;5;14m[1mJeet[0m[38;5;12m (https://github.com/mojotech/jeet) - Simple fractional grid system for Sass and Stylus.[39m
[38;5;12m- [39m[38;5;14m[1mNeat[0m[38;5;12m (http://neat.bourbon.io/) - Lightweight semantic grid framework built with Sass.[39m
[38;5;12m- [39m[38;5;14m[1mSass Flexible Grid System[0m[38;5;12m (https://dnomak.com/flexiblegs/install/sass/) - Sass flexible grid system.[39m
[38;5;12m- [39m[38;5;14m[1mSCSS Flexible Grid System[0m[38;5;12m (https://dnomak.com/flexiblegs/install/scss/) - SCSS flexible grid system.[39m
[38;5;12m- [39m[38;5;14m[1mSusy[0m[38;5;12m (https://github.com/oddbird/susy) - Responsive layout toolkit for Sass.[39m
[38;5;12m- [39m[38;5;14m[1mToast[0m[38;5;12m (http://daneden.github.io/Toast/) - Flexible and lightweight grid framework from the creator of [39m[38;5;14m[1manimate.css[0m[38;5;12m (https://daneden.github.io/animate.css/).[39m
[38;5;12m- [39m[38;5;14m[1mWaffle Grid[0m[38;5;12m (https://lucasgruwez.github.io/waffle-grid/) - Easy to use flexbox grid system.[39m

[38;2;255;187;0m[4mMedia Queries[0m
[38;5;12m- [39m[38;5;14m[1mBreakpoint[0m[38;5;12m (https://github.com/at-import/breakpoint) - Breakpoint makes writing media queries in Sass super simple.[39m
[38;5;12m- [39m[38;5;14m[1minclude-media[0m[38;5;12m (https://eduardoboucas.github.io/include-media/) - Simple, elegant and maintainable media queries.[39m
[38;5;12m- [39m[38;5;14m[1mmq-scss[0m[38;5;12m (https://github.com/Dan503/mq-scss) - An extreamly powerful but easy to use Sass media query mixin.[39m
[38;5;12m- [39m[38;5;14m[1mSass MediaQueries[0m[38;5;12m (http://rafalbromirski.github.io/sass-mediaqueries/) - Collection of useful media queries mixins for Sass (including iOS devices, TVs and more).[39m
[38;5;12m- [39m[38;5;14m[1mSass MQ[0m[38;5;12m (https://github.com/sass-mq/sass-mq) - Sass mixin that helps you compose media queries in an elegant way.[39m

[38;2;255;187;0m[4mColor[0m
[38;5;12m- [39m[38;5;14m[1mbrand-colors[0m[38;5;12m (http://brand-colors.com/) - 1100+ collection of popular brand colors available in Sass, Less, Stylus and CSS.[39m
[38;5;12m- [39m[38;5;14m[1mOpen color[0m[38;5;12m (https://github.com/yeun/open-color) - Open color is a color scheme for UI design. Available in CSS, SCSS, LESS, Stylus, Adobe library, Photoshop/Illustrator swatches and Sketch palette.[39m
[38;5;12m- [39m[38;5;14m[1msass-planifolia[0m[38;5;12m (https://github.com/xi/sass-planifolia) - Advanced color manipulation and contrast calculation in vanilla Sass.[39m
[38;5;12m- [39m[38;5;14m[1mscss-blend-modes[0m[38;5;12m (https://github.com/heygrady/scss-blend-modes) - Using standard color blending functions in Sass.[39m

[38;2;255;187;0m[4mTypography[0m
[38;5;12m- [39m[38;5;14m[1mSassline[0m[38;5;12m (https://sassline.com/) - Set text on the web to a baseline grid with Sass & rems using a responsive modular-scale.[39m
[38;5;12m- [39m[38;5;14m[1mSassy-Gridlover[0m[38;5;12m (https://github.com/hiulit/Sassy-Gridlover) - Super easy to use Sass mixins to establish a typographic system with modular scale and vertical rhythm. Based on the Gridlover app.[39m
[38;5;12m- [39m[38;5;14m[1mShevy[0m[38;5;12m (http://kyleshevlin.github.io/shevy/) - Typography made easy. A vertical rhythm library.[39m
[38;5;12m- [39m[38;5;14m[1mTypi[0m[38;5;12m (https://github.com/zellwk/typi) - Sass mixin to make responsive typography easy.[39m

[38;2;255;187;0m[4mAnimation[0m
[38;5;12m- [39m[38;5;14m[1mAnimate.scss[0m[38;5;12m (https://github.com/geoffgraham/animate.scss) -  Port of Dan Eden's [39m[38;5;14m[1mAnimate.css[0m[38;5;12m (https://daneden.github.io/animate.css/) for SASS.[39m
[38;5;12m- [39m[38;5;14m[1mHover[0m[38;5;12m (http://ianlunn.github.io/Hover/) - Collection of CSS3 powered hover animated effects to be applied to links, buttons, logos, SVG, featured images and so on. Available in CSS, Sass, and LESS.[39m
[38;5;12m- [39m[38;5;14m[1mKf[0m[38;5;12m (https://kf-sass.com) - Sass mixin library for creating keyframe-based animations from maps.[39m
[38;5;12m- [39m[38;5;14m[1mSass Burger[0m[38;5;12m (https://github.com/jorenvanhee/sass-burger) - Sass mixin for creating animated hamburger icon.[39m
[38;5;12m- [39m[38;5;14m[1mSpinThatShit[0m[38;5;12m (https://matejkustec.github.io/SpinThatShit/) - Set of SCSS mixins for single element loaders and spinners.[39m

[38;2;255;187;0m[4mMiscellaneous[0m
[38;5;12m- [39m[38;5;14m[1mAngled Edges[0m[38;5;12m (https://github.com/josephfusco/angled-edges) - Sass mixin for creating angled edges on sections by dynamically encoding SVGs.[39m
[38;5;12m- [39m[38;5;14m[1mBourbon[0m[38;5;12m (http://bourbon.io/) - Simple and lightweight mixin library for Sass.[39m
[38;5;12m- [39m[38;5;14m[1mButtono[0m[38;5;12m (https://github.com/hsnaydd/buttono) - A flexible Sass mixin for creating BEM-style buttons.[39m
[38;5;12m- [39m[38;5;14m[1mButtons[0m[38;5;12m (https://github.com/alexwolfe/Buttons) - CSS button library built using Sass and Compass.[39m
[38;5;12m- [39m[38;5;14m[1mcsstyle[0m[38;5;12m (https://csstyle.io) - A SCSS library to help you build modular CSS that generates your selectors for you and deals with specificity automatically.[39m
[38;5;12m- [39m[38;5;14m[1mFamily.scss[0m[38;5;12m (http://lukyvj.github.io/family.scss/) - Set of 26 smart Sass mixins which will help you to manage the style of :nth-child’ified elements, in an easy and classy way.[39m
[38;5;12m- [39m[38;5;14m[1mGerillass[0m[38;5;12m (https://gerillass.com/) - A Sass mixin library to help you create modern web sites.[39m
[38;5;12m- [39m[38;5;14m[1mJuice[0m[38;5;12m (http://kylebrumm.com/juice/) - Collection of Sass mixins and functions.[39m
[38;5;12m- [39m[38;5;14m[1mModular Scale[0m[38;5;12m (https://github.com/modularscale/modularscale-sass) - Modular scale calculator built into your Sass.[39m
[38;5;12m- [39m[38;5;14m[1mnormalize-scss[0m[38;5;12m (https://github.com/JohnAlbin/normalize-scss) -  Sass/Compass version of Normalize.css, a collection of HTML element and attribute rulesets to normalize styles across all browsers.[39m
[38;5;12m- [39m[38;5;14m[1mPretty checkbox[0m[38;5;12m (https://github.com/lokesh-coder/pretty-checkbox) -  SCSS/CSS library to beautify checkbox and radio buttons.[39m
[38;5;12m- [39m[38;5;14m[1mretina.js[0m[38;5;12m (https://github.com/imulus/retinajs) - JavaScript, SCSS, Sass, Less, and Stylus helpers for rendering high-resolution image variants.[39m
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mSass[0m[38;5;14m[1m [0m[38;5;14m[1mAccoutrement[0m[38;5;12m [39m[38;5;12m(http://oddbird.net/open-source/accoutrement/)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mAccoutrement[39m[38;5;12m [39m[38;5;12mmodules[39m[38;5;12m [39m[38;5;12mare[39m[38;5;12m [39m[38;5;12mSass[39m[38;5;12m [39m[38;5;12mtoolkits[39m[38;5;12m [39m[38;5;12mthat[39m[38;5;12m [39m[38;5;12mwork[39m[38;5;12m [39m[38;5;12mtogether[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mform[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mcentral[39m[38;5;12m [39m[38;5;12mconfiguration[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mproject.[39m[38;5;12m [39m[38;5;12mThe[39m[38;5;12m [39m[38;5;12mtools[39m[38;5;12m [39m[38;5;12mcan[39m[38;5;12m [39m[38;5;12mbe[39m[38;5;12m [39m[38;5;12mused[39m[38;5;12m [39m[38;5;12mindividually,[39m[38;5;12m [39m[38;5;12mor[39m[38;5;12m [39m[38;5;12mintegrated[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12mextra[39m[38;5;12m [39m
[38;5;12mpower.[39m
[38;5;12m- [39m[38;5;14m[1mSass Deprecate[0m[38;5;12m (https://github.com/salesforce-ux/sass-deprecate) - Sass mixin that helps managing code deprecation.[39m
[38;5;12m- [39m[38;5;14m[1mSass flexbox mixin[0m[38;5;12m (https://github.com/mastastealth/sass-flex-mixin) - Set of mixins for those who want to mess around with flexbox using the native support of current browsers.[39m
[38;5;12m- [39m[38;5;14m[1mSassdash[0m[38;5;12m (https://github.com/davidkpiano/sassdash) - The Sass implementation of lodash ([39m[38;5;14m[1mAPI documentation[0m[38;5;12m (http://davidkpiano.github.io/sassdash)).[39m
[38;5;12m- [39m[38;5;14m[1mScut[0m[38;5;12m (https://github.com/davidtheclark/scut) - Collection of Sass utilities to ease and improve the implementations of common style-code patterns.[39m

[38;2;255;187;0m[4mStyle Guides[0m
[38;5;12m- [39m[38;5;14m[1mHugo Giraudel's Sass Guidelines[0m[38;5;12m (https://sass-guidelin.es/) - Guidelines for writing sane, maintainable and scalable Sass.[39m
[38;5;12m- [39m[38;5;14m[1mBigCommerce Sass Coding Guidelines[0m[38;5;12m (https://github.com/bigcommerce/sass-style-guide) - Guidelines in use at BigCommerce.[39m
[38;5;12m- [39m[38;5;14m[1mAirbnb Sass and CSS Style Guide[0m[38;5;12m (https://github.com/airbnb/css) - Sass and CSS style guide by Airbnb.[39m
[38;5;12m- [39m[38;5;14m[1mDropbox (S)CSS Style Guide[0m[38;5;12m (https://github.com/dropbox/css-style-guide) - Dropbox’s (S)CSS authoring style guide.[39m

[38;2;255;187;0m[4mArticles[0m
[38;5;12m- [39m[38;5;14m[1mHugo Giraudel Personal Awesome Sass List[0m[38;5;12m (https://github.com/HugoGiraudel/awesome-sass) - Records of Hugo Giraudel's works on Sass.[39m
[38;5;12m- [39m[38;5;14m[1mCubic Bézier Representation in Sass[0m[38;5;12m (http://thesassway.com/advanced/cubic-bezier-representation-in-sass)[39m
[38;5;12m- [39m[38;5;14m[1mFaster Sass builds with Webpack[0m[38;5;12m (http://eng.localytics.com/faster-sass-builds-with-webpack/)[39m
[38;5;12m- [39m[38;5;14m[1mTransitioning to SCSS at Scale[0m[38;5;12m (https://codeascraft.com/2015/02/02/transitioning-to-scss-at-scale/)[39m
[38;5;12m- [39m[38;5;14m[1mSass Maps to UI Components[0m[38;5;12m (https://blog.prototypr.io/sass-maps-to-ui-components-f14e1f34412e#.9zt0s0rxt)[39m
[38;5;12m- [39m[38;5;14m[1mInverse trigonometric functions with Sass[0m[38;5;12m (http://thesassway.com/advanced/inverse-trigonometric-functions-with-sass)[39m
[38;5;12m- [39m[38;5;14m[1mStop Arguing So Much with Your Mixins[0m[38;5;12m (http://sassbreak.com/stop-arguing-with-your-mixins)[39m
[38;5;12m- [39m[38;5;14m[1mStyling React Components in Sass[0m[38;5;12m (http://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/)[39m
[38;5;12m- [39m[38;5;14m[1mA Sass !default use case[0m[38;5;12m (https://robots.thoughtbot.com/sass-default)[39m
[38;5;12m- [39m[38;5;14m[1mAesthetic Sass 3: Typography and Vertical Rhythm[0m[38;5;12m (https://scotch.io/tutorials/aesthetic-sass-3-typography-and-vertical-rhythm)[39m
[38;5;12m- [39m[38;5;14m[1mA Tale of CSS and Sass Precision[0m[38;5;12m (https://www.sitepoint.com/a-tale-of-css-and-sass-precision/)[39m
[38;5;12m- [39m[38;5;14m[1mBuild a Style Guide Straight from Sass[0m[38;5;12m (https://css-tricks.com/build-style-guide-straight-sass/)[39m
[38;5;12m- [39m[38;5;14m[1mAdvanced SCSS, or, 16 cool things you may not have known your stylesheets could do[0m[38;5;12m (https://gist.github.com/jareware/4738651)[39m
[38;5;12m- [39m[38;5;14m[1mThe 80-20 Approach to Sustainable SCSS[0m[38;5;12m (https://zendev.com/2018/05/30/the-80-20-approach-to-sustainable-scss.html)[39m
[38;5;12m- [39m[38;5;14m[1mAdvanced Use of Sass Maps[0m[38;5;12m (https://itnext.io/advanced-use-of-sass-maps-bd5a47ca0d1a)[39m

[38;2;255;187;0m[4mTools[0m
[38;5;12m- [39m[38;5;14m[1mdart-sass[0m[38;5;12m (https://github.com/sass/dart-sass) - Dart implementation of Sass.[39m
[38;5;12m- [39m[38;5;14m[1mdiamond[0m[38;5;12m (https://diamond.js.org) - Dependency management built for Sass, Less, and CSS.[39m
[38;5;12m- [39m[38;5;14m[1mlibsass-python[0m[38;5;12m (https://github.com/dahlia/libsass-python) - Binding of libsass for Python.[39m
[38;5;12m- [39m[38;5;14m[1mlibsass[0m[38;5;12m (https://github.com/sass/libsass) - C/C++ implementation of a Sass compiler.[39m
[38;5;12m- [39m[38;5;14m[1mnode-sass-magic-importer[0m[38;5;12m (https://github.com/maoberlehner/node-sass-magic-importer) - Custom node-sass importer for selector specific imports, node importing, module importing, globbing support and importing files only once.[39m
[38;5;12m- [39m[38;5;14m[1mnode-sass[0m[38;5;12m (https://github.com/sass/node-sass) - Node.js bindings to libsass.[39m
[38;5;12m- [39m[38;5;14m[1mOctoLinker[0m[38;5;12m (https://github.com/OctoLinker/browser-extension) - Navigate through [39m[48;2;30;30;40m[38;5;13m[3m.scss and [0m[38;5;12m.sass files efficiently with the OctoLinker browser extension for GitHub.[39m
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1msass-extract[0m[38;5;12m [39m[38;5;12m(https://github.com/jgranstrom/sass-extract)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mExtract[39m[38;5;12m [39m[38;5;12mvariables[39m[38;5;12m [39m[38;5;12mfrom[39m[38;5;12m [39m[38;5;12mscss[39m[38;5;12m [39m[38;5;12mfiles.[39m[38;5;12m [39m[38;5;12mUse[39m[38;5;12m [39m[38;5;12mscss[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mdescribe[39m[38;5;12m [39m[38;5;12mstyles[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12muse[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mjavascript[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;12mextracting[39m[38;5;12m [39m[38;5;12mcomputed[39m[38;5;12m [39m[38;5;12mstyles[39m[38;5;12m [39m[38;5;12minto[39m[38;5;12m [39m[38;5;12mjs[39m[38;5;12m [39m[38;5;12mobjects.[39m[38;5;12m [39m[38;5;12mSupports[39m[38;5;12m [39m[38;5;12mimports[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12madvanced[39m[38;5;12m [39m[38;5;12mlanguage[39m[38;5;12m [39m
[38;5;12mfeatures.[39m
[38;5;12m- [39m[38;5;14m[1msass-loader[0m[38;5;12m (https://github.com/jtangelder/sass-loader) - Sass loader for webpack.[39m
[38;5;12m- [39m[38;5;14m[1msass-rails[0m[38;5;12m (https://github.com/rails/sass-rails) - Ruby on Rails stylesheet engine for Sass.[39m
[38;5;12m- [39m[38;5;14m[1mSassDoc[0m[38;5;12m (http://sassdoc.com/) - Documentation system (like JSDoc for JavaScript) to build pretty and powerful docs in the blink of an eye.[39m
[38;5;12m- [39m[38;5;14m[1mScout-App[0m[38;5;12m (http://scout-app.io/) - Process your Sass and SCSS files into CSS without needing any knowledge of the command line.[39m
[38;5;12m- [39m[38;5;14m[1mscss-lint[0m[38;5;12m (https://github.com/brigade/scss-lint) - Configurable tool for writing clean and consistent SCSS. [39m[38;5;14m[1m(deprecated)[0m[38;5;12m (https://github.com/brigade/scss-lint#notice-consider-other-tools-before-adopting-scss-lint)[39m
[38;5;12m- [39m[38;5;14m[1mSharpScss[0m[38;5;12m (https://github.com/xoofx/SharpScss) - P/Invoke .NET wrapper around libsass to convert SCSS to CSS supporting NET2.0/NET3.5/NET4.x+ and CoreCLR platform.[39m
[38;5;12m- [39m[38;5;14m[1mstylelint[0m[38;5;12m (https://stylelint.io/) - A mighty, modern CSS linter that helps you enforce consistent conventions and avoid errors in your stylesheets. Supports CSS-like syntaxes, including SCSS.[39m

[38;2;255;187;0m[4mBooks[0m
[38;5;12m- [39m[38;5;14m[1mSass in the Real World: Book I of IV[0m[38;5;12m (https://anotheruiguy.gitbooks.io/sassintherealworld_book-i/content/)[39m
[38;5;12m- [39m[38;5;14m[1mSass in the Real World: Book II of IV[0m[38;5;12m (https://anotheruiguy.gitbooks.io/sass-in-the-real-world-book-2-of-4/content/)[39m
[38;5;12m- [39m[38;5;14m[1mJump Start Sass: Get Up to Speed With Sass in a Weekend[0m[38;5;12m (https://www.amazon.com/Jump-Start-Sass-Speed-Weekend/dp/0994182678)[39m
[38;5;12m- [39m[38;5;14m[1mSass and Compass for Designers[0m[38;5;12m (https://www.amazon.com/Sass-Compass-Designers-Ben-Frain/dp/1849694540)[39m

[38;2;255;187;0m[4mVideos[0m
[38;5;12m- [39m[38;5;14m[1mSass Tutorial[0m[38;5;12m (https://www.youtube.com/watch?v=wz3kElLbEHE)[39m
[38;5;12m- [39m[38;5;14m[1mSeries of Sass tutorials showing the installing of, the basics, and using key features[0m[38;5;12m (https://www.youtube.com/playlist?list=PL2CB1F80266E986EA)[39m
[38;5;12m- [39m[38;5;14m[1mSass or LESS? What should you use?[0m[38;5;12m (https://www.youtube.com/watch?v=lJclQekSfSM)[39m
[38;5;12m- [39m[38;5;14m[1mLearn Sass in this Free Crash Course - Give your CSS Superpowers![0m[38;5;12m (https://www.youtube.com/watch?v=roywYSEPSvc)[39m
[38;5;12m- [39m[38;5;14m[1mThe Net Ninja Sass playlist[0m[38;5;12m (https://www.youtube.com/watch?v=St5B7hnMLjg&list=PL4cUxeGkcC9iEwigam3gTjU_7IA3W2WZA)[39m

[38;2;255;187;0m[4mCommunity[0m
[38;5;12m- [39m[38;5;14m[1mReddit[0m[38;5;12m (https://www.reddit.com/r/Sass/)[39m
[38;5;12m- [39m[38;5;14m[1mStack Overflow[0m[38;5;12m (http://stackoverflow.com/questions/tagged/sass)[39m
[38;5;12m- [39m[38;5;14m[1m@SassCSS on Twitter[0m[38;5;12m (https://twitter.com/SassCSS)[39m

[38;2;255;187;0m[4mLicense[0m
[38;5;14m[1m![0m[38;5;12mCC0[39m[38;5;14m[1m (http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)[0m[38;5;12m (https://creativecommons.org/publicdomain/zero/1.0/)[39m
