mirror of
https://github.com/cheeaun/phanpy.git
synced 2025-02-25 09:18:51 +01:00
Pushing my CSS skills to the limit
This commit is contained in:
parent
77312f3fb2
commit
ab29c8c89e
1 changed files with 12 additions and 7 deletions
19
src/app.css
19
src/app.css
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue