navigation style cleanup
This commit is contained in:
1 parent
71738eab2a
commit
2511f431c4
1 file changed
+4
-30
@@ -1,36 +1,10 @@
|
|||||||
.navigation {
|
.navigation {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
&__body {
|
.navigation__body {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.navigation__right {
|
|
||||||
color: var(--dark-color);
|
|
||||||
font-size: var(--normal-font-size);
|
|
||||||
margin-right: 1em;
|
|
||||||
|
|
||||||
z-index: 1000;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: var(--mobile-width)) {
|
|
||||||
.navigation {
|
|
||||||
background-color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navigation__right {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: var(--tablet-min-width)) and (max-width: var(--tablet-max-width)) {
|
|
||||||
@media screen and (orientation: portrait) {
|
|
||||||
.navigation__right {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
Reference in new issue
Block a user