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