We recommend that you review CSS prior to go over the SCSS examples. For your convinience, I added a CSS Review folder.
- Control Flow
- Lists
- Maps
- Mixins and Functions
- Nested Rules and Selectors
- Parent Selectors within Child Selectors
- Responsible Menu
- Sibling Selector
- Sortable Menu
- Variables nesting and Inheritance
- CSS Review
- Colors
- Dropdown Horizontal Menu
- Import Media and Front-Face
- Layout using Absolute Positioning
- Layout using Floating
- Rounded Corners
- Selectors
- Selectors Attribute
- Selectors Child, Children and Adjacent
- Selectors Universal
- Shadows
- Simple Horizontal Menu
- Simple Vertical Menu
- Transform
- Transitions
- 2D Transitions
- Transitions with Font Awesome
- Tricks
- Disable TextArea Resizing Safari
In this website, you can play around and see how your SCSS convers into CSS: http://sass.js.org/