Opening an SCSS File

The SCSS file type is primarily associated with Sass.

SCSS	File extension: SCSS
	File type:	style sheet preprocessor script

What is an SCSS file?

SCSS files mostly belong to Sass by Sass Team. An SCSS file is a script which Syntactially Awesome Style Sheets (Sass) style sheets preprocessor uses to generate Cascading Style Sheets (CSS) for a web page. It contains style rules written in classic CSS and Sass syntax which supports interpolation, nesting, loops, and arithmetic which aren't available in standard CSS. An SCSS file containing:


@for $font-size from 1 through 4 
 .font-size-#$font-size 
  font-size: #$font-size * 8;

Compiles to a CSS file containing:


.font-size-1 
  font-size: 8;


.font-size-2 
  font-size: 16;


.font-size-3 
  font-size: 24;


.font-size-4 
  font-size: 32;

How can I open an SCSS file?

You need a suitable software like Sass to open an SCSS file. Without proper software you will receive a Windows message "How do you want to open this file?" or "Windows cannot open this file" or a similar Mac/iPhone/Android alert. If you cannot open your SCSS file correctly, try to right-click or long-press the file. Then click "Open with" and choose an application. You can also display a SCSS file directly in the browser:. Just drag the file onto this browser window and drop it.

Online SCSS Text Viewer

Choose your .scss file to analyze

or drag and drop it here

Online File Viewer

✈

Read our privacy guarantee in Filext’s terms and privacy policy

Please allow ads on our site

This helps us keep our servers running. Then re-upload your file to view it.

Click here to see how to disable the ad blocker for filext.com

Programs that open and convert SCSS files:

Sass by Sass Team
See the previous paragraphs to learn more about the main application. SCSS files are often referred to as Sass web (source)s because this type of file is primarily created or used by this software.
Visual Studio Code (style sheet preprocessor script) by Microsoft
Visual Studio Code is a source code editor optimized for building web applications. It may be used to create and edit an SCSS script. Visual Studio Code's Live Sass Compiler extension can generate a CSS style sheet from an SCSS file. This file format is classified as Web (source). Related links: Live Sass Compiler, Sass

Technical Data for SCSS File Extension

File classification:

Web (source)

Related files:

owl, cps, psc

Related links:

CSS

Mime type:

text/x-scss

an scss style sheet preprocessor script is a special file format by Sass Team and should only be edited and saved with the appropriate software.

How to solve problems with SCSS files

Associate the SCSS file extension with the correct application.
Update your software that should actually open style sheet preprocessor scripts. Because only the current version supports the latest SCSS file format. Search, therefore, e.g. on the Sass Team manufacturer website after an available Sass update.
To make sure that your SCSS file is not corrupted or virus-infected, get the file again and scan it with Google's virustotal.com.
Click here to open your .SCSS file online - secure, fast, and no downloads needed.