adaptive css

This commit is contained in:
Oleg Belyaev 2025-03-22 12:15:04 +03:00
parent 974f6076eb
commit 8387eeb13f

View file

@ -49,33 +49,38 @@ body > header {
@media (min-width:576px) {
body>footer>nav,
body>header>nav {
max-width:510px;
padding-right:0;
padding-left:0
body>header>nav,
body>main {
max-width:95%;
/*padding-right:0;
padding-left:0*/
}
}
@media (min-width:768px) {
body>footer>nav,
body>header>nav {
max-width:700px
body>header>nav,
body>main {
max-width:95%
}
}
@media (min-width:1024px) {
body>footer>nav,
body>header>nav {
body>header>nav,
body>main {
max-width:950px
}
}
@media (min-width:1280px) {
body>footer>nav,
body>header>nav {
body>header>nav,
body>main {
max-width:1200px
}
}
@media (min-width:1536px) {
body>footer>nav,
body>header>nav {
body>header>nav,
body>main {
max-width:1450px
}
}
@ -86,14 +91,16 @@ body>footer>nav {
--pico-primary: #8D0B02 !important;
--pico-primary-hover: #cd5c5c !important;
}
body>header>nav {
border-bottom-width: thin;
border-bottom-style: solid;
}
body>footer>nav {
border-top-width: thin;
border-top-style: solid;
}
nav ul, nav ol {}
nav ul.abv-brand {
border-bottom-width: thin;
border-bottom-style: solid;
}
nav li {}
nav a {}