Skip to content

feat(tokens): Lagt til fixed-spacing #764

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
FrodeKolstad wants to merge 2 commits into
base: main
Choose a base branch
from
Open

feat(tokens): Lagt til fixed-spacing #764

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
a04b3e4
feat(tokens): Lagt til fixed-spacing (som ikke endrer seg mellom devi…
FrodeKolstad Jan 28, 2026
e4925d5
(tokens): oppdatert css basert på nye tokens
github-actions[bot] Jan 28, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 5 additions & 2 deletions doc-site/.vitepress/theme/styles/nve_theme.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -564,6 +564,9 @@
--spacing-content-margin-top: var(--spacing-40x);
--spacing-content-margin-bottom: var(--spacing-88x);
--spacing-content-margin-left-right: var(--spacing-48x);
--spacing-fixed-spacing-small: var(--dimension-4x);
--spacing-fixed-spacing-medium: var(--dimension-6x);
--spacing-fixed-spacing-large: var(--dimension-10x);
--sizing-4x-small: var(--dimension-2x);
--sizing-3x-small: var(--dimension-4x);
--sizing-2x-small: var(--dimension-6x);
Expand Down Expand Up @@ -609,8 +612,10 @@
--typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--font-size-2x-small: var(--dimension-3-5x); /** 12 px */
--typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--font-size-medium: var(--dimension-5x); /** 18 px */
--typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
--typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
--typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
Expand All @@ -628,12 +633,10 @@
--typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--font-size-2x-small: var(--dimension-3-5x); /** 12 px */
--typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--font-size-x-small: var(--dimension-4x); /** 14 px */
--font-size-small: var(--dimension-4-5x); /** 16 px */
--font-size-medium: var(--dimension-5x); /** 18 px */
--font-size-large: var(--dimension-6x); /** 20 px */
--font-size-x-large: var(--dimension-8x); /** 24 px */
--font-size-2x-large: var(--dimension-10x); /** 32 px */
Expand Down
7 changes: 5 additions & 2 deletions doc-site/.vitepress/theme/styles/rme_theme.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -564,6 +564,9 @@
--spacing-content-margin-top: var(--spacing-40x);
--spacing-content-margin-bottom: var(--spacing-88x);
--spacing-content-margin-left-right: var(--spacing-48x);
--spacing-fixed-spacing-small: var(--dimension-4x);
--spacing-fixed-spacing-medium: var(--dimension-6x);
--spacing-fixed-spacing-large: var(--dimension-10x);
--sizing-4x-small: var(--dimension-2x);
--sizing-3x-small: var(--dimension-4x);
--sizing-2x-small: var(--dimension-6x);
Expand Down Expand Up @@ -609,8 +612,10 @@
--typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--font-size-2x-small: var(--dimension-3-5x); /** 12 px */
--typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--font-size-medium: var(--dimension-5x); /** 18 px */
--typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
--typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
--typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
Expand All @@ -628,12 +633,10 @@
--typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--font-size-2x-small: var(--dimension-3-5x); /** 12 px */
--typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--font-size-x-small: var(--dimension-4x); /** 14 px */
--font-size-small: var(--dimension-4-5x); /** 16 px */
--font-size-medium: var(--dimension-5x); /** 18 px */
--font-size-large: var(--dimension-6x); /** 20 px */
--font-size-x-large: var(--dimension-8x); /** 24 px */
--font-size-2x-large: var(--dimension-10x); /** 32 px */
Expand Down
7 changes: 5 additions & 2 deletions doc-site/.vitepress/theme/styles/varsom_theme.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -564,6 +564,9 @@
--spacing-content-margin-top: var(--spacing-40x);
--spacing-content-margin-bottom: var(--spacing-88x);
--spacing-content-margin-left-right: var(--spacing-48x);
--spacing-fixed-spacing-small: var(--dimension-4x);
--spacing-fixed-spacing-medium: var(--dimension-6x);
--spacing-fixed-spacing-large: var(--dimension-10x);
--sizing-4x-small: var(--dimension-2x);
--sizing-3x-small: var(--dimension-4x);
--sizing-2x-small: var(--dimension-6x);
Expand Down Expand Up @@ -609,8 +612,10 @@
--typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--font-size-2x-small: var(--dimension-3-5x); /** 12 px */
--typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--font-size-medium: var(--dimension-5x); /** 18 px */
--typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
--typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
--typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
Expand All @@ -628,12 +633,10 @@
--typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--font-size-2x-small: var(--dimension-3-5x); /** 12 px */
--typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--font-size-x-small: var(--dimension-4x); /** 14 px */
--font-size-small: var(--dimension-4-5x); /** 16 px */
--font-size-medium: var(--dimension-5x); /** 18 px */
--font-size-large: var(--dimension-6x); /** 20 px */
--font-size-x-large: var(--dimension-8x); /** 24 px */
--font-size-2x-large: var(--dimension-10x); /** 32 px */
Expand Down
7 changes: 5 additions & 2 deletions public/css/nve.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -570,6 +570,9 @@
--spacing-content-margin-top: var(--spacing-40x);
--spacing-content-margin-bottom: var(--spacing-88x);
--spacing-content-margin-left-right: var(--spacing-48x);
--spacing-fixed-spacing-small: var(--dimension-4x);
--spacing-fixed-spacing-medium: var(--dimension-6x);
--spacing-fixed-spacing-large: var(--dimension-10x);
--sizing-4x-small: var(--dimension-2x);
--sizing-3x-small: var(--dimension-4x);
--sizing-2x-small: var(--dimension-6x);
Expand Down Expand Up @@ -615,8 +618,10 @@
--typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--font-size-2x-small: var(--dimension-3-5x); /** 12 px */
--typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--font-size-medium: var(--dimension-5x); /** 18 px */
--typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
--typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
--typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
Expand All @@ -634,12 +639,10 @@
--typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--font-size-2x-small: var(--dimension-3-5x); /** 12 px */
--typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--font-size-x-small: var(--dimension-4x); /** 14 px */
--font-size-small: var(--dimension-4-5x); /** 16 px */
--font-size-medium: var(--dimension-5x); /** 18 px */
--font-size-large: var(--dimension-6x); /** 20 px */
--font-size-x-large: var(--dimension-8x); /** 24 px */
--font-size-2x-large: var(--dimension-10x); /** 32 px */
Expand Down
7 changes: 5 additions & 2 deletions public/css/rme.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -570,6 +570,9 @@
--spacing-content-margin-top: var(--spacing-40x);
--spacing-content-margin-bottom: var(--spacing-88x);
--spacing-content-margin-left-right: var(--spacing-48x);
--spacing-fixed-spacing-small: var(--dimension-4x);
--spacing-fixed-spacing-medium: var(--dimension-6x);
--spacing-fixed-spacing-large: var(--dimension-10x);
--sizing-4x-small: var(--dimension-2x);
--sizing-3x-small: var(--dimension-4x);
--sizing-2x-small: var(--dimension-6x);
Expand Down Expand Up @@ -615,8 +618,10 @@
--typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--font-size-2x-small: var(--dimension-3-5x); /** 12 px */
--typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--font-size-medium: var(--dimension-5x); /** 18 px */
--typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
--typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
--typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
Expand All @@ -634,12 +639,10 @@
--typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--font-size-2x-small: var(--dimension-3-5x); /** 12 px */
--typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--font-size-x-small: var(--dimension-4x); /** 14 px */
--font-size-small: var(--dimension-4-5x); /** 16 px */
--font-size-medium: var(--dimension-5x); /** 18 px */
--font-size-large: var(--dimension-6x); /** 20 px */
--font-size-x-large: var(--dimension-8x); /** 24 px */
--font-size-2x-large: var(--dimension-10x); /** 32 px */
Expand Down
7 changes: 5 additions & 2 deletions public/css/varsom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -570,6 +570,9 @@
--spacing-content-margin-top: var(--spacing-40x);
--spacing-content-margin-bottom: var(--spacing-88x);
--spacing-content-margin-left-right: var(--spacing-48x);
--spacing-fixed-spacing-small: var(--dimension-4x);
--spacing-fixed-spacing-medium: var(--dimension-6x);
--spacing-fixed-spacing-large: var(--dimension-10x);
--sizing-4x-small: var(--dimension-2x);
--sizing-3x-small: var(--dimension-4x);
--sizing-2x-small: var(--dimension-6x);
Expand Down Expand Up @@ -615,8 +618,10 @@
--typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--font-size-2x-small: var(--dimension-3-5x); /** 12 px */
--typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro);
--font-size-medium: var(--dimension-5x); /** 18 px */
--typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
--typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro);
--typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro);
Expand All @@ -634,12 +639,10 @@
--typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--font-size-2x-small: var(--dimension-3-5x); /** 12 px */
--typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro);
--font-size-x-small: var(--dimension-4x); /** 14 px */
--font-size-small: var(--dimension-4-5x); /** 16 px */
--font-size-medium: var(--dimension-5x); /** 18 px */
--font-size-large: var(--dimension-6x); /** 20 px */
--font-size-x-large: var(--dimension-8x); /** 24 px */
--font-size-2x-large: var(--dimension-10x); /** 32 px */
Expand Down
Loading