Sass Documentation

Functions

• index.$e
• index.$epsilon
• index.$max-number
• index.$max-safe-integer
• index.$min-number
• index.$min-safe-integer
• index.$pi
• index.abs
• index.accepts-content
• index.acos
• index.adjust
• index.adjust-hue
• index.alpha
• index.append
• index.append
• index.apply
• index.asin
• index.atan
• index.atan2
• index.blackness
• index.blue
• index.calc-args
• index.calc-name
• index.call
• index.ceil
• index.change
• index.channel
• index.clamp
• index.color
• index.compatible
• index.complement
• index.content-exists
• index.cos
• index.darken
• index.deep-merge
• index.deep-remove
• index.desaturate
• index.div
• index.extend
• index.feature-exists
• index.floor
• index.function-exists
• index.get
• index.get-function
• index.get-mixin
• index.global-variable-exists
• index.grayscale
• index.green
• index.has-key
• index.hsl
• index.hue
• index.hwb
• index.hypot
• index.ie-hex-str
• index.if
• index.index
• index.index
• index.insert
• index.inspect
• index.invert
• index.is-bracketed
• index.is-legacy
• index.is-missing
• index.is-powerless
• index.is-superselector
• index.is-unitless
• index.join
• index.keys
• index.keywords
• index.lab
• index.lch
• index.length
• index.length
• index.lighten
• index.lightness
• index.load-css
• index.log
• index.max
• index.merge
• index.min
• index.mix
• index.mixin-exists
• index.module-functions
• index.module-mixins
• index.module-variables
• index.nest
• index.nth
• index.oklab
• index.oklch
• index.opacify
• index.parse
• index.percentage
• index.pow
• index.quote
• index.random
• index.red
• index.remove
• index.replace
• index.rgb
• index.round
• index.same
• index.saturate
• index.saturation
• index.scale
• index.separator
• index.set
• index.set-nth
• index.simple-selectors
• index.sin
• index.slash
• index.slice
• index.space
• index.split
• index.sqrt
• index.tan
• index.to-gamut
• index.to-lower-case
• index.to-space
• index.to-upper-case
• index.transparentize
• index.type-of
• index.unify
• index.unique-id
• index.unit
• index.unquote
• index.values
• index.variable-exists
• index.whiteness
• index.zip

Guides

