adaptive css
This commit is contained in:
parent
974f6076eb
commit
8387eeb13f
1 changed files with 18 additions and 11 deletions
|
@ -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 {}
|
||||
|
|
Loading…
Add table
Reference in a new issue