This are notes about Sass and Compass which are writed by Rukeith
Reference Sass official website,
-- "Sass Essentials" by Alex Libby
-- "Sass and Compass in action" by Wynn Netherland,
-- "Sass and Compass for Designers" by Ben Frain
##Install Sass If you want to use Sass, you can go to this website to install Sass on your computer Install Sass。
##Partice
You can use this website to see your Sass code complier to CSS.
Sass convert to CSS Sassmeister
CSS convert to Sass css2sass
##Chapter 1
-
Basic Syntax
- Variables：
$!global!default
- Comments：
/* */and// - Interpolation：
#{}
- Variables：
-
Nesting
- Referencing Parent Selectors：
& - Nested Properties
- Referencing Parent Selectors：
-
Operations
- Number Operations
- Division
/
- Division
- Color Operations
- String Operations
- Boolean Operations
- Number Operations
##Chapter 2 - Advanced Usage
-
@-Rules and Directives
@import- Partials
- Nested
@import
@media@at-root- without and with
@debug@warn@error
-
Control Directives & Expressions
if()@if@for@each- Multiple Assignment
@while
-
Extend / Inheritance
- Extending Complex Selectors
- Multiple Extends
- Chaining Extends
- Selector Sequences
- Merging Selector Sequences
@extend-only Selectors!optionaltag@extendin Directives
-
Mixin
@mixin@include- Arguments
- Keyword Arguments
- Variable Arguments
- Passing Content Block to a Mixin
- Variable Scope and Content Blocks
-
Function Directives
-
範例
-
Output Style
:nested:expanded:compact:compressed