diff --git a/packages/ffe-core/less/theme.less b/packages/ffe-core/less/theme.less index 99b77aed03..124aa4836b 100644 --- a/packages/ffe-core/less/theme.less +++ b/packages/ffe-core/less/theme.less @@ -75,6 +75,35 @@ --ffe-fontsize-form-dropdown: 1rem; --ffe-fontsize-button: 1rem; + /** Breakpoints */ + --breakpoint-sm: @breakpoint-sm; + --breakpoint-md: @breakpoint-md; + --breakpoint-lg: @breakpoint-lg; + --breakpoint-xl: @breakpoint-xl; + + /** Dimensions */ + --app-width: @app-width; + --app-width-min: @app-width-min; + --app-margin: @app-margin; + + /** Motion */ + --ffe-ease-in-out-back: @ffe-ease-in-out-back; + --ffe-ease: @ffe-ease; + --ffe-transition-duration: @ffe-transition-duration; + + /** Spacing */ + --ffe-spacing: @ffe-spacing; + --ffe-spacing-2xs: @ffe-spacing-2xs; + --ffe-spacing-xs: @ffe-spacing-xs; + --ffe-spacing-sm: @ffe-spacing-sm; + --ffe-spacing-md: @ffe-spacing-md; + --ffe-spacing-lg: @ffe-spacing-lg; + --ffe-spacing-xl: @ffe-spacing-xl; + --ffe-spacing-2xl: @ffe-spacing-2xl; + --ffe-spacing-3xl: @ffe-spacing-3xl; + --ffe-spacing-4xl: @ffe-spacing-4xl; + --ffe-spacing-5xl: @ffe-spacing-5xl; + @media (min-width: @breakpoint-sm) { --ffe-fontsize-lead-paragraph: 1.5rem; --ffe-fontsize-sub-lead-paragraph: 1.125rem;