oreolek/phanpy
1
0
Fork 0
Code Activity

Pushing my CSS skills to the limit

Browse source
This commit is contained in:
Lim Chee Aun 2023-10-29 22:06:46 +08:00
parent 77312f3fb2
commit ab29c8c89e
1 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/app.css
View file

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