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!optional
tag@extend
in 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