+16 -8 +/-1 browse
| 1 | diff --git a/web/src/templates/css.html b/web/src/templates/css.html |
| 2 | index 203cb5f..af92ddc 100644 |
| 3 | --- a/web/src/templates/css.html |
| 4 | +++ b/web/src/templates/css.html |
| 5 | @@ -1016,8 +1016,24 @@ |
| 6 | } |
| 7 | |
| 8 | .tag { |
| 9 | + --aa-brightness: ((var(--red) * 299) + (var(--green) * 587) + (var(--blue) * 114)) / 1000; |
| 10 | + --aa-color: calc((var(--aa-brightness) - 128) * -1000); |
| 11 | + |
| 12 | --padding-top-bottom: 0.2rem; |
| 13 | --padding-left-right: .5rem; |
| 14 | + --padding-top-bottom: 0.5rem; |
| 15 | + --height: calc(1.5cap + var(--padding-top-bottom)); |
| 16 | + /* fallback */ |
| 17 | + max-height: 1rem; |
| 18 | + max-height: var(--height); |
| 19 | + min-height: 1.45rem; |
| 20 | + /* fallback */ |
| 21 | + line-height: 1.3; |
| 22 | + line-height: calc(var(--height) / 2); |
| 23 | + min-width: max-content; |
| 24 | + /* fallback */ |
| 25 | + min-height: 1rem; |
| 26 | + min-height: var(--height); |
| 27 | |
| 28 | display: inline-block; |
| 29 | border: 1px solid var(--tag-border-color); |
| 30 | @@ -1026,16 +1042,8 @@ |
| 31 | font-size: 1.05rem; |
| 32 | padding: calc(var(--padding-top-bottom) / 2) var(--padding-left-right) var(--padding-top-bottom) var(--padding-left-right); |
| 33 | text-decoration: none; |
| 34 | - --aa-brightness: ((var(--red) * 299) + (var(--green) * 587) + (var(--blue) * 114)) / 1000; |
| 35 | - --aa-color: calc((var(--aa-brightness) - 128) * -1000); |
| 36 | background: rgb(var(--red), var(--green), var(--blue)); |
| 37 | color: rgb(var(--aa-color), var(--aa-color), var(--aa-color)); |
| 38 | - min-width: max-content; |
| 39 | - /* fallback */ |
| 40 | - max-height: 1rem; |
| 41 | - min-height: 1rem; |
| 42 | - max-height: calc(1.5cap + var(--padding-top-bottom)); |
| 43 | - min-height: calc(1.5cap + var(--padding-top-bottom)); |
| 44 | } |
| 45 | |
| 46 | span.tag-name a { |