Python 3 libsass Compile Sass/SCSS to Compressed CSS Code

0Shares

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.

pip install libsass

Converting Raw SCSS to CSS

code1.py

import sass

# Sass Code
sass_code = '''
$bgcolor: lightblue;
$textcolor: darkblue;
$fontsize: 18px;

/* Use the variables */
body {
  background-color: $bgcolor;
  color: $textcolor;
  font-size: $fontsize;
}
'''

# Convert
scss_to_css = sass.compile(string=sass_code)

# Result
print(scss_to_css)

Now, if you want to compress the CSS code you have to add the compressed attribute inside the code. For example:-

# Sass Code
sass_code = '''
$bgcolor: lightblue;
$textcolor: darkblue;
$fontsize: 18px;

/* Use the variables */
body {
  background-color: $bgcolor;
  color: $textcolor;
  font-size: $fontsize;
}
'''

# Convert and compress
scss_to_css = sass.compile(string=sass_code, output_style='compressed')

# Result
print(scss_to_css)

Converting SASS File to CSS File

code2.py

import sass

# Open File
with open('style.sass', 'r') as f:
    # Read File
    scss_code = f.read()
    # Convert To CSS
    scss_to_css = sass.compile(string=scss_code)
    
# Create CSS File to store
with open('style.css', 'w') as f:
    # Write File
    scss_code = f.write(scss_to_css)
0Shares

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.