diff options
Diffstat (limited to 'static/style.css')
| -rw-r--r-- | static/style.css | 43 |
1 files changed, 38 insertions, 5 deletions
diff --git a/static/style.css b/static/style.css index 5a3bca5..3f0ac91 100644 --- a/static/style.css +++ b/static/style.css @@ -2166,15 +2166,33 @@ textarea, column-gap: var(--grid-spacing-horizontal); } -.country-grid a, .lang-grid button { - text-align: left; +.lang-grid { + button { + display: flex; + align-items: center; + padding-left: 0; + + > :first-child { + font-size: 2em; + width: calc(var(--form-element-spacing-horizontal) * 2 + 2ch); + } + > :nth-child(2) { + text-align: left; + } + } } -.country-grid a::before, .lang-grid span::before { - display: inline-block; +.country-grid a { + display: flex; + align-items: center; + padding-left: 0; +} + +.country-grid a::before { content: attr(data-code); font-weight: bold; - width: 4ch; + width: 2ch; + width: calc(var(--form-element-spacing-horizontal) * 2 + 2ch); } #nav-icon-lang a { @@ -2288,4 +2306,19 @@ dl dt:not(:first-child) { .error { color: var(--del-color); +} + +/* Intended for use in constructions such as: + * <h3> + * Austrian National Bank<br> + * <span lang="de">Oesterreichische Nationalbank</span> + * </h3> + */ + +*:has(> .translation) { + line-height: 1.1; +} + +.translation { + opacity: 0.5; }
\ No newline at end of file |