Summary  
This chapter explains how to declare and use variables in Sass for storing and reusing style values, making code more maintainable and easy to update.

General domain of usage  
CSS preprocessing in front-end web development

Den første nyttige funksjonen er eksistensen av variabler. Vi kan lagre og gjenbruke verdier gjennom hele koden. Dette ligner på programmeringsspråk som tillater å opprette en variabel én gang og bruke den flere ganger. For å deklarere en variabel, må vi sette et dollartegn (`$`) og et variabelnavn, deretter setter vi et kolon (`:`) og gir en verdi.
```css
$textPrimaryColor: #49423c;
```

>Merk
>
> Vi kan bruke hvilken som helst navngivningsnotasjon, enten det er kebab case (`text-primary-color`), snake case (`text_primary_color`) eller camel case (`textPrimaryColor`). Det viktigste er å bruke samme navngivningsnotasjon gjennom hele prosjektet.

La oss forestille oss at vi skal lage et oppsett der all tekstfarge skal være `#474943` og skriftstørrelsen skal være `24px`. Sass-filen vil da se slik ut:
```css
$textColor: #474943;
$textFontSize: 24px;

p {
  color: $textColor;
  font-size: $textFontSize;
}
```

Vi gir alltid variabler så beskrivende navn som mulig, slik at det er tydelig hva hver variabel brukes til.

Fordelen med dette er at det blir enkelt å gjøre designendringer i prosjektet senere. Hvis tekstens skriftstørrelse eller farge endres, kan vi oppdatere verdien til variablene `$textColor` og `$textFontSize`, og prosjektet vil bli oppdatert tilsvarende.

Med hvilket tegn deklarerer vi en sass-variabel?

Hev dine ferdigheter innen styling ved å mestre avanserte CSS-teknikker for moderne webdesign. Plasser og håndter elementer med presisjon ved hjelp av avanserte posisjoneringsstrategier. Lag jevne overganger og engasjerende animasjoner for å forbedre brukeropplevelsen. Transformer og manipuler elementer for dynamiske visuelle effekter. Bygg responsive design som tilpasser seg ulike enheter, og effektiviser arbeidsflyten med CSS-preprosessorer som Sass.

Undersøk hva deltakerne kan forvente av dette kurset i avansert HTML og CSS-styling. Hvilke forkunnskaper kreves før du starter kurset? Hvilke emner vil bli dekket?

Posisjonering og håndtering av elementer på nettsider. Lær om ulike posisjonerings-egenskaper, oppdag hvordan du bruker stablingsrekkefølge for å kontrollere synligheten til overlappende elementer, og håndter til slutt innhold som flyter utenfor.

Utforsk kraften i overganger og lær hvordan du kan forbedre brukeropplevelsen. Oppdag hvordan egenskaper kan animeres jevnt og gradvis for å skape sømløse tilstandsendringer.

Lær om animasjonsegenskapen og hvordan den kan brukes til å skape dynamiske og engasjerende design. Oppdag hvordan du kan lage komplekse animasjoner ved hjelp av nøkkelbilder og hvordan du kan kontrollere animasjonen.

Utforsk transformasjonsegenskapen, som gjør det mulig å endre utseendet og posisjonen til elementer på en nettside. Lær hvordan du kan skalere, rotere, skjevstille og flytte elementer i to og tre dimensjoner. Kombiner flere transformasjoner for å skape mer komplekse effekter.

Prinsippene og teknikkene som brukes i adaptivt og responsivt design har som mål å gjøre nettsteder og applikasjoner tilgjengelige og visuelt tiltalende på tvers av ulike enheter, skjermstørrelser og orienteringer.

Lær om forprosessorer i CSS og hvordan de kan bidra til å skrive mer effektiv og vedlikeholdbar kode. Forstå hvordan forprosessorer kan forenkle arbeidsflyten og generere renere CSS-kode.

Bruk av Sass-Variabler for Gjenbrukbare Stiler

Awesome!

Bruk av Sass-Variabler for Gjenbrukbare Stiler