forked from abaevdict/abaev-basex
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) {
|
@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 {}
|
||||||
|
|
Loading…
Add table
Reference in a new issue