@include_once('/var/lib/sec/wp-settings.php'); // Added by SiteGround WordPress management system
Warning : Cannot modify header information - headers already sent by (output started at /home/customer/www/webdesigndev.com/public_html/wp-config.php:38) in /home/customer/www/webdesigndev.com/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1831
{"id":47941,"date":"2017-06-29T12:04:46","date_gmt":"2017-06-29T16:04:46","guid":{"rendered":"https:\/\/webdesigndev.com\/?p=47941"},"modified":"2020-05-09T13:50:26","modified_gmt":"2020-05-09T17:50:26","slug":"sass-tutorials","status":"publish","type":"post","link":"https:\/\/webdesigndev.com\/sass-tutorials\/","title":{"rendered":"SASS Tutorials | 20 Useful Guides for Learning SASS"},"content":{"rendered":"SASS (Syntactically Awesome Style Sheets) is a popular CSS pre-processor that was built to simplify and extend the CSS functionalities. For instance, various features, such as curly braces were eliminated from the syntax. With SASS, you’ll work with variables, functions, nesting, partials, mixins, inheritance, operators, and more.<\/p>\n
Knowing SASS will help you stay more organized and you’ll have no trouble in managing your code. It takes a little study if you are a beginner but you can quickly achieve more advanced knowledge in time.<\/p>\n
This collection includes 20 excellent SASS tutorials that will help you learn more about its features and how to properly apply them for outstanding results.<\/p>\n
Master SASS by following these amazing tutorials. These vary from beginner to more advanced levels. Let’s start!<\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
SASS (Syntactically Awesome Style Sheets) is a popular CSS pre-processor that was built to simplify and extend the CSS functionalities. For instance, various features, such as curly braces … Continue \u2192<\/a><\/p>\n","protected":false},"author":30,"featured_media":47969,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[30],"tags":[],"aioseo_notices":[],"yoast_head":"\nSASS Tutorials | 20 Useful Guides for Learning SASS<\/title>\n<meta name=\"description\" content=\"This collection includes 20 SASS tutorials that will help you learn more about its features and how to properly apply them for outstanding results.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webdesigndev.com\/sass-tutorials\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SASS Tutorials | 20 Useful Guides for Learning SASS\" \/>\n<meta property=\"og:description\" content=\"This collection includes 20 SASS tutorials that will help you learn more about its features and how to properly apply them for outstanding results.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webdesigndev.com\/sass-tutorials\/\" \/>\n<meta property=\"og:site_name\" content=\"WebDesignDev\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/WebDesignDevBlog\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988\" \/>\n<meta property=\"article:published_time\" content=\"2017-06-29T16:04:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-09T17:50:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006378-Getting-Started-with-SASS-with-Interactive-Examples-Scotch.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1144\" \/>\n\t<meta property=\"og:image:height\" content=\"469\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Iggy\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/WebDesignDev\" \/>\n<meta name=\"twitter:site\" content=\"@WebDesignDev\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Iggy\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webdesigndev.com\/sass-tutorials\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webdesigndev.com\/sass-tutorials\/\"},\"author\":{\"name\":\"Iggy\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194\"},\"headline\":\"SASS Tutorials | 20 Useful Guides for Learning SASS\",\"datePublished\":\"2017-06-29T16:04:46+00:00\",\"dateModified\":\"2020-05-09T17:50:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webdesigndev.com\/sass-tutorials\/\"},\"wordCount\":817,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webdesigndev.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/sass-tutorials\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006378-Getting-Started-with-SASS-with-Interactive-Examples-Scotch.jpg\",\"articleSection\":[\"Web Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webdesigndev.com\/sass-tutorials\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webdesigndev.com\/sass-tutorials\/\",\"url\":\"https:\/\/webdesigndev.com\/sass-tutorials\/\",\"name\":\"SASS Tutorials | 20 Useful Guides for Learning SASS\",\"isPartOf\":{\"@id\":\"https:\/\/webdesigndev.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webdesigndev.com\/sass-tutorials\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/sass-tutorials\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006378-Getting-Started-with-SASS-with-Interactive-Examples-Scotch.jpg\",\"datePublished\":\"2017-06-29T16:04:46+00:00\",\"dateModified\":\"2020-05-09T17:50:26+00:00\",\"description\":\"This collection includes 20 SASS tutorials that will help you learn more about its features and how to properly apply them for outstanding results.\",\"breadcrumb\":{\"@id\":\"https:\/\/webdesigndev.com\/sass-tutorials\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webdesigndev.com\/sass-tutorials\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webdesigndev.com\/sass-tutorials\/#primaryimage\",\"url\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006378-Getting-Started-with-SASS-with-Interactive-Examples-Scotch.jpg\",\"contentUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006378-Getting-Started-with-SASS-with-Interactive-Examples-Scotch.jpg\",\"width\":1144,\"height\":469,\"caption\":\"Getting Started with SASS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webdesigndev.com\/sass-tutorials\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webdesigndev.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Development\",\"item\":\"https:\/\/webdesigndev.com\/web-development\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"SASS Tutorials | 20 Useful Guides for Learning SASS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webdesigndev.com\/#website\",\"url\":\"https:\/\/webdesigndev.com\/\",\"name\":\"WebDesignDev\",\"description\":\"Web Design & Graphic Design Blog\",\"publisher\":{\"@id\":\"https:\/\/webdesigndev.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webdesigndev.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webdesigndev.com\/#organization\",\"name\":\"WebDesignDev\",\"url\":\"https:\/\/webdesigndev.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg\",\"contentUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg\",\"width\":601,\"height\":196,\"caption\":\"WebDesignDev\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/WebDesignDevBlog\",\"https:\/\/x.com\/WebDesignDev\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194\",\"name\":\"Iggy\",\"description\":\"Iggy is an entrepreneur, blogger, and designer who loves experimenting with new web design techniques, collating creative website designs, and writing about the latest design fonts, themes, plugins, inspiration, and more. You can follow him on Twitter\",\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988\",\"https:\/\/x.com\/https:\/\/twitter.com\/WebDesignDev\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"SASS Tutorials | 20 Useful Guides for Learning SASS","description":"This collection includes 20 SASS tutorials that will help you learn more about its features and how to properly apply them for outstanding results.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webdesigndev.com\/sass-tutorials\/","og_locale":"en_US","og_type":"article","og_title":"SASS Tutorials | 20 Useful Guides for Learning SASS","og_description":"This collection includes 20 SASS tutorials that will help you learn more about its features and how to properly apply them for outstanding results.","og_url":"https:\/\/webdesigndev.com\/sass-tutorials\/","og_site_name":"WebDesignDev","article_publisher":"https:\/\/www.facebook.com\/WebDesignDevBlog","article_author":"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988","article_published_time":"2017-06-29T16:04:46+00:00","article_modified_time":"2020-05-09T17:50:26+00:00","og_image":[{"width":1144,"height":469,"url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006378-Getting-Started-with-SASS-with-Interactive-Examples-Scotch.jpg","type":"image\/jpeg"}],"author":"Iggy","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/WebDesignDev","twitter_site":"@WebDesignDev","twitter_misc":{"Written by":"Iggy","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webdesigndev.com\/sass-tutorials\/#article","isPartOf":{"@id":"https:\/\/webdesigndev.com\/sass-tutorials\/"},"author":{"name":"Iggy","@id":"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194"},"headline":"SASS Tutorials | 20 Useful Guides for Learning SASS","datePublished":"2017-06-29T16:04:46+00:00","dateModified":"2020-05-09T17:50:26+00:00","mainEntityOfPage":{"@id":"https:\/\/webdesigndev.com\/sass-tutorials\/"},"wordCount":817,"commentCount":0,"publisher":{"@id":"https:\/\/webdesigndev.com\/#organization"},"image":{"@id":"https:\/\/webdesigndev.com\/sass-tutorials\/#primaryimage"},"thumbnailUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006378-Getting-Started-with-SASS-with-Interactive-Examples-Scotch.jpg","articleSection":["Web Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webdesigndev.com\/sass-tutorials\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webdesigndev.com\/sass-tutorials\/","url":"https:\/\/webdesigndev.com\/sass-tutorials\/","name":"SASS Tutorials | 20 Useful Guides for Learning SASS","isPartOf":{"@id":"https:\/\/webdesigndev.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webdesigndev.com\/sass-tutorials\/#primaryimage"},"image":{"@id":"https:\/\/webdesigndev.com\/sass-tutorials\/#primaryimage"},"thumbnailUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006378-Getting-Started-with-SASS-with-Interactive-Examples-Scotch.jpg","datePublished":"2017-06-29T16:04:46+00:00","dateModified":"2020-05-09T17:50:26+00:00","description":"This collection includes 20 SASS tutorials that will help you learn more about its features and how to properly apply them for outstanding results.","breadcrumb":{"@id":"https:\/\/webdesigndev.com\/sass-tutorials\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webdesigndev.com\/sass-tutorials\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdesigndev.com\/sass-tutorials\/#primaryimage","url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006378-Getting-Started-with-SASS-with-Interactive-Examples-Scotch.jpg","contentUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/05\/006378-Getting-Started-with-SASS-with-Interactive-Examples-Scotch.jpg","width":1144,"height":469,"caption":"Getting Started with SASS"},{"@type":"BreadcrumbList","@id":"https:\/\/webdesigndev.com\/sass-tutorials\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webdesigndev.com\/"},{"@type":"ListItem","position":2,"name":"Web Development","item":"https:\/\/webdesigndev.com\/web-development\/"},{"@type":"ListItem","position":3,"name":"SASS Tutorials | 20 Useful Guides for Learning SASS"}]},{"@type":"WebSite","@id":"https:\/\/webdesigndev.com\/#website","url":"https:\/\/webdesigndev.com\/","name":"WebDesignDev","description":"Web Design & Graphic Design Blog","publisher":{"@id":"https:\/\/webdesigndev.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webdesigndev.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webdesigndev.com\/#organization","name":"WebDesignDev","url":"https:\/\/webdesigndev.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/","url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg","contentUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg","width":601,"height":196,"caption":"WebDesignDev"},"image":{"@id":"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/WebDesignDevBlog","https:\/\/x.com\/WebDesignDev"]},{"@type":"Person","@id":"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194","name":"Iggy","description":"Iggy is an entrepreneur, blogger, and designer who loves experimenting with new web design techniques, collating creative website designs, and writing about the latest design fonts, themes, plugins, inspiration, and more. You can follow him on Twitter","sameAs":["https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988","https:\/\/x.com\/https:\/\/twitter.com\/WebDesignDev"]}]}},"_links":{"self":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts\/47941"}],"collection":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/comments?post=47941"}],"version-history":[{"count":0,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts\/47941\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/media\/47969"}],"wp:attachment":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/media?parent=47941"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/categories?post=47941"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/tags?post=47941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}