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,13 +2084,18 @@ ul.link-list li a .icon {
#columns .header-grid input { #columns .header-grid input {
pointer-events: none; pointer-events: none;
} }
#columns #columns {
.header-grid /* Any buttons except nav menu button on first header-side, on 1st column */
.header-side:first-of-type .deck-container:first-of-type
:is(button, .button) .header-grid
~ :is(button, .button), .header-side:first-of-type
#columns .deck-container:not(:first-of-type) .header-grid .header-side > * { > *:not(.nav-menu-button),
display: none; /* Any buttons on last header-side, on 1st column */
.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;
}
} }
@media (min-width: 40em) { @media (min-width: 40em) {
#columns { #columns {