{"id":908,"date":"2013-11-27T10:57:11","date_gmt":"2013-11-27T09:57:11","guid":{"rendered":"https:\/\/mfirst.rechnerhaus.de\/blog\/difference-between-css-scss-sass"},"modified":"2020-08-19T15:39:17","modified_gmt":"2020-08-19T13:39:17","slug":"difference-between-css-scss-sass","status":"publish","type":"post","link":"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass","title":{"rendered":"Difference between CSS, SCSS &#038; SASS"},"content":{"rendered":"<section class=\"striped_bg\"><div class=\"container\"><div class=\"row\"><div class=\"col-md-4\"><\/div><div class=\"col-md-8\">\n\t<div class=\"wpb_text_column wpb_content_element logopart_left\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2>Difference between <span class=\"slash_right_color\">CSS, SCSS &amp; SASS<\/span><\/h2>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/section><section class=\"grey_bg small_padding\"><div class=\"container\"><div class=\"row\"><div class=\"col-md-4\"><\/div><div class=\"col-md-4\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_left contrast\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"600\" height=\"450\" src=\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_coding.png\" class=\"vc_single_image-img attachment-full\" alt=\"\" srcset=\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_coding.png 600w, https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_coding-300x225.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" title=\"blog_coding\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><div class=\"col-md-4\"><\/div><\/div><\/div><\/section><div class=\"row\"><div class=\"col-md-12\">\t      <div class=\"rhvc_anchor_scroll\">\n      \t\t\t<div class=\"arrow\"><\/div>\n\t      <\/div>\n\t      <div class=\"clearfix\"><\/div>\n\t\t    <\/div><\/div><section class=\"white_bg\"><div class=\"container\"><div class=\"row\"><div class=\"col-md-4\"><\/div><div class=\"col-md-8\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>The syntax of SCSS or SASS is quicker to write then CSS. With nesting the syntax is better to read and easier to change code using variables.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_inner row\"><div class=\"col-md-4\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Sample code CSS:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div id=\"ts-enlighterjs-container-3894147\" class=\"ts-enlighterjs-container-single-enabled\" style=\"width: 100%;  margin-top: 0px; margin-bottom: 0px;\" data-enlighter-doubleclick=\"true\" data-enlighter-windowbutton=\"true\" data-enlighter-windowtext=\"New Window\" data-enlighter-rawbutton=\"true\" data-enlighter-rawtext=\"RAW Code\" data-enlighter-infobutton=\"false\" data-enlighter-infotext=\"EnlighterJS\" data-enlighter-indent=\"2\"><pre id=\"ts-enlighterjs-pre-3894147\" class=\"\" style=\"white-space: pre-wrap; height: 100%; margin: 0; padding: 0;\" data-enlighter-language=\"standard\" data-enlighter-theme=\"enlighter\" data-enlighter-group=\"\" data-enlighter-title=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"1\" data-enlighter-highlight=\"\">#header {\n  margin: 0;\n  border: 1px solid red;\n}\n\n#header p {\n  font-size: 12px;\n  font-weight: bold;\n  color: red;\n}\n\n#header a {\n  text-decoration: none;\n}<\/pre><\/div><\/div><\/div><\/div><div class=\"col-md-4\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Sample code SCSS:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div id=\"ts-enlighterjs-container-4907851\" class=\"ts-enlighterjs-container-single-enabled\" style=\"width: 100%;  margin-top: 0px; margin-bottom: 0px;\" data-enlighter-doubleclick=\"true\" data-enlighter-windowbutton=\"true\" data-enlighter-windowtext=\"New Window\" data-enlighter-rawbutton=\"true\" data-enlighter-rawtext=\"RAW Code\" data-enlighter-infobutton=\"false\" data-enlighter-infotext=\"EnlighterJS\" data-enlighter-indent=\"2\"><pre id=\"ts-enlighterjs-pre-4907851\" class=\"\" style=\"white-space: pre-wrap; height: 100%; margin: 0; padding: 0;\" data-enlighter-language=\"standard\" data-enlighter-theme=\"enlighter\" data-enlighter-group=\"\" data-enlighter-title=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"1\" data-enlighter-highlight=\"\">$colorRed: red;\n#header {\n  margin: 0;\n  border: 1px solid $colorRed;\n\n  p {\n    color: $colorRed;\n    font: {\n      size: 12px;\n      weight: bold;\n    }\n  }\n\n  a {\n    text-decoration: none;\n  }\n}<\/pre><\/div><\/div><\/div><\/div><div class=\"col-md-4\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Sample code SASS:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div id=\"ts-enlighterjs-container-2762701\" class=\"ts-enlighterjs-container-single-enabled\" style=\"width: 100%;  margin-top: 0px; margin-bottom: 0px;\" data-enlighter-doubleclick=\"true\" data-enlighter-windowbutton=\"true\" data-enlighter-windowtext=\"New Window\" data-enlighter-rawbutton=\"true\" data-enlighter-rawtext=\"RAW Code\" data-enlighter-infobutton=\"false\" data-enlighter-infotext=\"EnlighterJS\" data-enlighter-indent=\"2\"><pre id=\"ts-enlighterjs-pre-2762701\" class=\"\" style=\"white-space: pre-wrap; height: 100%; margin: 0; padding: 0;\" data-enlighter-language=\"standard\" data-enlighter-theme=\"enlighter\" data-enlighter-group=\"\" data-enlighter-title=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"1\" data-enlighter-highlight=\"\">$colorRed: red\n#header\n  margin: 0\n  border: 1px solid $colorRed\n\n  p\n    color: $colorRed\n    font:\n      size: 12px\n      weight: bold\n\n  a\n    text-decoration: none<\/pre><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><div class=\"striped_bg anchor_row row\"><div class=\"col-md-12\">\t      <div class=\"rhvc_anchor_scroll\">\n      \t\t\t<div class=\"arrow\"><\/div>\n\t      <\/div>\n\t      <div class=\"clearfix\"><\/div>\n\t\t    <\/div><\/div><section class=\"grey_bg\"><div class=\"container\"><div class=\"row\"><div class=\"col-md-12\">\t\t\t<div class=\"rhvc_ajax_by_type ajax_container_blog\">\n\t\t\t\t<div class=\"rhvc_ajax_by_type_inner\">\n\t\t\t\t\t<div class=\"ajax_loader_wrap before_results hide row\">\n\t\t\t\t\t\t<span class=\"ajax-loader\">\n\t\t\t\t\t\t\t<span class=\"ajax-square\"><\/span>\n\t\t\t\t\t\t\t<span class=\"ajax-square\"><\/span>\n\t\t\t\t\t\t\t<span class=\"ajax-square ajax-last\"><\/span>\n\t\t\t\t\t\t\t<span class=\"ajax-square ajax-clear\"><\/span>\n\t\t\t\t\t\t\t<span class=\"ajax-square\"><\/span>\n\t\t\t\t\t\t\t<span class=\"ajax-square ajax-last\"><\/span>\n\t\t\t\t\t\t\t<span class=\"ajax-square ajax-clear\"><\/span>\n\t\t\t\t\t\t\t<span class=\"ajax-square\"><\/span>\n\t\t\t\t\t\t\t<span class=\"ajax-square ajax-last\"><\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"ajax_content_container row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 col-sm-6 col-xs-12 rhvc_card\">\n\t\t\t\t\t\t\t\t\t\t\n<article id=\"post-917\" class=\"post-917 post type-post status-publish format-standard has-post-thumbnail hentry category-wordpress-en entry post-inner\">\n\t<div class=\"hover_area\">\n\t\t<a href=\"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image\"><div class=\"featured_wrap\"><img decoding=\"async\" width=\"600\" height=\"450\" src=\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_wordpress.png\" class=\"attachment-card size-card\" alt=\"\" srcset=\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_wordpress.png 600w, https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_wordpress-300x225.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" title=\"blog_wordpress\" \/><\/div><\/a>\n\t\t<div class=\"entry-header blog\">\n\t\t\t<p class=\"entry-title\"><a href=\"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image\" rel=\"bookmark\">qTranslateX with featured image<\/a><\/p>\t\t<\/div>\n\t<\/div>\n<\/article>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 col-sm-6 col-xs-12 rhvc_card\">\n\t\t\t\t\t\t\t\t\t\t\n<article id=\"post-915\" class=\"post-915 post type-post status-publish format-standard has-post-thumbnail hentry category-wordpress-en entry post-inner\">\n\t<div class=\"hover_area\">\n\t\t<a href=\"https:\/\/old.rechnerhaus.de\/en\/blog\/multiple-sites-domains-in-a-wordpress-installation-with-multisite-configuration\"><div class=\"featured_wrap\"><img decoding=\"async\" width=\"600\" height=\"450\" src=\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_wordpress.png\" class=\"attachment-card size-card\" alt=\"\" srcset=\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_wordpress.png 600w, https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_wordpress-300x225.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" title=\"blog_wordpress\" \/><\/div><\/a>\n\t\t<div class=\"entry-header blog\">\n\t\t\t<p class=\"entry-title\"><a href=\"https:\/\/old.rechnerhaus.de\/en\/blog\/multiple-sites-domains-in-a-wordpress-installation-with-multisite-configuration\" rel=\"bookmark\">Multiple sites\/domains in a WordPress installation with multisite configuration<\/a><\/p>\t\t<\/div>\n\t<\/div>\n<\/article>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 col-sm-6 col-xs-12 rhvc_card\">\n\t\t\t\t\t\t\t\t\t\t\n<article id=\"post-912\" class=\"post-912 post type-post status-publish format-standard has-post-thumbnail hentry category-coding entry post-inner\">\n\t<div class=\"hover_area\">\n\t\t<a href=\"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-angularjs-1-angular-2-4-and-5\"><div class=\"featured_wrap\"><img decoding=\"async\" width=\"600\" height=\"450\" src=\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_coding.png\" class=\"attachment-card size-card\" alt=\"\" srcset=\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_coding.png 600w, https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_coding-300x225.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" title=\"blog_coding\" \/><\/div><\/a>\n\t\t<div class=\"entry-header blog\">\n\t\t\t<p class=\"entry-title\"><a href=\"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-angularjs-1-angular-2-4-and-5\" rel=\"bookmark\">Difference between AngularJS 1, Angular 2, 4 and 5<\/a><\/p>\t\t<\/div>\n\t<\/div>\n<\/article>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 col-sm-6 col-xs-12 rhvc_card\">\n\t\t\t\t\t\t\t\t\t\t\n<article id=\"post-910\" class=\"post-910 post type-post status-publish format-standard has-post-thumbnail hentry category-wordpress-en entry post-inner\">\n\t<div class=\"hover_area\">\n\t\t<a href=\"https:\/\/old.rechnerhaus.de\/en\/blog\/multiple-virtual-hosts-with-windows-7-and-xampp\"><div class=\"featured_wrap\"><img decoding=\"async\" width=\"600\" height=\"450\" src=\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_woocommerce.png\" class=\"attachment-card size-card\" alt=\"\" srcset=\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_woocommerce.png 600w, https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_woocommerce-300x225.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" title=\"blog_woocommerce\" \/><\/div><\/a>\n\t\t<div class=\"entry-header blog\">\n\t\t\t<p class=\"entry-title\"><a href=\"https:\/\/old.rechnerhaus.de\/en\/blog\/multiple-virtual-hosts-with-windows-7-and-xampp\" rel=\"bookmark\">Multiple Virtual Hosts with Windows 7 and XAMPP<\/a><\/p>\t\t<\/div>\n\t<\/div>\n<\/article>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-center row\">\n\t\t\t\t\t\t\t<div class=\"rhvc_button\">\n\t\t\t\t\t\t\t\t<a class=\"ajax-load-more a-link\"\n\t\t\t\t\t\t\t\t\tdata-postsperpage=\"4\"\n\t\t\t\t\t\t\t\t\tdata-page=\"\"\n\t\t\t\t\t\t\t\t\tdata-url=\"https:\/\/old.rechnerhaus.de\/wp-admin\/admin-ajax.php\"\n\t\t\t\t\t\t\t\t\tdata-maxpage=\"2\"\n\t\t\t\t\t\t\t\t\tdata-posttype=\"blog\"\n\t\t\t\t\t\t\t\t\tdata-layoutstyle=\"\"\n\t\t\t\t\t\t\t\t\tdata-order=\"DESC\"\n\t\t\t\t\t\t\t\t\tdata-orderby=\"date\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"loading_icon ajax-loading\"><\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"text\">More News of Rechnerhaus<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"ajax_loader_wrap after_results hide\">\n\t\t\t\t\t\t<span class=\"ajax-loader\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"WooCommerce German Market &amp; One Page Checkout German Market is the perfect WordPress plugin to optimize WooCommerce for the german and austrian market. Unfortunately the plugin is using an additional page during the payment process that is not necessary for the use of an one page checkout. With the following hook in the functions.php file in your themes folder you are able to remove this page. remove_filter( 'woocommerce_order_button_text', array( 'WGM_Template', 'change_order_button_text' ), 1, 1 ); remove_filter( 'woocommerce_after_checkout_validation', array( 'WGM_Template', 'do_de_checkout_after_validation' ), 1, 1 ); qTranslateX with featured image Multiple sites\/domains in a WordPress installation with multisite configuration Difference between AngularJS 1, Angular 2, 4 and 5 Difference between CSS, SCSS &#038; SASS More News of Rechnerhaus","protected":false},"author":1,"featured_media":1008,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[30],"tags":[],"class_list":["post-908","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-coding","entry","post-inner"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Difference between CSS, SCSS &amp; SASS - Rechnerhaus GmbH<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Difference between CSS, SCSS &amp; SASS - Rechnerhaus GmbH\" \/>\n<meta property=\"og:url\" content=\"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass\" \/>\n<meta property=\"og:site_name\" content=\"Rechnerhaus GmbH\" \/>\n<meta property=\"article:published_time\" content=\"2013-11-27T09:57:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-19T13:39:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_coding.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"rechnerhaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"rechnerhaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass#article\",\"isPartOf\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass\"},\"author\":{\"name\":\"rechnerhaus\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en#\/schema\/person\/48fd75c4f4ec85ccaeb8c4ade9140709\"},\"headline\":\"Difference between CSS, SCSS &#038; SASS\",\"datePublished\":\"2013-11-27T09:57:11+00:00\",\"dateModified\":\"2020-08-19T13:39:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass\"},\"wordCount\":374,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en#organization\"},\"image\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass#primaryimage\"},\"thumbnailUrl\":\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_coding.png\",\"articleSection\":[\"Coding\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass\",\"url\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass\",\"name\":\"Difference between CSS, SCSS & SASS - Rechnerhaus GmbH\",\"isPartOf\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass#primaryimage\"},\"image\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass#primaryimage\"},\"thumbnailUrl\":\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_coding.png\",\"datePublished\":\"2013-11-27T09:57:11+00:00\",\"dateModified\":\"2020-08-19T13:39:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass#primaryimage\",\"url\":\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_coding.png\",\"contentUrl\":\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_coding.png\",\"width\":600,\"height\":450},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/old.rechnerhaus.de\/en\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Difference between CSS, SCSS &#038; SASS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en#website\",\"url\":\"https:\/\/old.rechnerhaus.de\/en\",\"name\":\"Rechnerhaus GmbH\",\"description\":\"web development made in s\u00fcdhessen\",\"publisher\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/old.rechnerhaus.de\/en?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en#organization\",\"name\":\"Rechnerhaus GmbH\",\"url\":\"https:\/\/old.rechnerhaus.de\/en\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.rechnerhaus.de\/wp-content\/uploads\/2018\/01\/rechnerhaus_logo_claim_c02.svg\",\"contentUrl\":\"https:\/\/www.rechnerhaus.de\/wp-content\/uploads\/2018\/01\/rechnerhaus_logo_claim_c02.svg\",\"width\":2050.756,\"height\":534.775,\"caption\":\"Rechnerhaus GmbH\"},\"image\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en#\/schema\/person\/48fd75c4f4ec85ccaeb8c4ade9140709\",\"name\":\"rechnerhaus\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Difference between CSS, SCSS & SASS - Rechnerhaus GmbH","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Difference between CSS, SCSS & SASS - Rechnerhaus GmbH","og_url":"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass","og_site_name":"Rechnerhaus GmbH","article_published_time":"2013-11-27T09:57:11+00:00","article_modified_time":"2020-08-19T13:39:17+00:00","og_image":[{"width":600,"height":450,"url":"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_coding.png","type":"image\/png"}],"author":"rechnerhaus","twitter_card":"summary_large_image","twitter_misc":{"Written by":"rechnerhaus","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass#article","isPartOf":{"@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass"},"author":{"name":"rechnerhaus","@id":"https:\/\/old.rechnerhaus.de\/en#\/schema\/person\/48fd75c4f4ec85ccaeb8c4ade9140709"},"headline":"Difference between CSS, SCSS &#038; SASS","datePublished":"2013-11-27T09:57:11+00:00","dateModified":"2020-08-19T13:39:17+00:00","mainEntityOfPage":{"@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass"},"wordCount":374,"commentCount":0,"publisher":{"@id":"https:\/\/old.rechnerhaus.de\/en#organization"},"image":{"@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass#primaryimage"},"thumbnailUrl":"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_coding.png","articleSection":["Coding"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass#respond"]}]},{"@type":"WebPage","@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass","url":"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass","name":"Difference between CSS, SCSS & SASS - Rechnerhaus GmbH","isPartOf":{"@id":"https:\/\/old.rechnerhaus.de\/en#website"},"primaryImageOfPage":{"@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass#primaryimage"},"image":{"@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass#primaryimage"},"thumbnailUrl":"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_coding.png","datePublished":"2013-11-27T09:57:11+00:00","dateModified":"2020-08-19T13:39:17+00:00","breadcrumb":{"@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass#primaryimage","url":"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_coding.png","contentUrl":"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_coding.png","width":600,"height":450},{"@type":"BreadcrumbList","@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/difference-between-css-scss-sass#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/old.rechnerhaus.de\/en"},{"@type":"ListItem","position":2,"name":"Difference between CSS, SCSS &#038; SASS"}]},{"@type":"WebSite","@id":"https:\/\/old.rechnerhaus.de\/en#website","url":"https:\/\/old.rechnerhaus.de\/en","name":"Rechnerhaus GmbH","description":"web development made in s\u00fcdhessen","publisher":{"@id":"https:\/\/old.rechnerhaus.de\/en#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/old.rechnerhaus.de\/en?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/old.rechnerhaus.de\/en#organization","name":"Rechnerhaus GmbH","url":"https:\/\/old.rechnerhaus.de\/en","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/old.rechnerhaus.de\/en#\/schema\/logo\/image\/","url":"https:\/\/www.rechnerhaus.de\/wp-content\/uploads\/2018\/01\/rechnerhaus_logo_claim_c02.svg","contentUrl":"https:\/\/www.rechnerhaus.de\/wp-content\/uploads\/2018\/01\/rechnerhaus_logo_claim_c02.svg","width":2050.756,"height":534.775,"caption":"Rechnerhaus GmbH"},"image":{"@id":"https:\/\/old.rechnerhaus.de\/en#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/old.rechnerhaus.de\/en#\/schema\/person\/48fd75c4f4ec85ccaeb8c4ade9140709","name":"rechnerhaus"}]}},"_links":{"self":[{"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/posts\/908","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/comments?post=908"}],"version-history":[{"count":6,"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/posts\/908\/revisions"}],"predecessor-version":[{"id":1458,"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/posts\/908\/revisions\/1458"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/media\/1008"}],"wp:attachment":[{"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/media?parent=908"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/categories?post=908"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/tags?post=908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}