resp-fix for breadcrumbs

This commit is contained in:
Felix Hamann 2018-07-01 23:12:15 +02:00
parent ecdf194f74
commit 8af29bea9d
2 changed files with 12 additions and 4 deletions

View File

@ -17,7 +17,7 @@
/* DIMENSIONS */ /* DIMENSIONS */
--header-height: 100px; --header-height: 100px;
--header-height-collapsed: 50px; --header-height-collapsed: 60px;
} }
* { * {
@ -124,7 +124,7 @@ h1, h2, h3, h4, h5 {
} }
h1 { h1 {
font-size: 32px; font-size: 32px;
margin: 20px 0 10px; margin-bottom: 10px;
} }
h2 { h2 {
font-size: 24px; font-size: 24px;
@ -210,14 +210,14 @@ h4 {
@media (max-width: 768px) { @media (max-width: 768px) {
.main__content-body { .main__content-body {
padding: 10px 20px 60px; padding: 0 20px 60px;
} }
} }
@media (max-width: 425px) { @media (max-width: 425px) {
.main__content-body { .main__content-body {
padding: 10px; padding: 0 10px 60px;
} }
} }

View File

@ -3,6 +3,7 @@
color: var(--color-font); color: var(--color-font);
margin-left: 40px; margin-left: 40px;
margin-top: 25px; margin-top: 25px;
margin-bottom: 10px;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
@ -12,6 +13,13 @@
} }
} }
@media (max-width: 425px) {
.breadcrumbs__container {
margin-left: 10px;
}
}
.breadcrumbs__link { .breadcrumbs__link {
&:hover { &:hover {