stagit

commit

612b761007538c95b24843ade2df7018882d9046

parent

d87f610d21b1c65b2decb456984affd0acb6b3cb

Author

Tobias Bengfort <tobias.bengfort@posteo.de>

Date

2023-08-07 19:31

css: custom properties

Diffstat

1 files changed, 25 insertions, 15 deletions

diff --git a/data/style.css b/data/style.css

@@ -1,3 +1,13 @@
   -1     1 :root {
   -1     2 	--bg-tint: #eee;
   -1     3 	--fg-tint: #777;
   -1     4 	--bg-ins: #cfd;
   -1     5 	--fg-ins: #2b4;
   -1     6 	--bg-del: #fde;
   -1     7 	--fg-del: #c23;
   -1     8 	--bg-highlight: #ff9;
   -1     9 }
   -1    10 
    1    11 body {
    2    12 	font-family: monospace;
    3    13 	line-height: 1.4;
@@ -25,7 +35,7 @@ td, th {
   25    35 	white-space: nowrap;
   26    36 }
   27    37 tr:hover td {
   28    -1 	background-color: #eee;
   -1    38 	background-color: var(--bg-tint);
   29    39 }
   30    40 td.text {
   31    41 	white-space: normal;
@@ -37,18 +47,18 @@ th.num {
   37    47 
   38    48 ins {
   39    49 	text-decoration: none;
   40    -1 	background-color: #cfd;
   -1    50 	background-color: var(--bg-ins);
   41    51 }
   42    52 del {
   43    53 	text-decoration: none;
   44    -1 	background-color: #fde;
   -1    54 	background-color: var(--bg-del);
   45    55 }
   46    56 
   47    57 .i {
   48    -1 	color: #2b4;
   -1    58 	color: var(--fg-ins);
   49    59 }
   50    60 .d {
   51    -1 	color: #c23;
   -1    61 	color: var(--fg-del);
   52    62 }
   53    63 
   54    64 dl {
@@ -69,7 +79,7 @@ a:target,
   69    79 span:target,
   70    80 ins:target,
   71    81 del:target {
   72    -1 	background-color: #ff9;
   -1    82 	background-color: var(--bg-highlight);
   73    83 }
   74    84 
   75    85 header {
@@ -82,7 +92,7 @@ header img {
   82    92 }
   83    93 
   84    94 .cloneurl {
   85    -1 	color: #777;
   -1    95 	color: var(--fg-tint);
   86    96 }
   87    97 
   88    98 nav {
@@ -98,12 +108,12 @@ nav {
   98   108 	padding: 1ch;
   99   109 	overflow-x: auto;
  100   110 	font-family: inherit;
  101    -1 	background-color: #eee;
   -1   111 	background-color: var(--bg-tint);
  102   112 }
  103   113 
  104   114 #readme code {
  105   115 	padding-inline: 1ch;
  106    -1 	background-color: #eee;
   -1   116 	background-color: var(--bg-tint);
  107   117 }
  108   118 
  109   119 #readme pre code {
@@ -112,26 +122,26 @@ nav {
  112   122 }
  113   123 
  114   124 #readme blockquote {
  115    -1 	color: #777;
   -1   125 	color: var(--fg-tint);
  116   126 	padding-inline: 1ch;
  117    -1 	border-inline-start: 1ch solid #eee;
   -1   127 	border-inline-start: 1ch solid var(--bg-tint);
  118   128 }
  119   129 
  120   130 .diff {
  121   131 	display: grid;
  122    -1 	border: 1px solid #eee;
   -1   132 	border: 1px solid var(--bg-tint);
  123   133 	overflow-x: auto;
  124   134 }
  125   135 
  126   136 .h {
  127   137 	padding: 0.2em;
  128    -1 	border-inline-start: 11ch solid #def;
   -1   138 	border-inline-start: 11ch solid var(--bg-tint);
  129   139 	padding-inline-start: 1ch;
  130    -1 	background-color: #eff;
   -1   140 	background-color: var(--bg-tint);
  131   141 }
  132   142 
  133   143 .line a {
  134    -1 	color: #777;
   -1   144 	color: var(--fg-tint);
  135   145 	text-decoration: none;
  136   146 }
  137   147 .line a:hover,