• @at-root
• @debug
• @each
• @error
• @extend
• @for
• @forward
• @function
• @if and @else
• @import
• @mixin and @include
• @use
• @warn
• @while
• AsyncCompiler
• At-Rules
• Boolean Operators
• Boolean<T>
• Booleans
• Breaking Change: -moz-document
• Breaking Change: @import and global built-in functions
• Breaking Change: CSS Variable Syntax
• Breaking Change: Color Functions
• Breaking Change: Color JS API
• Breaking Change: Default Exports
• Breaking Change: Duplicate Variable Flags
• Breaking Change: Extending Compound Selectors
• Breaking Change: Functions and Mixins Beginning with –
• Breaking Change: Invalid Combinators
• Breaking Change: Legacy JS API
• Breaking Change: Media Queries Level 4
• Breaking Change: Mixed Declarations
• Breaking Change: Null Alpha Channel
• Breaking Change: Slash as Division
• Breaking Change: Strict Function Units
• Breaking Change: Strict Unary Operators
• Breaking Change: abs() Percentage
• Breaking Change: meta.feature-exists()
• Breaking Changes
• Built-In Modules
• CSS At-Rules
• CalculationInterpolation
• CalculationOperation
• CalculationOperator
• CalculationValue
• Calculations
• CanonicalizeContext
• ChannelName
• ChannelNameHsl
• ChannelNameHwb
• ChannelNameLab
• ChannelNameLch
• ChannelNameRgb
• ChannelNameXyz
• Color
• ColorSpaceHsl
• ColorSpaceHwb
• ColorSpaceLab
• ColorSpaceLch
• ColorSpaceRgb
• ColorSpaceXyz
• Colors
• Command-Line Interface
• Comments
• CompileResult
• Compiler
• CustomFunction<sync>
• Dart Sass Command-Line Interface
• Deprecation<id, status>
• DeprecationOrId
• DeprecationStatus
• Deprecations
• Documentation
• Equality Operators
• Error
• Exception
• FALSE
• Flow Control Rules
• Function Values
• GamutMapMethod
• HueInterpolationMethod
• ImporterResult
• Interpolation
• KnownColorSpace
• LegacyAsyncFunction
• LegacyAsyncFunctionDone
• LegacyAsyncImporter
• LegacyException
• LegacyFileOptions<sync>
• LegacyFunction<sync>
• LegacyImporter<sync>
• LegacyImporterResult
• LegacyImporterThis
• LegacyOptions<sync>
• LegacyPluginThis
• LegacyResult
• LegacySharedOptions<sync>
• LegacyStringOptions<sync>
• LegacySyncFunction
• LegacySyncImporter
• LegacyValue
• List
• ListSeparator
• Lists
• Logger
• LoggerWarnOptions
• Map
• Maps
• Migrator
• Mixin Values
• NULL
• Null
• Number
• Numbers
• Numeric Operators
• Operators
• OutputStyle
• Parent Selector
• Parsing a Stylesheet
• Placeholder Selectors
• PolarColorSpace
• PromiseOr<T, sync>
• Property Declarations
• RectangularColorSpace
• Relational Operators
• Ruby Sass Command-Line Interface
• SassArgumentList
• SassBoolean
• SassCalculation
• SassFunction
• SassList
• SassMap
• SassMixin
• SassNumber
• SassString
• SourceLocation
• SourceSpan
• Special Functions
• String
• String Operators
• StringOptions<sync>
• StringOptionsWithImporter<sync>
• StringOptionsWithoutImporter<sync>
• Strings
• Structure of a Stylesheet
• Style Rules
• Syntax
• Syntax
• TRUE
• Values
• Variables
• Version
• compile
• compileAsync
• compileString
• compileStringAsync
• deprecations
• info
• initAsyncCompiler
• initCompiler
• null
• render
• renderSync
• sass
• sass
• sass:color
• sass:list
• sass:map
• sass:math
• sass:meta
• sass:selector
• sass:string
• sassFalse
• sassNull
• sassTrue
• silent
• types

Sections

