{"id":365,"date":"2014-10-21T16:58:24","date_gmt":"2014-10-21T16:58:24","guid":{"rendered":"https:\/\/learnwebcode.com\/?p=365"},"modified":"2016-03-29T02:10:25","modified_gmt":"2016-03-29T02:10:25","slug":"sass-tutorial-for-beginners","status":"publish","type":"post","link":"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/","title":{"rendered":"Sass Tutorial for Beginners"},"content":{"rendered":"<div class=\"video-container\">\n<div class=\"video-container-inner\"><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/8F1Vof0gTG4\" frameborder=\"0\" allowfullscreen><\/iframe><\/div>\n<\/div>\n<p>This Sass tutorial is for absolute beginners or anyone who has been intimidated by preprocessors in the past. We cover the basic features of Sass and even write two mixins by hand (gradients and media queries).<\/p>\n<p><strong>This lesson is a snippet from my 8 hour premium web design course. <a href=\"https:\/\/learnwebcode.com\/web-design-for-beginners-real-world-coding-html-css\/\">Join 4,000+ others who have already learned pro-level HTML, CSS, and responsive design<\/a>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This Sass tutorial is for absolute beginners or anyone who has been intimidated by preprocessors in the past. We cover the basic features of Sass and even write two mixins by hand (gradients and media queries). This lesson is a snippet from my 8 hour premium web design course. Join 4,000+ others who have already [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-365","post","type-post","status-publish","format-standard","hentry","category-css-video-tutorial"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sass Tutorial for Beginners - LearnWebCode<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sass Tutorial for Beginners - LearnWebCode\" \/>\n<meta property=\"og:description\" content=\"This Sass tutorial is for absolute beginners or anyone who has been intimidated by preprocessors in the past. We cover the basic features of Sass and even write two mixins by hand (gradients and media queries). This lesson is a snippet from my 8 hour premium web design course. Join 4,000+ others who have already [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/\" \/>\n<meta property=\"og:site_name\" content=\"LearnWebCode\" \/>\n<meta property=\"article:published_time\" content=\"2014-10-21T16:58:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-03-29T02:10:25+00:00\" \/>\n<meta name=\"author\" content=\"Brad\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brad\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/\"},\"author\":{\"name\":\"Brad\",\"@id\":\"https:\/\/learnwebcode.com\/#\/schema\/person\/db825ebc5a08e39b01de31771e4c7fe6\"},\"headline\":\"Sass Tutorial for Beginners\",\"datePublished\":\"2014-10-21T16:58:24+00:00\",\"dateModified\":\"2016-03-29T02:10:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/\"},\"wordCount\":64,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/learnwebcode.com\/#\/schema\/person\/db825ebc5a08e39b01de31771e4c7fe6\"},\"articleSection\":[\"CSS Video Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/\",\"url\":\"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/\",\"name\":\"Sass Tutorial for Beginners - LearnWebCode\",\"isPartOf\":{\"@id\":\"https:\/\/learnwebcode.com\/#website\"},\"datePublished\":\"2014-10-21T16:58:24+00:00\",\"dateModified\":\"2016-03-29T02:10:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/learnwebcode.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sass Tutorial for Beginners\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/learnwebcode.com\/#website\",\"url\":\"https:\/\/learnwebcode.com\/\",\"name\":\"LearnWebCode\",\"description\":\"Become a Web Developer\",\"publisher\":{\"@id\":\"https:\/\/learnwebcode.com\/#\/schema\/person\/db825ebc5a08e39b01de31771e4c7fe6\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/learnwebcode.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/learnwebcode.com\/#\/schema\/person\/db825ebc5a08e39b01de31771e4c7fe6\",\"name\":\"Brad\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/learnwebcode.com\/wp-content\/uploads\/0UWl0Tet_400x400.jpg\",\"url\":\"https:\/\/learnwebcode.com\/wp-content\/uploads\/0UWl0Tet_400x400.jpg\",\"contentUrl\":\"https:\/\/learnwebcode.com\/wp-content\/uploads\/0UWl0Tet_400x400.jpg\",\"width\":400,\"height\":400,\"caption\":\"Brad\"},\"logo\":{\"@id\":\"https:\/\/learnwebcode.com\/wp-content\/uploads\/0UWl0Tet_400x400.jpg\"},\"url\":\"https:\/\/learnwebcode.com\/author\/lwcadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sass Tutorial for Beginners - LearnWebCode","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:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/","og_locale":"en_US","og_type":"article","og_title":"Sass Tutorial for Beginners - LearnWebCode","og_description":"This Sass tutorial is for absolute beginners or anyone who has been intimidated by preprocessors in the past. We cover the basic features of Sass and even write two mixins by hand (gradients and media queries). This lesson is a snippet from my 8 hour premium web design course. Join 4,000+ others who have already [&hellip;]","og_url":"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/","og_site_name":"LearnWebCode","article_published_time":"2014-10-21T16:58:24+00:00","article_modified_time":"2016-03-29T02:10:25+00:00","author":"Brad","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Brad"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/#article","isPartOf":{"@id":"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/"},"author":{"name":"Brad","@id":"https:\/\/learnwebcode.com\/#\/schema\/person\/db825ebc5a08e39b01de31771e4c7fe6"},"headline":"Sass Tutorial for Beginners","datePublished":"2014-10-21T16:58:24+00:00","dateModified":"2016-03-29T02:10:25+00:00","mainEntityOfPage":{"@id":"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/"},"wordCount":64,"commentCount":0,"publisher":{"@id":"https:\/\/learnwebcode.com\/#\/schema\/person\/db825ebc5a08e39b01de31771e4c7fe6"},"articleSection":["CSS Video Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/","url":"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/","name":"Sass Tutorial for Beginners - LearnWebCode","isPartOf":{"@id":"https:\/\/learnwebcode.com\/#website"},"datePublished":"2014-10-21T16:58:24+00:00","dateModified":"2016-03-29T02:10:25+00:00","breadcrumb":{"@id":"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/learnwebcode.com\/sass-tutorial-for-beginners\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/learnwebcode.com\/"},{"@type":"ListItem","position":2,"name":"Sass Tutorial for Beginners"}]},{"@type":"WebSite","@id":"https:\/\/learnwebcode.com\/#website","url":"https:\/\/learnwebcode.com\/","name":"LearnWebCode","description":"Become a Web Developer","publisher":{"@id":"https:\/\/learnwebcode.com\/#\/schema\/person\/db825ebc5a08e39b01de31771e4c7fe6"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/learnwebcode.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/learnwebcode.com\/#\/schema\/person\/db825ebc5a08e39b01de31771e4c7fe6","name":"Brad","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/learnwebcode.com\/wp-content\/uploads\/0UWl0Tet_400x400.jpg","url":"https:\/\/learnwebcode.com\/wp-content\/uploads\/0UWl0Tet_400x400.jpg","contentUrl":"https:\/\/learnwebcode.com\/wp-content\/uploads\/0UWl0Tet_400x400.jpg","width":400,"height":400,"caption":"Brad"},"logo":{"@id":"https:\/\/learnwebcode.com\/wp-content\/uploads\/0UWl0Tet_400x400.jpg"},"url":"https:\/\/learnwebcode.com\/author\/lwcadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/posts\/365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/comments?post=365"}],"version-history":[{"count":6,"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/posts\/365\/revisions"}],"predecessor-version":[{"id":1043,"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/posts\/365\/revisions\/1043"}],"wp:attachment":[{"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/media?parent=365"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/categories?post=365"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/tags?post=365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}