Sass – Inspirational Pixels https://www.inspirationalpixels.com/category/tutorials/sass-tutorials/ Web design tutorials, snippets and freebies Tue, 13 Jul 2021 16:46:57 +0000 en-GB hourly 1 https://wordpress.org/?v=6.8.3 https://www.inspirationalpixels.com/wp-content/uploads/2018/05/cropped-avatar-800x800-150x150.jpg Sass – Inspirational Pixels https://www.inspirationalpixels.com/category/tutorials/sass-tutorials/ 32 32 How to Create a 12 Column Grid System with Sass https://www.inspirationalpixels.com/grid-system-with-sass/ https://www.inspirationalpixels.com/grid-system-with-sass/#comments Mon, 06 Apr 2015 06:00:15 +0000 http://staging.inspirationalpixels.com/?p=2996 Learn how to create a 12 column grid system with Sass (and how to let Sass calculate it all for you!).

The post How to Create a 12 Column Grid System with Sass appeared first on Inspirational Pixels.

]]> https://www.inspirationalpixels.com/grid-system-with-sass/feed/ 21 How to Create a Simple Alert with Sass https://www.inspirationalpixels.com/simple-alert-with-sass/ https://www.inspirationalpixels.com/simple-alert-with-sass/#comments Mon, 23 Feb 2015 06:00:54 +0000 http://staging.inspirationalpixels.com/?p=2847 Learn how to create a modular and reusable set of alerts using nothing more than HTML CSS/Sass.

The post How to Create a Simple Alert with Sass appeared first on Inspirational Pixels.

]]> https://www.inspirationalpixels.com/simple-alert-with-sass/feed/ 2 8 Handy Extends and Mixins for Sass https://www.inspirationalpixels.com/extends-and-mixins-for-sass/ https://www.inspirationalpixels.com/extends-and-mixins-for-sass/#comments Mon, 02 Feb 2015 06:00:15 +0000 http://staging.inspirationalpixels.com/?p=2588 Extends and mixins are incredibly powerful tools when it comes to writing your Sass. They both allow you to keep well organised, non-repeating code. Here are 8 really handy ones.

The post 8 Handy Extends and Mixins for Sass appeared first on Inspirational Pixels.

]]> https://www.inspirationalpixels.com/extends-and-mixins-for-sass/feed/ 2 Sass Projects for Beginners https://www.inspirationalpixels.com/sass-projects-for-beginners-1/ https://www.inspirationalpixels.com/sass-projects-for-beginners-1/#comments Wed, 12 Feb 2014 06:00:48 +0000 http://staging.inspirationalpixels.com/?p=723 Tutorial Quick-Links Sass: A Brief Overview How Setup Sass Variables Extends and Mixins Organising Project Files Helpful Links 1.) Sass:…

The post Sass Projects for Beginners appeared first on Inspirational Pixels.

]]> https://www.inspirationalpixels.com/sass-projects-for-beginners-1/feed/ 6