This commit is contained in:
parent
71c5b98197
commit
8142c4b58c
|
@ -6,7 +6,8 @@
|
|||
-webkit-tap-highlight-color: transparent; // fuck you (L)
|
||||
}
|
||||
|
||||
html, body {
|
||||
html,
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
|
@ -51,7 +52,8 @@ main {
|
|||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
ul,
|
||||
ol {
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
|
@ -146,6 +148,7 @@ img {
|
|||
object-fit: cover;
|
||||
|
||||
mask-image: linear-gradient(to right, transparent, rgba(red, 0.3));
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
mask-image: linear-gradient(to right, transparent, rgba(red, 0.1));
|
||||
}
|
||||
|
@ -249,6 +252,7 @@ a {
|
|||
@media (min-width: 601px) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
z-index: 10;
|
||||
|
||||
position: fixed;
|
||||
|
@ -306,6 +310,7 @@ a {
|
|||
|
||||
backdrop-filter: blur(15px);
|
||||
background: rgba(light.$navBG, 0.86);
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
background: rgba(dark.$navBG, 0.9);
|
||||
}
|
||||
|
@ -314,7 +319,8 @@ a {
|
|||
flex-direction: column;
|
||||
gap: 64px;
|
||||
|
||||
&, > * {
|
||||
&,
|
||||
>* {
|
||||
transition: 0.16s
|
||||
}
|
||||
|
||||
|
@ -350,6 +356,7 @@ a {
|
|||
font-size: 16px;
|
||||
box-sizing: border-box;
|
||||
color: light.$navLinkNormalColor;
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
color: dark.$navLinkNormalColor;
|
||||
}
|
||||
|
@ -380,7 +387,8 @@ a {
|
|||
pointer-events: none;
|
||||
}
|
||||
|
||||
&:hover, &.active {
|
||||
&:hover,
|
||||
&.active {
|
||||
//background: rgba(15, 23, 42, 0.1);
|
||||
color: light.$navLinkActiveColor;
|
||||
outline-color: light.$navLinkOutlineColor;
|
||||
|
@ -416,19 +424,24 @@ a {
|
|||
//
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.nationLayout {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 601px) {
|
||||
.nationLayout {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
|
||||
.nationFlag {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.nationCoreInfo {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
|
|
Loading…
Reference in a new issue