55 lines
1.0 KiB
CSS
Executable File
55 lines
1.0 KiB
CSS
Executable File
@charset "UTF-8";
|
|
|
|
header>nav#menu {
|
|
container-type: inline-size;
|
|
container-name: menu;
|
|
margin-bottom: 1rem;
|
|
width: var(--width);
|
|
min-height: 3rem;
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
gap: 1rem;
|
|
border-radius: 1.375rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
header>nav#menu>a[type="button"] {
|
|
height: 3rem;
|
|
padding: unset;
|
|
border-radius: 1.375rem;
|
|
color: var(--tg-theme-button-text-color);
|
|
background-color: var(--tg-theme-button-color);
|
|
}
|
|
|
|
header>nav#menu>a[type=button]>:first-child {
|
|
margin-left: 1rem;
|
|
}
|
|
|
|
header>nav#menu>a[type="button"]>* {
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
@container header (max-width: 450px) {
|
|
header>nav#menu>a[type="button"]:nth-child(1)>i.icon+span {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@container header (max-width: 350px) {
|
|
header>nav#menu>a[type="button"]:nth-child(2)>i.icon+span {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@container header (max-width: 250px) {
|
|
header>nav#menu>a[type="button"]:nth-child(3)>i.icon+span {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@container header (max-width: 150px) {
|
|
header>nav#menu>a[type="button"]>i.icon+span {
|
|
display: none;
|
|
}
|
|
}
|