mfbs

CSS microframework
git clone https://git.ce9e.org/mfbs.git

commit
fb000efae286ebe908a5d6379c656de856820f65
parent
705bd3a5fc3aaf6b69c6fb1ad23bb721f7c86225
Author
Tobias Bengfort <tobias.bengfort@posteo.de>
Date
2024-04-10 05:55
inline variables that are only used once

Diffstat

M css/base.css 1 -
M css/fontsize.css 7 +------
M css/layout.css 2 +-
M examples/styleguide.css 5 ++++-

4 files changed, 6 insertions, 9 deletions


diff --git a/css/base.css b/css/base.css

@@ -9,7 +9,6 @@
    9     9     --padding: 0.5em;
   10    10     --spacer: 1em;
   11    11     --indentation: 1.5rem;
   12    -1     --width: 37em;
   13    12 }
   14    13 
   15    14 *,

diff --git a/css/fontsize.css b/css/fontsize.css

@@ -1,8 +1,3 @@
    1    -1 :root {
    2    -1     --font-size-min: 0.9em;
    3    -1     --font-size-max: 1.2em;
    4    -1 }
    5    -1 
    6     1 html {
    7    -1     font-size: clamp(var(--font-size-min), 2.5vi, var(--font-size-max));
   -1     2     font-size: clamp(0.9em, 2.5vi, 1.2em);
    8     3 }

diff --git a/css/layout.css b/css/layout.css

@@ -1,7 +1,7 @@
    1     1 body {
    2     2     margin-block: 2em;
    3     3     margin-inline: auto;
    4    -1     max-inline-size: var(--width);
   -1     4     max-inline-size: 37em;
    5     5     padding-block: 0;
    6     6     padding-inline: var(--padding);
    7     7 }

diff --git a/examples/styleguide.css b/examples/styleguide.css

@@ -1,10 +1,13 @@
    1     1 :root {
    2     2     scroll-behavior: smooth;
    3     3     scroll-padding-block: var(--spacer);
    4    -1     --width: 60em;
    5     4     --padding: 1em;
    6     5 }
    7     6 
   -1     7 body {
   -1     8     max-inline-size: 60em;
   -1     9 }
   -1    10 
    8    11 .page-nav ul {
    9    12     list-style: none;
   10    13     text-align: end;