Šablona:Návody/styles.css: Porovnání verzí

Skočit na navigaci Skočit na vyhledávání
Přidaný obsah Smazaný obsah
Bez shrnutí editace
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…“)
Řádek 1: Řádek 1:
/* A) MALÁ OBRAZOVKA */
.navody-notification {
⚫
@media only screen and (max-width: 768px) {
⚫
display:flex;
.desktop-only { /* DESKTOP or MOBILE VERSION */
justify-content:center;
⚫
display: none;
text-align:center;
}
margin:2rem 0rem;
white-space:pre-line
}
}
/* B) STŘEDNÍ OBRAZOVKA */

@media only screen and (min-width: 768px) {

.mobile-only { /* DESKTOP or MOBILE VERSION */
⚫
@media only screen and (max-width: 1200px) {
⚫
display: none;
.navody-menu-main {
}
⚫
display:flex;
width:100%;
flex-direction:column;
}
.navody-menu-item {
display:flex;
flex:1;
flex-direction:column;
margin:1rem 0;
}
}
}
/* C) VELKÁ OBRAZOVKA */

@media only screen and (min-width: 1200px) {
@media only screen and (min-width: 1200px) {
.mobile-only { /* DESKTOP or MOBILE VERSION */
.navody-menu-main {
display:flex;
display: none;
}
width:100%;
flex-direction:row;
}
.navody-menu-item {
display:flex;
flex:1;
flex-direction:column;
margin:1rem 0;
}
}
}
Citováno z „https://wiki.mineland.eu/wiki/Šablona:Návody/styles.css“