Sass (stylesheet language)

Sass (stylesheet language)

Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). SassScript is the scripting language itself. Sass consists of two syntaxes. The original syntax, called "the indented syntax," uses a syntax similar to Haml. It uses indentation to separate code blocks and newline characters to separate rules. The newer syntax, SCSS (Sassy CSS), uses block formatting like that of CSS. It uses braces to denote code blocks and semicolons to separate rules within a block. The indented syntax and SCSS files are traditionally given the extensions .sass and .scss, respectively.

Code
en@each
en@for
en@while
Comment
enSass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). SassScript is the scripting language itself. Sass consists of two syntaxes. The original syntax, called "the indented syntax," uses a syntax similar to Haml. It uses indentation to separate code blocks and newline characters to separate rules. The newer syntax, SCSS (Sassy CSS), uses block formatting like that of CSS. It uses braces to denote code blocks and semicolons to separate rules within a block. The indented syntax and SCSS files are traditionally given the extensions .sass and .scss, respectively.
Depiction
Sass Logo Color.svg
Designer
Hampton Catlin
Designer
Hampton Catlin
Developer
enNatalie Weizenbaum, Chris Eppstein
FileExt
en.sass, .scss
Has abstract
enSass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). SassScript is the scripting language itself. Sass consists of two syntaxes. The original syntax, called "the indented syntax," uses a syntax similar to Haml. It uses indentation to separate code blocks and newline characters to separate rules. The newer syntax, SCSS (Sassy CSS), uses block formatting like that of CSS. It uses braces to denote code blocks and semicolons to separate rules within a block. The indented syntax and SCSS files are traditionally given the extensions .sass and .scss, respectively. CSS3 consists of a series of selectors and pseudo-selectors that group rules that apply to them. Sass (in the larger context of both syntaxes) extends CSS by providing several mechanisms available in more traditional programming languages, particularly object-oriented languages, but that are not available to CSS3 itself. When SassScript is interpreted, it creates blocks of CSS rules for various selectors as defined by the Sass file. The Sass interpreter translates SassScript into CSS. Alternatively, Sass can monitor the .sass or .scss file and translate it to an output .css file whenever the .sass or .scss file is saved. The indented syntax is a metalanguage. SCSS is a nested metalanguage and a superset of CSS, as valid CSS is valid SCSS with the same semantics. SassScript provides the following mechanisms: variables, nesting, mixins, and selector inheritance.
Homepage
sass-lang.com/
Hypernym
Language
Implementations
Dart (programming language)
Influenced
Bootstrap (front-end framework)
Influenced
Bootstrap (front-end framework)
Influenced
Less (stylesheet language)
Influenced
Less (stylesheet language)
Influenced
Stylus (stylesheet language)
Influenced
Stylus (stylesheet language)
Influenced
Tritium (programming language)
Influenced
Tritium (programming language)
InfluencedBy
enCSS YAML and Haml Less
Influenced by
CSS
Haml
Less (stylesheet language)
YAML
Is primary topic of
Sass (stylesheet language)
Label
enSass (stylesheet language)
Lang
ensass
LatestReleaseDate
7 July 2022
Latest release date
7 July 2022
LatestReleaseVersion
1.54
Latest release version
1.54.0
License
MIT License
License
MIT License
Link from a Wikipage to an external page
sass-lang.com/
Link from a Wikipage to another Wikipage
Add-on (Mozilla)
Adobe Dreamweaver
Assignment (computer programming)
Atom (text editor)
Block (programming)
Boolean data type
Bootstrap (front-end framework)
C++
Cascading Style Sheets
Category:Free computer libraries
Category:Programming languages created in 2006
Category:Ruby (programming language)
Category:Software using the MIT license
Category:Stylesheet languages
Colon (punctuation)
Compiled language
Cross-platform
CSS
Dart (programming language)
Document Object Model
Dollar sign
Dynamic typing
Eclipse (software)
Edit+
Emacs
Filename extension
Firebug (web development)
Firefox
Go (programming language)
Haml
Hampton Catlin
Indent style
Inheritance (computer science)
IntelliJ IDEA
Interpreted language
Java (programming language)
Less (stylesheet language)
Metalanguage
Microsoft Visual Studio
Microsoft WebMatrix
MIT License
Mixin
Moovweb
Multiple inheritance
Namespace
Nesting (computing)
NetBeans
Newline
Node.js
Npm (software)
Object-oriented programming
Open-source software
Parameter (computer programming)
PHP
PhpStorm
Preprocessor
Programming language
Ruby (programming language)
RubyMine
Ruby programming language
Scripting language
Semantics of programming languages
String (computer science)
Stylus (stylesheet language)
Sublime Text
Subroutine
Superset
Syntax (programming languages)
Tritium (programming language)
Vaadin
Variable (programming)
Vim (text editor)
Visual Studio Code
WebStorm
XUL
YAML
Logo
enSass Logo Color.svg
Name
enSass
Name
enSass
OperatingSystem
Cross-platform
Page
sass-lang.com/
Released
28 November 2006
Release date
28 November 2006
SameAs
m.054k6n
Q1572865
Sass
Sass
Sass
Sass
Sass
Sass
Sass
Sass
Sass
SASS
SASS
Sass (gjuhë për fletë-stili)
Sass (langage)
Sass (linguagem de folhas de estilos)
Sass (stiililehe keel)
Sass (stylesheet language)
Sass (Stylesheet-Sprache)
Sass (стилски језик)
Sass (스타일시트 언어)
Yp64
ساس (زبان سبک نویسی)
ساس (لغة تنسيق صفحات الويب)
സാസ് (സ്റ്റൈൽ‌ഷീറ്റ് ഭാഷ)
Subject
Category:Free computer libraries
Category:Programming languages created in 2006
Category:Ruby (programming language)
Category:Software using the MIT license
Category:Stylesheet languages
Thumbnail
Sass Logo Color.svg?width=300
Typing
Dynamic typing
WasDerivedFrom
Sass (stylesheet language)?oldid=1124934993&ns=0
Website
https://sass-lang.com/
WikiPageLength
17725
Wikipage page ID
20770982
Wikipage revision ID
1124934993
WikiPageUsesTemplate
Template:Code
Template:For
Template:Infobox programming language
Template:Official website
Template:Reflist
Template:Short description
Template:Start date and age
Template:Stylesheet languages