Pushing my CSS skills to the limit

This commit is contained in:
Lim Chee Aun 2023-10-29 22:06:46 +08:00
parent 77312f3fb2
commit ab29c8c89e

View file

@ -2084,14 +2084,19 @@ ul.link-list li a .icon {
#columns .header-grid input { #columns .header-grid input {
pointer-events: none; pointer-events: none;
} }
#columns #columns {
/* Any buttons except nav menu button on first header-side, on 1st column */
.deck-container:first-of-type
.header-grid .header-grid
.header-side:first-of-type .header-side:first-of-type
:is(button, .button) > *:not(.nav-menu-button),
~ :is(button, .button), /* Any buttons on last header-side, on 1st column */
#columns .deck-container:not(:first-of-type) .header-grid .header-side > * { .deck-container:first-of-type .header-grid .header-side:last-of-type > *,
/* Any buttons on any header-side, on columns after 1st */
.deck-container:not(:first-of-type) .header-grid .header-side > * {
display: none; display: none;
} }
}
@media (min-width: 40em) { @media (min-width: 40em) {
#columns { #columns {
/* gap: 16px; */ /* gap: 16px; */