• --cache-location - Ruby Sass Command-Line Interface
• --check - Ruby Sass Command-Line Interface
• --color - Dart Sass Command-Line Interface
• --compass - Ruby Sass Command-Line Interface
• --debug-info - Ruby Sass Command-Line Interface
• --default-encoding - Ruby Sass Command-Line Interface
• --dry-run - Migrator
• --embed-source-map - Dart Sass Command-Line Interface
• --embed-sources - Dart Sass Command-Line Interface
• --error-css - Dart Sass Command-Line Interface
• --fatal-deprecation - Dart Sass Command-Line Interface
• --force - Migrator
• --force - Ruby Sass Command-Line Interface
• --forward - Migrator
• --future-deprecation - Dart Sass Command-Line Interface
• --help - Dart Sass Command-Line Interface
• --help - Ruby Sass Command-Line Interface
• --indented - Dart Sass Command-Line Interface
• --interactive - Dart Sass Command-Line Interface
• --interactive - Ruby Sass Command-Line Interface
• --line-comments - Ruby Sass Command-Line Interface
• --load-path - Dart Sass Command-Line Interface
• --load-path - Migrator
• --load-path - Ruby Sass Command-Line Interface
• --migrate-deps - Migrator
• --no-cache - Ruby Sass Command-Line Interface
• --no-charset - Dart Sass Command-Line Interface
• --no-source-map - Dart Sass Command-Line Interface
• --no-unicode - Dart Sass Command-Line Interface
• --no-unicode - Migrator
• --pessimistic - Migrator
• --pkg-importer=node - Dart Sass Command-Line Interface
• --poll - Dart Sass Command-Line Interface
• --poll - Ruby Sass Command-Line Interface
• --precision - Ruby Sass Command-Line Interface
• --quiet - Dart Sass Command-Line Interface
• --quiet - Ruby Sass Command-Line Interface
• --quiet-deps - Dart Sass Command-Line Interface
• --remove-prefix - Migrator
• --rename - Migrator
• --require - Ruby Sass Command-Line Interface
• --scss - Ruby Sass Command-Line Interface
• --silence-deprecation - Dart Sass Command-Line Interface
• --source-map-urls - Dart Sass Command-Line Interface
• --sourcemap - Ruby Sass Command-Line Interface
• --stdin - Dart Sass Command-Line Interface
• --stdin - Ruby Sass Command-Line Interface
• --stop-on-error - Dart Sass Command-Line Interface
• --stop-on-error - Ruby Sass Command-Line Interface
• --style - Dart Sass Command-Line Interface
• --style - Ruby Sass Command-Line Interface
• --trace - Dart Sass Command-Line Interface
• --trace - Ruby Sass Command-Line Interface
• --unix-newlines - Ruby Sass Command-Line Interface
• --update - Dart Sass Command-Line Interface
• --update - Ruby Sass Command-Line Interface
• --verbose - Dart Sass Command-Line Interface
• --verbose - Migrator
• --version - Dart Sass Command-Line Interface
• --version - Ruby Sass Command-Line Interface
• --watch - Dart Sass Command-Line Interface
• --watch - Ruby Sass Command-Line Interface
• @else - @if and @else
• @else if - @if and @else
• @keyframes - CSS At-Rules
• @media - CSS At-Rules
• @return - @function
• @supports - CSS At-Rules
• Access an Element - Lists
• Add to a List - Lists
• Add to a Map - Maps
• Adding Suffixes - Parent Selector
• Adding a Prefix - @forward
• Advanced Nesting - Parent Selector
• Advanced Nesting - Style Rules
• Advanced Variable Functions - Variables
• Alpha - Breaking Change: Strict Function Units
• Argument Lists - Lists
• Arguments - @function
• Arguments - @mixin and @include
• Automatic Migration - Breaking Change: @import and global built-in functions
• Automatic Migration - Breaking Change: Slash as Division
• Automatic Migration - Breaking Change: Strict Unary Operators
• Beyond Style Rules - @at-root
• Bounding Functions - sass:math
• Built-in Variables - Variables
• Bundlers - Breaking Change: Legacy JS API
• CSS Statements - Structure of a Stylesheet
• Calculation Functions - Calculations
• Can I Silence the Warnings? - Breaking Change: -moz-document
• Can I Silence the Warnings? - Breaking Change: @import and global built-in functions
• Can I Silence the Warnings? - Breaking Change: Color Functions
• Can I Silence the Warnings? - Breaking Change: Color JS API
• Can I Silence the Warnings? - Breaking Change: Duplicate Variable Flags
• Can I Silence the Warnings? - Breaking Change: Functions and Mixins Beginning with –
• Can I Silence the Warnings? - Breaking Change: Invalid Combinators
• Can I Silence the Warnings? - Breaking Change: Media Queries Level 4
• Can I Silence the Warnings? - Breaking Change: Mixed Declarations
• Can I Silence the Warnings? - Breaking Change: Slash as Division
• Can I Silence the Warnings? - Breaking Change: Strict Function Units
• Can I Silence the Warnings? - Breaking Change: Strict Unary Operators
• Can I Silence the Warnings? - Breaking Change: abs() Percentage
• Can I Silence the Warnings? - Breaking Change: meta.feature-exists()
• Chocolatey - Migrator
• Choosing a Namespace - @use
• Color - Migrator
• Color Functions - Colors
• Color Spaces - Colors
• Common - Ruby Sass Command-Line Interface
• Configuration - @use
• Configured Themes - Breaking Change: @import and global built-in functions
• Configuring Modules - @forward
• Configuring Modules - Variables
• Configuring Modules Through Imports - @import
• Constants - Calculations
• Content Blocks - @mixin and @include
• Controlling Visibility - @forward
• Custom Functions - Breaking Change: Legacy JS API
• Custom Importers - @import
• Custom Properties - Property Declarations
• Default Values - Variables
• Deprecated Functions - sass:color
• Deprecating the Old Way - Breaking Change: Mixed Declarations
• Destructuring - @each
• Differences From @import - @use
• Disallowed Selectors - @extend
• Distance Functions - sass:math
• Division - Migrator
• Division - Numeric Operators
• Do Something for Every Element - Lists
• Do Something for Every Pair - Maps
• Documentation Comments - Comments
• Early Opt-In - Breaking Changes
• Entrypoints - Breaking Change: Legacy JS API
• Escapes - Strings
• Escapes in Unquoted Strings - Strings
• Exponential Functions - sass:math
• Expressions - Structure of a Stylesheet
• Extend in @media - @extend
• Extends or Mixins? - @extend
• Extension Scope - @extend
• Find an Element in a List - Lists
• Finding the File - @import
• Finding the Module - @use
• Flow Control Scope - Variables
• Functions - sass:meta
• Global Functions - Built-In Modules
• Global Options - Migrator
• HTML Heuristics - @extend
• Hidden Declarations - Property Declarations
• Homebrew - Migrator
• How It Works - @extend
• Hue - Breaking Change: Strict Function Units
• Immutability - Lists
• Immutability - Maps
• Import and Modules - @import
• Import-Only Files - @import
• Importers - Breaking Change: Legacy JS API
• Importing CSS - @import
• Importing a Module-System File - @import
• In SCSS - Comments
• In Sass - Comments
• In SassScript - Interpolation
• In SassScript - Parent Selector
• Indented Mixin Syntax - @mixin and @include
• Index - Breaking Change: Strict Function Units
• Index Files - @import
• Index Files - @use
• Indexes - Lists
• Input Encoding - Parsing a Stylesheet
• Input and Output - Dart Sass Command-Line Interface
• Input and Output - Ruby Sass Command-Line Interface
• Installation - Migrator
• Interpolation - @import
• Interpolation - Property Declarations
• Interpolation - Style Rules
• Keyword Arguments - @function
• Keyword Arguments - @mixin and @include
• Legacy Color Spaces - Colors
• Legacy Global Functions - Calculations
• Limitations - @extend
• Literals - Structure of a Stylesheet
• Load Paths - @import
• Load Paths - @use
• Loading CSS - @use
• Loading Dependencies - Migrator
• Loading Members - @use
• Loading a Module That Contains Imports - @import
• Look Up a Value - Maps
• Mandatory and Optional Extends - @extend
• Many-to-Many Mode - Dart Sass Command-Line Interface
• Many-to-Many Mode - Ruby Sass Command-Line Interface
• Migrating Usage - Breaking Change: Legacy JS API
• Migration Recipes - Breaking Change: @import and global built-in functions
• Migrations - Migrator
• Missing Channels - Colors
• Mixins - sass:meta
• Module - Migrator
• Namespace - Migrator
• Nested Imports - Breaking Change: @import and global built-in functions
• Nesting - @import
• Nesting - Property Declarations
• Nesting - Style Rules
• Node.js Package Importer - @use
• Old Channel Functions - Breaking Change: Color Functions
• Older Versions - Documentation
• One-to-One Mode - Dart Sass Command-Line Interface
• One-to-One Mode - Ruby Sass Command-Line Interface
• Operations - Calculations
• Operations - Structure of a Stylesheet
• Optional Arguments - @function
• Optional Arguments - @mixin and @include
• Options - Dart Sass Command-Line Interface
• Options - Ruby Sass Command-Line Interface
• Order of Operations - Operators
• Other Expressions - Structure of a Stylesheet
• Other Functions - @function
• Other Functions - sass:math
• Other Options - Dart Sass Command-Line Interface
• Other Options - Ruby Sass Command-Line Interface
• Other Statements - Structure of a Stylesheet
• Other Unquoted Strings - Strings
• Parentheses - Operators
• Parse Errors - Parsing a Stylesheet
• Partials - @import
• Partials - @use
• Passing Arbitrary Arguments - @function
• Passing Arbitrary Arguments - @mixin and @include
• Passing Arguments to Content Blocks - @mixin and @include
• Phase 1 - Breaking Change: Duplicate Variable Flags
• Phase 1 - Breaking Change: Strict Function Units
• Phase 2 - Breaking Change: Strict Function Units
• Phase 3 - Breaking Change: Strict Function Units
• Placeholder Selectors - @extend
• Plain CSS @imports - @import
• Plain CSS Functions - @function
• Powerless Channels - Colors
• Precision - Numbers
• Private Members - @use
• Private Placeholders - @extend
• Quoted - Strings
• Quoted Strings - Interpolation
• Reassigning Variables - @use
• Rules for a pkg: Importer - @use
• SCSS - Syntax
• Saturation and Lightness - Breaking Change: Strict Function Units
• Scope - Variables
• Selector Combinators - Style Rules
• Selector Lists - Style Rules
• Selector Values - sass:selector
• Shadowing - Variables
• Silencing Deprecations in Dependencies - Breaking Change: -moz-document
• Silencing Deprecations in Dependencies - Breaking Change: @import and global built-in functions
• Silencing Deprecations in Dependencies - Breaking Change: Color Functions
• Silencing Deprecations in Dependencies - Breaking Change: Color JS API
• Silencing Deprecations in Dependencies - Breaking Change: Duplicate Variable Flags
• Silencing Deprecations in Dependencies - Breaking Change: Functions and Mixins Beginning with –
• Silencing Deprecations in Dependencies - Breaking Change: Invalid Combinators
• Silencing Deprecations in Dependencies - Breaking Change: Media Queries Level 4
• Silencing Deprecations in Dependencies - Breaking Change: Mixed Declarations
• Silencing Deprecations in Dependencies - Breaking Change: Slash as Division
• Silencing Deprecations in Dependencies - Breaking Change: Strict Function Units
• Silencing Deprecations in Dependencies - Breaking Change: Strict Unary Operators
• Silencing Deprecations in Dependencies - Breaking Change: abs() Percentage
• Silencing Deprecations in Dependencies - Breaking Change: meta.feature-exists()
• Silencing Specific Deprecations - Breaking Change: -moz-document
• Silencing Specific Deprecations - Breaking Change: @import and global built-in functions
• Silencing Specific Deprecations - Breaking Change: Color Functions
• Silencing Specific Deprecations - Breaking Change: Color JS API
• Silencing Specific Deprecations - Breaking Change: Duplicate Variable Flags
• Silencing Specific Deprecations - Breaking Change: Functions and Mixins Beginning with –
• Silencing Specific Deprecations - Breaking Change: Invalid Combinators
• Silencing Specific Deprecations - Breaking Change: Media Queries Level 4
• Silencing Specific Deprecations - Breaking Change: Mixed Declarations
• Silencing Specific Deprecations - Breaking Change: Slash as Division
• Silencing Specific Deprecations - Breaking Change: Strict Function Units
• Silencing Specific Deprecations - Breaking Change: Strict Unary Operators
• Silencing Specific Deprecations - Breaking Change: abs() Percentage
• Silencing Specific Deprecations - Breaking Change: meta.feature-exists()
• Silencing Warnings - Breaking Change: Legacy JS API
• Simplification - Calculations
• Single Equals - Operators
• Single-Channel Adjustment Functions - Breaking Change: Color Functions
• Slash-Separated Lists - Lists
• Slash-Separated Values - Numeric Operators
• Source Maps - Dart Sass Command-Line Interface
• Standalone - Migrator
• Statements - Structure of a Stylesheet
• String Indexes - Strings
• Taking Arbitrary Arguments - @function
• Taking Arbitrary Arguments - @mixin and @include
• Taking Arbitrary Keyword Arguments - @function
• Taking Arbitrary Keyword Arguments - @mixin and @include
• Terse and Verbose Mode - Breaking Change: -moz-document
• Terse and Verbose Mode - Breaking Change: @import and global built-in functions
• Terse and Verbose Mode - Breaking Change: Color Functions
• Terse and Verbose Mode - Breaking Change: Color JS API
• Terse and Verbose Mode - Breaking Change: Duplicate Variable Flags
• Terse and Verbose Mode - Breaking Change: Functions and Mixins Beginning with –
• Terse and Verbose Mode - Breaking Change: Invalid Combinators
• Terse and Verbose Mode - Breaking Change: Media Queries Level 4
• Terse and Verbose Mode - Breaking Change: Mixed Declarations
• Terse and Verbose Mode - Breaking Change: Slash as Division
• Terse and Verbose Mode - Breaking Change: Strict Function Units
• Terse and Verbose Mode - Breaking Change: Strict Unary Operators
• Terse and Verbose Mode - Breaking Change: abs() Percentage
• Terse and Verbose Mode - Breaking Change: meta.feature-exists()
• The Indented Syntax - Syntax
• The Story So Far - Breaking Change: Mixed Declarations
• Top-Level Statements - Structure of a Stylesheet
• Transition Period - Breaking Change: -moz-document
• Transition Period - Breaking Change: @import and global built-in functions
• Transition Period - Breaking Change: Color Functions
• Transition Period - Breaking Change: Color JS API
• Transition Period - Breaking Change: Default Exports
• Transition Period - Breaking Change: Duplicate Variable Flags
• Transition Period - Breaking Change: Functions and Mixins Beginning with –
• Transition Period - Breaking Change: Invalid Combinators
• Transition Period - Breaking Change: Media Queries Level 4
• Transition Period - Breaking Change: Null Alpha Channel
• Transition Period - Breaking Change: Slash as Division
• Transition Period - Breaking Change: Strict Unary Operators
• Transition Period - Breaking Change: meta.feature-exists()
• Trigonometric Functions - sass:math
• Truthiness and Falsiness - @if and @else
• Truthiness and Falsiness - @while
• Truthiness and Falsiness - Boolean Operators
• Truthiness and Falsiness - Booleans
• Unary Operators - Numeric Operators
• Unary Operators - String Operators
• Unit Functions - sass:math
• Units - Numbers
• Units - Numeric Operators
• Universal Statements - Structure of a Stylesheet
• Unquoted - Strings
• Usage - Dart Sass Command-Line Interface
• Usage - Migrator
• Usage - Ruby Sass Command-Line Interface
• Using Booleans - Booleans
• Using Lists - Lists
• Using Maps - Maps
• Variables - sass:math
• Watching and Updating - Ruby Sass Command-Line Interface
• Weight - Breaking Change: Strict Function Units
• With Maps - @each
• With Mixins - @use
• abs() - Calculations
• color.change() now requires a space for cross-space changes - Breaking Change: Color JS API
• element(), progid:...(), and expression() - Special Functions
• math.random() - Breaking Change: Strict Function Units
• min() and max() - Calculations
• npm - Migrator
• null channel values - Breaking Change: Color JS API
• pkg: URLs - @use
• round() - Calculations
• url() - Special Functions