- commit
- 92652cab5f3feedaffa8ab3a3f196d1ff8f57ed8
- parent
- 11ba2e9c62019edbebf87d9aa2caab6d0a166a13
- Author
- Tobias Bengfort <tobias.bengfort@posteo.de>
- Date
- 2023-09-04 18:52
flow-relative css
Diffstat
| M | content/style.css | 30 | ++++++++++++++++-------------- |
1 files changed, 16 insertions, 14 deletions
diff --git a/content/style.css b/content/style.css
@@ -24,7 +24,7 @@ body {
24 24 display: grid;
25 25 grid-template-rows: min-content 1fr;
26 26 background: var(--bg-tint);
27 -1 height: 100vh;
-1 27 block-size: 100vb;
28 28 margin: 0;
29 29 padding: 0;
30 30 }
@@ -52,7 +52,7 @@ body {
52 52 .icon {
53 53 display: inline-block;
54 54 fill: currentColor;
55 -1 height: 1.5em;
-1 55 block-size: 1.5em;
56 56 vertical-align: -0.4em;
57 57 }
58 58
@@ -79,7 +79,7 @@ body {
79 79 padding: 1em;
80 80 background-color: var(--bg);
81 81 color: var(--fg);
82 -1 border-bottom: 1px solid var(--border);
-1 82 border-block-end: 1px solid var(--border);
83 83 }
84 84
85 85 .conversation__main {
@@ -95,12 +95,12 @@ body {
95 95 .dropdown {
96 96 display: none;
97 97 position: absolute;
98 -1 top: 2em;
99 -1 right: 0;
-1 98 inset-block-start: 2em;
-1 99 inset-inline-end: 0;
100 100 z-index: 1;
101 101 background-color: var(--bg);
102 102 color: var(--fg);
103 -1 min-width: 15em;
-1 103 min-inline-size: 15em;
104 104 border-radius: 0.4em;
105 105 border: 1px solid var(--border);
106 106 overflow: hidden;
@@ -113,10 +113,11 @@ body {
113 113 background: none;
114 114 color: inherit;
115 115 display: block;
116 -1 min-width: 100%;
-1 116 min-inline-size: 100%;
117 117 font-size: inherit;
118 -1 text-align: left;
119 -1 padding: 0.2em 0.3em;
-1 118 text-align: start;
-1 119 padding-block: 0.2em
-1 120 padding-inline: 0.3em;
120 121 white-space: nowrap;
121 122 cursor: pointer;
122 123 }
@@ -129,11 +130,11 @@ body {
129 130 }
130 131
131 132 .message {
132 -1 max-width: 70em;
133 -1 margin: 0 auto 2px;
-1 133 max-inline-size: 70em;
-1 134 margin-block: 0 0.5em;
-1 135 margin-inline: auto;
134 136 background-color: var(--bg);
135 137 color: var(--fg);
136 -1 margin-bottom: 0.5em;
137 138 border: 1px solid var(--border);
138 139 }
139 140 .message .message__details,
@@ -161,7 +162,8 @@ body {
161 162 }
162 163 .message__body blockquote {
163 164 margin: 0;
164 -1 padding: 0.4ex 1ex;
-1 165 padding-block: 0.4ex;
-1 166 padding-inline: 1ex;
165 167 border-inline-start: 2px solid rgb(114, 159, 207); /* Sky Blue 1 */
166 168 }
167 169 .message__body blockquote blockquote {
@@ -208,7 +210,7 @@ body {
208 210 }
209 211
210 212 .message__author {
211 -1 margin-right: 0.5em;
-1 213 margin-inline-end: 0.5em;
212 214 text-decoration: none;
213 215 }
214 216