From f6fc77495b6294521ceeaaee00e43cbc3b9da891 Mon Sep 17 00:00:00 2001 From: "Alexander \"Arav\" Andreev" Date: Wed, 19 Oct 2022 21:19:03 +0400 Subject: [PATCH] Made use of :is() to reduce code. Changed align of service status indicators. --- homepage/static/assets/css/main.css | 16 ++++++---------- 1 file changed, 6 insertions(+), 10 deletions(-) diff --git a/homepage/static/assets/css/main.css b/homepage/static/assets/css/main.css index 0c0ede7..cde1fd6 100644 --- a/homepage/static/assets/css/main.css +++ b/homepage/static/assets/css/main.css @@ -32,8 +32,7 @@ button { text-decoration: none; word-wrap: break-word; } -a:hover, -button:hover { +:is(a, button):hover { color: var(--secondary-color); text-decoration: underline dotted; cursor: pointer; @@ -78,11 +77,10 @@ h3.service-up::after { content: '●'; } h3.service-down::after { content: '○'; } -h3.service-up::after, -h3.service-down::after { - font-size: .7rem; +h3:is(.service-up, .service-down)::after { + font-size: 1rem; margin-right: -.9rem; - vertical-align: super; + vertical-align: text-top; padding-left: .2rem; } small, @@ -100,13 +98,11 @@ table { border-collapse: collapse; margin-bottom: .5rem; } -tr th, -tr td { +tr :is(th, td) { text-align: left; vertical-align: top; } -tr td:not(:last-child), -tr th:not(:last-child) { padding-right: .5rem; } +tr :is(th, td):not(:last-child) { padding-right: .5rem; } #banners figure img { width: auto; }