Sass mappfunktioner

Sass mappfunktioner

I Sass representerar map (mappning) datatypen en eller flera nyckel/värde-pa.

Tips:Det är också möjligt att använda föregående sidors List-funktioner tillsammans med mappningar. Då kommer mappningen att betraktas som en lista med två element.

Sass-mappningar är oförändrade (de kan inte ändras). Därför returnerar mappningsfunktionerna en ny mappning utan att ändra den ursprungliga mappningen.

Följande tabell visar alla mappningsfunktioner i Sass:

funktion beskrivning & exempel
map-get(map, nyckel)

returnerar värdet för den specificerade nyckeln i mappningen.

Exempel:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-get($font-sizes, \

resultat: 12px
map-has-key(map, nyckel)

kontrollerar om mappningen har den specificerade nyckeln. Returnerar true eller false.

Exempel:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-has-key($font-sizes, \

resultat: false
map-keys(map)

returnerar en lista över alla nycklar i mappningen.

Exempel:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-keys($font-sizes)

resultat: \
map-merge(map1, map2)

sätt map2 till map1 textens slut.

Exempel:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
$font-sizes2: ("x-large": 30px, "xx-large": 36px)
map-merge($font-sizes, $font-sizes2)

Resultat:
"small": 12px, "normal": 18px, "large": 24px,
"x-large": 30px, "xx-large": 36px
map-remove(map, keys...)

Ta bort specifika nycklar från mappen.

Exempel:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-remove($font-sizes, "small")

Resultat: ("normal": 18px, "large": 24px)

map-remove($font-sizes, "small", "large")

Resultat: ("normal": 18px)
map-values(map)

Returnerar en lista med alla värden i mappen.

Exempel:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-values($font-sizes)

Resultat: 12px, 18px, 24px