Simplify some style nesting and remove leftover styles
This commit is contained in:
@ -27,8 +27,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.colored {
|
&.colored {
|
||||||
-webkit-backdrop-filter: unset;
|
|
||||||
backdrop-filter: unset;
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
color: var(--primary-color);
|
color: var(--primary-color);
|
||||||
|
@ -11,14 +11,12 @@ html {
|
|||||||
accent-color: var(--primary-color);
|
accent-color: var(--primary-color);
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
overflow: hidden; // Disable scroll of html, scroll body instead
|
overflow: hidden; // Disable scroll of html, scroll body instead
|
||||||
}
|
|
||||||
|
|
||||||
// Smaller font size on mobile
|
// Smaller font size on mobile
|
||||||
// @media only screen and (max-width: 480px) {
|
// @media only screen and (max-width: 480px) {
|
||||||
// html {
|
// font-size: 14px;
|
||||||
// font-size: 14px;
|
// }
|
||||||
// }
|
}
|
||||||
// }
|
|
||||||
|
|
||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
@ -177,12 +175,10 @@ aside {
|
|||||||
width: 30%;
|
width: 30%;
|
||||||
|
|
||||||
@media only screen and (max-width: 720px) {
|
@media only screen and (max-width: 720px) {
|
||||||
& {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
float: none;
|
float: none;
|
||||||
margin-inline-start: 0;
|
margin-inline-start: 0;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// CODE
|
// CODE
|
||||||
|
@ -7,8 +7,6 @@
|
|||||||
width: 150px;
|
width: 150px;
|
||||||
|
|
||||||
@media only screen and (max-width: 720px) {
|
@media only screen and (max-width: 720px) {
|
||||||
& {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user