{"id":2334,"date":"2022-07-19T07:08:02","date_gmt":"2022-07-19T02:08:02","guid":{"rendered":"https:\/\/www.edopedia.com\/blog\/?p=2334"},"modified":"2022-07-19T07:08:07","modified_gmt":"2022-07-19T02:08:07","slug":"python3-libsass-compile-sass-scss-to-compressed-css-code","status":"publish","type":"post","link":"https:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/","title":{"rendered":"Python 3 libsass Compile Sass\/SCSS to Compressed CSS Code"},"content":{"rendered":"\n

In this tutorial, I’ll provide you with the source code of Python 3 and libsass<\/code> to compile the raw Sass or SCSS files to compressed CSS code. You can easily run this code on the command line. The full project is written for beginners.<\/p>\n\n\n\n

pip install libsass<\/pre><\/div>\n\n\n\n
Converting Raw SCSS to CSS<\/h2>\n\n\n\n
code1.py<\/h3>\n\n\n\n
import sass\n\n# Sass Code\nsass_code = '''\n$bgcolor: lightblue;\n$textcolor: darkblue;\n$fontsize: 18px;\n\n\/* Use the variables *\/\nbody {\n  background-color: $bgcolor;\n  color: $textcolor;\n  font-size: $fontsize;\n}\n'''\n\n# Convert\nscss_to_css = sass.compile(string=sass_code)\n\n# Result\nprint(scss_to_css)<\/pre><\/div>\n\n\n\n
Now, if you want to\u00a0compress<\/code>\u00a0the CSS code you have to add the\u00a0compressed<\/code>\u00a0attribute inside the code. For example:-<\/p>\n\n\n\n
# Sass Code\nsass_code = '''\n$bgcolor: lightblue;\n$textcolor: darkblue;\n$fontsize: 18px;\n\n\/* Use the variables *\/\nbody {\n  background-color: $bgcolor;\n  color: $textcolor;\n  font-size: $fontsize;\n}\n'''\n\n# Convert and compress\nscss_to_css = sass.compile(string=sass_code, output_style='compressed')\n\n# Result\nprint(scss_to_css)<\/pre><\/div>\n\n\n\n
Converting SASS File to CSS File<\/h2>\n\n\n\n
code2.py<\/h3>\n\n\n\n
import sass\n\n# Open File\nwith open('style.sass', 'r') as f:\n    # Read File\n    scss_code = f.read()\n    # Convert To CSS\n    scss_to_css = sass.compile(string=scss_code)\n    \n# Create CSS File to store\nwith open('style.css', 'w') as f:\n    # Write File\n    scss_code = f.write(scss_to_css)<\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"
In this tutorial, I’ll provide you with the source code of Python 3 and libsass to compile the raw Sass or SCSS files to compressed CSS code. You can easily run this code on the command line. The full project is written for beginners. Converting Raw SCSS to CSS code1.py Now, if you want to\u00a0compress\u00a0the … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":1762,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[112],"tags":[],"class_list":["post-2334","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"yoast_head":"\nPython 3 libsass Compile Sass\/SCSS to Compressed CSS Code<\/title>\n<meta name=\"description\" content=\"In this tutorial, I'll provide you with the source code of Python 3 and libsass to compile the raw Sass or SCSS files to compressed CSS code. You can\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Python 3 libsass Compile Sass\/SCSS to Compressed CSS Code\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, I'll provide you with the source code of Python 3 and libsass to compile the raw Sass or SCSS files to compressed CSS code. You can\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/\" \/>\n<meta property=\"og:site_name\" content=\"Edopedia\" \/>\n<meta property=\"article:author\" content=\"trulyfurqan\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-19T02:08:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-19T02:08:07+00:00\" \/>\n<meta name=\"author\" content=\"Furqan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Furqan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Python 3 libsass Compile Sass\/SCSS to Compressed CSS Code","description":"In this tutorial, I'll provide you with the source code of Python 3 and libsass to compile the raw Sass or SCSS files to compressed CSS code. You can","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:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/","og_locale":"en_US","og_type":"article","og_title":"Python 3 libsass Compile Sass\/SCSS to Compressed CSS Code","og_description":"In this tutorial, I'll provide you with the source code of Python 3 and libsass to compile the raw Sass or SCSS files to compressed CSS code. You can","og_url":"https:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/","og_site_name":"Edopedia","article_author":"trulyfurqan","article_published_time":"2022-07-19T02:08:02+00:00","article_modified_time":"2022-07-19T02:08:07+00:00","author":"Furqan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Furqan","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/#article","isPartOf":{"@id":"https:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/"},"author":{"name":"Furqan","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/person\/3951cb19e3aa56df09e408c98aa02339"},"headline":"Python 3 libsass Compile Sass\/SCSS to Compressed CSS Code","datePublished":"2022-07-19T02:08:02+00:00","dateModified":"2022-07-19T02:08:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/"},"wordCount":86,"commentCount":0,"publisher":{"@id":"https:\/\/www.edopedia.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/#primaryimage"},"thumbnailUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/02\/default_featured_image.jpg","articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/","url":"https:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/","name":"Python 3 libsass Compile Sass\/SCSS to Compressed CSS Code","isPartOf":{"@id":"https:\/\/www.edopedia.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/#primaryimage"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/#primaryimage"},"thumbnailUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/02\/default_featured_image.jpg","datePublished":"2022-07-19T02:08:02+00:00","dateModified":"2022-07-19T02:08:07+00:00","description":"In this tutorial, I'll provide you with the source code of Python 3 and libsass to compile the raw Sass or SCSS files to compressed CSS code. You can","breadcrumb":{"@id":"https:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/#primaryimage","url":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/02\/default_featured_image.jpg","contentUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2022\/02\/default_featured_image.jpg","width":880,"height":495,"caption":"Default Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.edopedia.com\/blog\/python3-libsass-compile-sass-scss-to-compressed-css-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.edopedia.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Python 3 libsass Compile Sass\/SCSS to Compressed CSS Code"}]},{"@type":"WebSite","@id":"https:\/\/www.edopedia.com\/blog\/#website","url":"https:\/\/www.edopedia.com\/blog\/","name":"Edopedia","description":"Coding\/Programming Blog","publisher":{"@id":"https:\/\/www.edopedia.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.edopedia.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.edopedia.com\/blog\/#organization","name":"Edopedia","url":"https:\/\/www.edopedia.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2017\/10\/edopedia_icon_text_10.jpg","contentUrl":"https:\/\/www.edopedia.com\/blog\/wp-content\/uploads\/2017\/10\/edopedia_icon_text_10.jpg","width":400,"height":100,"caption":"Edopedia"},"image":{"@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/person\/3951cb19e3aa56df09e408c98aa02339","name":"Furqan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.edopedia.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e5e68aef3ad8f0b83d56f4953c512c8e57bd2e6dc64daec33b5d0495d9058f51?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e5e68aef3ad8f0b83d56f4953c512c8e57bd2e6dc64daec33b5d0495d9058f51?s=96&d=mm&r=g","caption":"Furqan"},"description":"Well. I've been working for the past three years as a web designer and developer. I have successfully created websites for small to medium sized companies as part of my freelance career. During that time I've also completed my bachelor's in Information Technology.","sameAs":["http:\/\/www.edopedia.com\/blog\/","trulyfurqan"],"url":"https:\/\/www.edopedia.com\/blog\/author\/furqan\/"}]}},"_links":{"self":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts\/2334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/comments?post=2334"}],"version-history":[{"count":0,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/posts\/2334\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/media\/1762"}],"wp:attachment":[{"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/media?parent=2334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/categories?post=2334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.edopedia.com\/blog\/wp-json\/wp\/v2\/tags?post=2334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}