Sass Essentials

Develop efficient and streamlined CSS styles using Sass for any website or online application with minimal effort and maximum scope for reusability in future projects

Sass Essentials

This ebook is included in a Mapt subscription
Alex Libby

1 customer reviews
Develop efficient and streamlined CSS styles using Sass for any website or online application with minimal effort and maximum scope for reusability in future projects
$0.00
$12.00
$29.99
$29.99p/m after trial
RRP $23.99
RRP $29.99
Subscription
eBook
Print + eBook
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Book Details

ISBN 139781782174301
Paperback186 pages

Book Description

Sass is a professional grade CSS extension language known for its stability and versatility in the field of web design. It introduces new concepts to CSS, such as variables and nesting, that allow users to speed up their workflows and make their code more dynamic.

Sass Essentials is a fast-paced, hands-on guide that breaks down the mysteries of preprocessing CSS styles using the Sass preprocessor and shows you how you can apply simple techniques to quickly and efficiently create CSS style sheets.

With this book, you will dive in and familiarize yourself with some popular directives and see how, with some care and planning, they can prove to be really powerful tools to use in Sass.

Table of Contents

Chapter 1: Introducing Sass
Getting acquainted with Sass
Preparing our project area
Installing and compiling Sass
Using GUI-based compilers
Compiling Sass manually
Using Node and Grunt
Using source maps
Creating a simple layout
Summary
Chapter 2: Creating Variables and Mixins
Making a start on our code
Altering the compilation process
Creating variables
Working across multiple files
Adding comments
Building mixins
Using prebuilt mixin libraries
Summary
Chapter 3: Building Functions, Operations, and Nested Styles
Creating values using functions and operators
Creating site themes using functions
Constructing layouts using functions and operators
Reducing code repetition with nesting
Using interpolation
Summary
Chapter 4: Directing Sass
Working with the @extend directive
Using and abusing multiple inheritance
Making a site responsive with @media
Exploring media bubbling in Sass in more detail
Controlling the outcome of our code
Summary
Chapter 5: Incorporating Sass into Projects
Converting existing projects to use Sass
Incorporating CSS grids
Applying Sass to frameworks, such as Bootstrap
Using a CMS system
Other projects using Sass
Summary

What You Will Learn

  • Install Sass and compile code to produce valid CSS style sheets
  • Work with mixins and variables to help streamline writing styles
  • Define CSS attribute values using the power of functions and operators
  • Reduce repetition of code through the use of nesting styles
  • Understand how to rationalize code by extending existing styles
  • Explore the use of directives to control how styles are created
  • Apply techniques to existing projects or well-known applications such as WordPress or Bootstrap

Authors

Table of Contents

Chapter 1: Introducing Sass
Getting acquainted with Sass
Preparing our project area
Installing and compiling Sass
Using GUI-based compilers
Compiling Sass manually
Using Node and Grunt
Using source maps
Creating a simple layout
Summary
Chapter 2: Creating Variables and Mixins
Making a start on our code
Altering the compilation process
Creating variables
Working across multiple files
Adding comments
Building mixins
Using prebuilt mixin libraries
Summary
Chapter 3: Building Functions, Operations, and Nested Styles
Creating values using functions and operators
Creating site themes using functions
Constructing layouts using functions and operators
Reducing code repetition with nesting
Using interpolation
Summary
Chapter 4: Directing Sass
Working with the @extend directive
Using and abusing multiple inheritance
Making a site responsive with @media
Exploring media bubbling in Sass in more detail
Controlling the outcome of our code
Summary
Chapter 5: Incorporating Sass into Projects
Converting existing projects to use Sass
Incorporating CSS grids
Applying Sass to frameworks, such as Bootstrap
Using a CMS system
Other projects using Sass
Summary

Book Details

ISBN 139781782174301
Paperback186 pages
Read More
From 1 reviews

Read More Reviews