Šablona:Návody/styles.css: Porovnání verzí
Z Mineland.eu | Wiki
Skočit na navigaciSkočit na vyhledávání
imported>SpeLe0log (založena nová stránka s textem „→A) MALÁ OBRAZOVKA: @media only screen and (max-width: 768px) { .desktop-only { →DESKTOP or MOBILE VERSION: display: none; } } →B) STŘEDNÍ OBRAZOVKA: @media only screen and (min-width: 768px) { .mobile-only { →DESKTOP or MOBILE VERSION: display: none; } } →C) VELKÁ OBRAZOVKA: @media only screen and (min-width: 1200px) { .mobile-o…“) |
imported>SpeLe0log mBez shrnutí editace |
||
(Není zobrazeno 10 mezilehlých verzí od stejného uživatele.) | |||
Řádek 1: | Řádek 1: | ||
/* A) MALÁ OBRAZOVKA */ |
/* A) MALÁ OBRAZOVKA */ |
||
@media only screen and (max-width: 768px) { |
@media only screen and (max-width: 768px) { /* DESKTOP or MOBILE VERSION */ |
||
.navody-notification { |
|||
.desktop-only { /* DESKTOP or MOBILE VERSION */ |
|||
width: 100%; |
|||
text-align: center; |
|||
⚫ | |||
} |
} |
||
.navody-menu-main { |
|||
} |
|||
display: flex; |
|||
/* B) STŘEDNÍ OBRAZOVKA */ |
|||
flex-direction: column; |
|||
@media only screen and (min-width: 768px) { |
|||
gap: 1rem 0; |
|||
.mobile-only { /* DESKTOP or MOBILE VERSION */ |
|||
} |
|||
⚫ | |||
.navody-menu-item { |
|||
flex: 1; |
|||
margin: 0; |
|||
} |
} |
||
} |
} |
||
/* |
/* B) VELKÁ OBRAZOVKA */ |
||
@media only screen and (min-width: |
@media only screen and (min-width: 769px) { /* DESKTOP or MOBILE VERSION */ |
||
.navody-notification { |
|||
.mobile-only { /* DESKTOP or MOBILE VERSION */ |
|||
width: 50%; |
|||
text-align: center; |
|||
margin: 2rem auto; |
|||
} |
|||
.navody-menu-main { |
|||
display: flex; |
|||
flex-direction: row; |
|||
gap: 0 2rem; |
|||
} |
|||
.navody-menu-item { |
|||
flex: 1; |
|||
margin: 0 0 1rem 0; |
|||
} |
} |
||
} |
} |
Aktuální verze z 16. 12. 2022, 14:14
/* A) MALÁ OBRAZOVKA */
@media only screen and (max-width: 768px) { /* DESKTOP or MOBILE VERSION */
.navody-notification {
width: 100%;
text-align: center;
margin: 1rem 0;
}
.navody-menu-main {
display: flex;
flex-direction: column;
gap: 1rem 0;
}
.navody-menu-item {
flex: 1;
margin: 0;
}
}
/* B) VELKÁ OBRAZOVKA */
@media only screen and (min-width: 769px) { /* DESKTOP or MOBILE VERSION */
.navody-notification {
width: 50%;
text-align: center;
margin: 2rem auto;
}
.navody-menu-main {
display: flex;
flex-direction: row;
gap: 0 2rem;
}
.navody-menu-item {
flex: 1;
margin: 0 0 1rem 0;
}
}