diff options
| -rw-r--r-- | public/css/variables/index.css | 3 | ||||
| -rw-r--r-- | public/css/variables/layout.css | 7 | ||||
| -rw-r--r-- | public/main.css | 6 |
3 files changed, 9 insertions, 7 deletions
diff --git a/public/css/variables/index.css b/public/css/variables/index.css index 4494c47..a5c1a29 100644 --- a/public/css/variables/index.css +++ b/public/css/variables/index.css @@ -1,3 +1,4 @@ @import 'colours.css'; @import 'spacing.css'; -@import 'typography.css';
\ No newline at end of file +@import 'typography.css'; +@import 'layout.css';
\ No newline at end of file diff --git a/public/css/variables/layout.css b/public/css/variables/layout.css new file mode 100644 index 0000000..904f5dc --- /dev/null +++ b/public/css/variables/layout.css @@ -0,0 +1,7 @@ +:root { + --max-width-prose-content: 35rem; + --max-width-all-content: 56.6rem; /* golden ratio * prose content width */ + + --breakpoint-sm: 640px; + --breakpoint-lg: 1280px; +}
\ No newline at end of file diff --git a/public/main.css b/public/main.css index b6daf68..9a66b34 100644 --- a/public/main.css +++ b/public/main.css @@ -2,12 +2,6 @@ @import 'css/btn.css'; :root { - --max-width-prose-content: 35rem; - --max-width-all-content: 56.6rem; /* golden ratio * prose content width */ - - --breakpoint-sm: 640px; - --breakpoint-lg: 1280px; - scroll-behavior: smooth; font-family: var(--font-sans-serif); font-size: var(--font-size-1); |