blog

commit

7479a299c56a7629b5042471e74b7cff9371373f

parent

b286504486972df5f34bf66ac7f26e1ff7ae59c3

Author

Tobias Bengfort <tobias.bengfort@posteo.de>

Date

2024-04-10 05:51

css: adapt to mfbs 6.0

Diffstat

1 files changed, 6 insertions, 22 deletions

diff --git a/style/style.scss b/style/style.scss

@@ -1,33 +1,21 @@
    1    -1 $color-fg: var(--color-fg);
    2    -1 $color-bg: var(--color-bg);
    3    -1 $color-bg-tint: var(--color-bg-tint);
    4    -1 $color-border: var(--color-border);
    5    -1 $color-link: var(--color-link);
    6    -1 $color-link-focus: var(--color-link-focus);
    7    -1 
    8    -1 @import "../node_modules/mfbs/sass/variables";
    9    -1 @import "../node_modules/mfbs/sass/base";
   10    -1 @import "../node_modules/mfbs/sass/layout";
   11    -1 @import "../node_modules/mfbs/sass/fontsize";
   -1     1 @import "../node_modules/mfbs/css/base";
   -1     2 @import "../node_modules/mfbs/css/layout";
   -1     3 @import "../node_modules/mfbs/css/fontsize";
   12     4 
   13     5 :root {
   14     6 	--color-fg: #222;
   15    -1 	--color-bg: #fff;
   16    -1 	--color-bg-tint: #f6f6f6;
   17    -1 	--color-border: silver;
   18     7 	--color-link: #222;
   19    -1 	--color-link-visited: #666;
   20     8 	--color-link-focus: #03f;
   21     9 }
   22    10 
   23    11 @media (prefers-color-scheme: dark) {
   24    12 	:root {
   -1    13 		color-scheme: dark;
   25    14 		--color-fg: #fff;
   26    15 		--color-bg: #222;
   27    16 		--color-bg-tint: #333;
   28    17 		--color-border: #555;
   29    18 		--color-link: #fff;
   30    -1 		--color-link-visited: #ccc;
   31    19 		--color-link-focus: #38f;
   32    20 	}
   33    21 }
@@ -41,17 +29,13 @@ h1, h2, h3, h4, h5, h6, legend {
   41    29 	font-weight: normal;
   42    30 }
   43    31 
   44    -1 img {
   45    -1 	block-size: auto;
   46    -1 }
   47    -1 
   48    32 pre {
   49    33 	border-radius: 0.2em;
   50    34 }
   51    35 
   52    36 .figure {
   53    -1 	margin-block: 0 $spacer;
   54    -1 	margin-inline: $spacer;
   -1    37 	margin-block: 0 var(--spacer);
   -1    38 	margin-inline: var(--spacer);
   55    39 	text-align: center;
   56    40 }
   57    41