Index
A
- animations
- building, Saas used / Building animations using Sass
- key / Exploring the key to our animations
B
- bones
- Bootstrap-Sass
- implementing / Implementing Bootstrap-Sass
- Bourbon
- Bourbon Neat
- setting up / Setting up Bourbon Neat
- URL / Setting up Bourbon Neat, Creating grids with Bourbon Neat
- grids, creating with / Creating grids with Bourbon Neat
- Breakpoint mixin
- installing, for Sass / Installing the Breakpoint mixin for Sass
- Breakpoint Sass mixin
C
- child themes
- CMS system
- using / Using a CMS system
- code
- writing / Making a start on our code
- linting code using / Making a start on our code
- outcome, controlling / Controlling the outcome of our code
- comments, adding / Adding comments to our code
- CodeKit
- CodePen
- CodePen example
- colors
- creating, with functions / Creating colors using functions
- changing, URL / Creating colors using functions
- in use colors, changing / Changing the colors in use
- documentation, URL / Changing the colors in use
- mixing / Mixing colors
- selecting, URL / Mixing colors
- COLOURlovers
- comments
- adding / Adding comments
- adding, to code / Adding comments to our code
- common styles / Extending existing styles
- Compass
- URL / Using an external library
- URL, for installation / Using an external library
- helper functions, URL / Using an external library
- Compass.app
- compilation process
- altering / Altering the compilation process
- control directives
- URL / Controlling the outcome of our code
- about / Controlling the outcome of our code
- @if directive using / Using the @if directive
- @for directive using / Working with the @for directive
- @each directive, exploring / Exploring the @each directive
- CreativeBloq
- CSS2Compass
- CSS grids
- incorporating / Incorporating CSS grids
D
- dialog boxes
- creating, @extend used / Creating dialog boxes using @extend
- Don't Repeat Yourself (DRY) principle / Building mixins
E
- @each directive
- exploring / Exploring the @each directive
- @extend
- benefits / Exploring the benefits of using @extend
- used, for creating dialog boxes / Creating dialog boxes using @extend
- URL / Creating dialog boxes using @extend
- @extend directive
- @extend keyword
- external library
- using / Using an external library
F
- @for directive
- using / Working with the @for directive
- Fira Sans font
- font-awesome
- Forge
- Free WordPress Headers
- functions
- used, for creating values / Creating values using functions and operators
- used, for creating colors / Creating colors using functions
- used, for creating site themes / Creating site themes using functions
- used, for creating palettes / Creating palettes using functions
- and mixins, difference / Recognizing the difference between functions and mixins
- used, for constructing layouts / Constructing layouts using functions and operators
G
- Golden Ratio
- grids
- creating, with Bourbon Neat / Creating grids with Bourbon Neat
- Grunt
- URL / Using Node and Grunt, Exploring the compilation process
- installation, testing / Testing our installation
- compilation process, exploring / Exploring the compilation process
- grunt-contrib-Sass plugin
- URL / Using Node and Grunt
- grunt-contrib-watch
- GUI-based compilers
- using / Using GUI-based compilers
- CodeKit / Using GUI-based compilers
- Hammer / Using GUI-based compilers
- Koala / Using GUI-based compilers
- Prepros / Using GUI-based compilers
- Scout / Using GUI-based compilers
- Koala, installing / Installing Koala
- Gulp
- with Sass and WordPress, URL / Making changes to our WordPress theme
H
- Hammer
- HSLa Explorer
- HSL Color Picker
I
- @if directive
- using / Using the @if directive
- @import command
- interpolation
- using / Using interpolation
- URL / Using interpolation
J
- JointsWP
- JSFiddle
K
- Koala
- URL / Using GUI-based compilers, Installing Koala
- installing / Installing Koala
L
- LiveReload
M
- @media
- used, for making site responsive / Making a site responsive with @media
- URL / Making a site responsive with @media
- media bubbling
- exploring / Exploring media bubbling in Sass in more detail
- Merb plugin
- mixins
- building / Building mixins
- moving, to external file / Moving mixins to an external file
- URL / Moving mixins to an external file, Extending existing styles, Using an external library, Creating dialog boxes using @extend
- arguments, passing / Passing arguments to mixins
- arguments, URL / Passing arguments to mixins
- @import command, using / Exploring the use of @import
- existing styles, extending / Extending existing styles
- multiple files
- working across / Working across multiple files
- color box demo, adapting / Adapting our color box demo
- multiple inheritance
N
- Neat
- nesting / Dissecting the Sass styles
- used, for reducing code repetition / Reducing code repetition with nesting
- Node
- using / Using Node and Grunt
- URL / Using Node and Grunt, Testing our installation
O
- operators
- used, for creating values / Creating values using functions and operators
- used, for changing font size / Changing font sizes using operators
- used, for constructing layouts / Constructing layouts using functions and operators
P
- Package Control
- palettes
- URL / Creating site themes using functions
- creating, with functions / Creating palettes using functions
- creating, with tools / Using tools to create palettes
- alternative palette, using / Trying out an alternative palette
- parametric mixins / Passing arguments to mixins
- partial / Adapting our color box demo
- prebuilt mixin libraries
- using / Using prebuilt mixin libraries
- content, animating with Saas / Animating content using Sass
- font-face mixin, adapting for Bourbon library / Adapting existing mixins to use libraries
- Prepros
- project area
- preparing / Preparing our project area
- projects
- converting, to use Sass / Converting existing projects to use Sass
- using, Sass / Other projects using Sass
R
- rem mixin
- responsive capabilities
- retrofitting / Retrofitting responsive capabilities to a page
- RGB to Hex converter
- URL / Exploring what happened
- Ruby
- URL, for installation / Installing and compiling Sass
S
- Saas
- URL / Exploring what happened, Changing font sizes using operators
- variables, URL / Using variables to create colors, Adapting our color box demo
- used, for animating content / Animating content using Sass
- color operators, URL / Creating colors using functions
- operations, URL / Changing font sizes using operators
- interpolation, URL / Using interpolation
- SaasMeister
- Sass
- about / Getting acquainted with Sass
- using / Getting acquainted with Sass
- KISS principle / Getting acquainted with Sass
- extension of CSS / Getting acquainted with Sass
- automate or reuse option / Getting acquainted with Sass
- installing / Installing and compiling Sass
- compiling / Installing and compiling Sass
- adding, to Sublime Text / Adding Sass support to Sublime Text
- URL / Adding Sass support to Sublime Text, Converting existing projects to use Sass
- files. compiling with Sublime Text / Compiling Sass files within Sublime Text
- installed packages, removing / Removing installed packages
- compiling, manually / Compiling Sass manually
- Breakpoint mixin, installing / Installing the Breakpoint mixin for Sass
- media bubbling / Exploring media bubbling in Sass in more detail
- social / Getting social in Sass
- animations, building / Building animations using Sass
- used, by converting projects / Converting existing projects to use Sass
- incorporating, into existing sites / Incorporating Sass into existing sites
- applying, to frameworks / Applying Sass to frameworks, such as Bootstrap, Exploring what happened
- sass-color-palettes
- sass-textmate-bundle
- Sassaparilla responsive library
- Sass maps
- Sassmatic
- used, for applying filters / Applying filters using Sassmatic
- URL / Applying filters using Sassmatic
- Sass plugin, for Grunt
- Sass port
- Sass theme
- selecting, for WordPress / Choosing a Sass theme for WordPress
- Sass workflow
- Scout
- scss-lint plugin
- scssphp
- simple layout
- creating / Creating a simple layout
- compilation process, setting up / Setting up our compilation process
- markup, preparing / Preparing the markup and styles
- Sass styles, dissecting / Dissecting the Sass styles
- site
- making responsive, @media used / Making a site responsive with @media
- site themes
- creating, with functions / Creating site themes using functions
- monochromatic color / Creating site themes using functions
- complementary color / Creating site themes using functions
- split complementary / Creating site themes using functions
- triadic color / Creating site themes using functions
- analogous color / Creating site themes using functions
- maps, used for referencing colors / Using maps to reference colors
- filters, applying with Sassmatic / Applying filters using Sassmatic
- Some Like It Neat
- source maps
- using / Using source maps
- URL / Using source maps
- SublimeLinter SCSS plugin
- Sublime Text
- Sass support, adding to / Adding Sass support to Sublime Text
- URL / Adding Sass support to Sublime Text
U
- Underscores
V
- variables / Dissecting the Sass styles
- creating / Creating variables
- about / Creating variables
- code key points, exploring / Exploring what happened
- URL / Exploring what happened
- used, for creating colors / Using variables to create colors
- naming, URL / Using variables to create colors
W
- watcher
- web font generator
- WooCommerce
- WordPress
- Sass theme, selecting / Choosing a Sass theme for WordPress
- plugin, used for compiling Sass / Using a plugin to compile Sass in WordPress
- code, compiling outside / Compiling code outside of WordPress
- download archive, URL / Compiling code outside of WordPress
- WordPress Starter Theme
- WordPress theme
- adapting, to use Sass / Adapting a WordPress theme to use Sass
- changes, making to / Making changes to our WordPress theme