Merged in feature/transpile-design-system (pull request #2621)
Feature/transpile design system * remove example, we should use storybook instead * remove example, we should use storybook instead * css-modules cannot have :root, moved affected css-variables to globals.css * . * scandic-web no longer depends on design-system#build * * Update readme * Remove test code Approved-by: Anton Gunnarsson
This commit is contained in:
@@ -8,7 +8,7 @@
|
||||
--max-width-navigation: 89.5rem;
|
||||
|
||||
--max-width-single-spacing: var(--Layout-Mobile-Margin-Margin-min);
|
||||
--max-width-spacing: calc(var(--max-width-single-spacing) * 2);
|
||||
--max-width-spacing: calc(var(--Space-x2) * 2);
|
||||
--max-width-page: min(
|
||||
calc(100dvw - var(--max-width-spacing)),
|
||||
var(--max-width-navigation)
|
||||
@@ -44,6 +44,7 @@
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@@ -92,6 +93,7 @@ ul {
|
||||
@media screen and (min-width: 768px) {
|
||||
:root {
|
||||
--max-width-single-spacing: var(--Layout-Tablet-Margin-Margin-min);
|
||||
--max-width-spacing: calc(var(--Space-x3) * 2);
|
||||
}
|
||||
|
||||
body.overflow-hidden {
|
||||
@@ -103,5 +105,6 @@ ul {
|
||||
@media screen and (min-width: 1367px) {
|
||||
:root {
|
||||
--max-width-single-spacing: var(--Layout-Desktop-Margin-Margin-min);
|
||||
--max-width-spacing: calc(var(--Space-x5) * 2);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user