this repo has no description
Pushing my CSS skills to the limit
+12
-7
+12
-7
src/app.css
+12
-7
src/app.css
···
2084
2084
#columns .header-grid input {
2085
2085
pointer-events: none;
2086
2086
}
2087
-
#columns
2088
-
.header-grid
2089
-
.header-side:first-of-type
2090
-
:is(button, .button)
2091
-
~ :is(button, .button),
2092
-
#columns .deck-container:not(:first-of-type) .header-grid .header-side > * {
2093
-
display: none;
2087
+
#columns {
2088
+
/* Any buttons except nav menu button on first header-side, on 1st column */
2089
+
.deck-container:first-of-type
2090
+
.header-grid
2091
+
.header-side:first-of-type
2092
+
> *:not(.nav-menu-button),
2093
+
/* Any buttons on last header-side, on 1st column */
2094
+
.deck-container:first-of-type .header-grid .header-side:last-of-type > *,
2095
+
/* Any buttons on any header-side, on columns after 1st */
2096
+
.deck-container:not(:first-of-type) .header-grid .header-side > * {
2097
+
display: none;
2098
+
}
2094
2099
}
2095
2100
@media (min-width: 40em) {
2096
2101
#columns {