Format the CSS

This commit is contained in:
2021-12-24 13:01:45 +00:00
parent 47fb1b013e
commit a9414663e0

View File

@@ -5,10 +5,24 @@ html{
webkit-text-size-adjust: none;
}
::-webkit-scrollbar-thumb {background: var(--color-text-acc); border: 5px solid var(--color-background); border-radius: 10px;}
::-webkit-scrollbar-track {background: var(--color-text-acc); border: 7px solid var(--color-background);}
::-webkit-scrollbar {width: 15px;}
::-webkit-scrollbar-corner { background: var(--color-background); }
::-webkit-scrollbar-thumb {
background: var(--color-text-acc);
border: 5px solid var(--color-background);
border-radius: 10px;
}
::-webkit-scrollbar-track {
background: var(--color-text-acc);
border: 7px solid var(--color-background);
}
::-webkit-scrollbar {
width: 15px;
}
::-webkit-scrollbar-corner {
background: var(--color-background);
}
html,
body {
@@ -92,7 +106,6 @@ a:hover{
font-size: 2.5em;
}
/* FORMS */
input {
@@ -176,7 +189,6 @@ table a{
animation-delay: .4s;
}
/* LAYOUT */
#container {
@@ -193,8 +205,6 @@ table a{
width: 60%;
}
/* SECTIONS */
#header {
@@ -276,23 +286,8 @@ table a{
line-height: 2;
}
/* MODAL */
#modal {
overflow-y: auto;
bottom: 0;
@@ -503,10 +498,8 @@ table a{
/* MEDIA QUERIES */
@media screen and (max-width: 1260px)
{
#container
{
@media screen and (max-width: 1260px) {
#container {
align-items: stretch;
display: grid;
grid-column-gap: 10px;
@@ -537,8 +530,7 @@ table a{
}
}
@media screen and (max-width: 667px)
{
@media screen and (max-width: 667px) {
html {
font-size: calc(16px + 6 * ((100vw - 320px) / 680));
}