mirror of
https://github.com/nikdoof/ohayodash.git
synced 2025-12-14 02:22:17 +00:00
Format the CSS
This commit is contained in:
@@ -5,10 +5,24 @@ html{
|
|||||||
webkit-text-size-adjust: none;
|
webkit-text-size-adjust: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {background: var(--color-text-acc); border: 5px solid var(--color-background); border-radius: 10px;}
|
::-webkit-scrollbar-thumb {
|
||||||
::-webkit-scrollbar-track {background: var(--color-text-acc); border: 7px solid var(--color-background);}
|
background: var(--color-text-acc);
|
||||||
::-webkit-scrollbar {width: 15px;}
|
border: 5px solid var(--color-background);
|
||||||
::-webkit-scrollbar-corner { background: 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,
|
html,
|
||||||
body {
|
body {
|
||||||
@@ -92,7 +106,6 @@ a:hover{
|
|||||||
font-size: 2.5em;
|
font-size: 2.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* FORMS */
|
/* FORMS */
|
||||||
|
|
||||||
input {
|
input {
|
||||||
@@ -176,7 +189,6 @@ table a{
|
|||||||
animation-delay: .4s;
|
animation-delay: .4s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* LAYOUT */
|
/* LAYOUT */
|
||||||
|
|
||||||
#container {
|
#container {
|
||||||
@@ -193,8 +205,6 @@ table a{
|
|||||||
width: 60%;
|
width: 60%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* SECTIONS */
|
/* SECTIONS */
|
||||||
|
|
||||||
#header {
|
#header {
|
||||||
@@ -276,23 +286,8 @@ table a{
|
|||||||
line-height: 2;
|
line-height: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* MODAL */
|
/* MODAL */
|
||||||
|
|
||||||
|
|
||||||
#modal {
|
#modal {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
@@ -503,10 +498,8 @@ table a{
|
|||||||
|
|
||||||
/* MEDIA QUERIES */
|
/* MEDIA QUERIES */
|
||||||
|
|
||||||
@media screen and (max-width: 1260px)
|
@media screen and (max-width: 1260px) {
|
||||||
{
|
#container {
|
||||||
#container
|
|
||||||
{
|
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-column-gap: 10px;
|
grid-column-gap: 10px;
|
||||||
@@ -537,8 +530,7 @@ table a{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 667px)
|
@media screen and (max-width: 667px) {
|
||||||
{
|
|
||||||
html {
|
html {
|
||||||
font-size: calc(16px + 6 * ((100vw - 320px) / 680));
|
font-size: calc(16px + 6 * ((100vw - 320px) / 680));
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user