mfbs

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

commit
4aa29c5720faefd98b54c192b9def26d0c77c45e
parent
567da361971d143238472cea0c98929636a11d5c
Author
Tobias Bengfort <tobias.bengfort@posteo.de>
Date
2023-02-26 09:08
use flow-relative attributes

Diffstat

M sass/base.scss 23 ++++++++++-------------
M sass/form.scss 3 ++-
M sass/layout.scss 8 +++++---

3 files changed, 17 insertions, 17 deletions


diff --git a/sass/base.scss b/sass/base.scss

@@ -10,12 +10,11 @@
   10    10 
   11    11 img,
   12    12 video {
   13    -1     max-width: 100%;
   -1    13     max-inline-size: 100%;
   14    14 }
   15    15 
   16    16 p, address, blockquote, pre, table, dl, ul, ol, figure, fieldset {
   17    -1     margin-top: 0;
   18    -1     margin-bottom: $spacer;
   -1    17     margin-block: 0 $spacer;
   19    18 }
   20    19 
   21    20 html {
@@ -30,11 +29,10 @@ html {
   30    29 
   31    30 h1, h2, h3, h4, h5, h6 {
   32    31     line-height: 1.2;
   33    -1     margin-bottom: 0.8rem;
   34    -1     margin-top: 0;
   -1    32     margin-block: 0 0.8rem;
   35    33 
   36    34     * + & {
   37    -1         margin-top: 1.5 * $spacer;
   -1    35         margin-block-start: 1.5 * $spacer;
   38    36     }
   39    37 }
   40    38 
@@ -50,8 +48,8 @@ h1, h2, h3, h4, h5, h6 {
   50    48 
   51    49 hr {
   52    50     border: 0;
   53    -1     border-bottom: 1px solid $color-border;
   54    -1     margin: $spacer 0;
   -1    51     border-block-end: 1px solid $color-border;
   -1    52     margin-block: $spacer;
   55    53 }
   56    54 
   57    55 pre, code {
@@ -60,7 +58,7 @@ pre, code {
   60    58     background-color: $color-bg-tint;
   61    59 }
   62    60 code {
   63    -1     padding: 0 0.25em;
   -1    61     padding-inline: 0.25em;
   64    62 }
   65    63 pre {
   66    64     padding: $padding;
@@ -75,19 +73,18 @@ pre {
   75    73 }
   76    74 
   77    75 ol, ul {
   78    -1     padding-left: $indentation;
   -1    76     padding-inline-start: $indentation;
   79    77 }
   80    78 dt {
   81    79     font-weight: bold;
   82    80 }
   83    81 dd {
   84    -1     margin-left: $indentation;
   -1    82     margin-inline-start: $indentation;
   85    83 }
   86    84 
   87    85 blockquote {
   88    86     font-style: italic;
   89    -1     margin-left: $indentation;
   90    -1     margin-right: 0;
   -1    87     margin-inline: $indentation 0;
   91    88 }
   92    89 
   93    90 table {

diff --git a/sass/form.scss b/sass/form.scss

@@ -4,7 +4,8 @@ label {
    4     4 
    5     5 %inputBase {
    6     6     border: 1px solid $color-border;
    7    -1     padding: 0.3em 0.75em;
   -1     7     padding-block: 0.3em;
   -1     8     padding-inline: 0.75em;
    8     9     font-family: inherit;
    9    10     font-size: inherit;
   10    11     line-height: 1.8;

diff --git a/sass/layout.scss b/sass/layout.scss

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