🐛 Fix fonts
This commit is contained in:
parent
90a69b6a52
commit
ae4851401e
18
app.css
18
app.css
@ -4,15 +4,16 @@
|
|||||||
|
|
||||||
:root {
|
:root {
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
--fsg: 135px; /* Time and Greetings */
|
--fsg: 12vh; /* Time and Greetings */
|
||||||
--fsm: 75px; /* Date */
|
--fsm: 8vh; /* Date */
|
||||||
--fss: 25px; /* Greetings and Weather widger */
|
--fss: 3vh; /* Greetings and Weather widger */
|
||||||
--fses: 2vh; /* Links List */
|
--fses: 2vh; /* Links List */
|
||||||
|
|
||||||
/* Light theme */
|
/* Light theme */
|
||||||
--accent: #4b8ec4; /* Hover color */
|
--accent: #61b0f1; /* Hover color */
|
||||||
--bg: #f5f5f5; /* Background color */
|
--bg: #f5f5f5; /* Background color */
|
||||||
--sbg: #e4e6e6; /* Cards color */
|
--sbg: #e4e6e6; /* Cards color */
|
||||||
|
|
||||||
--fg: #3a3a3a; /* Foreground color */
|
--fg: #3a3a3a; /* Foreground color */
|
||||||
--sfg: #3a3a3a; /* Sceondary Foreground color */
|
--sfg: #3a3a3a; /* Sceondary Foreground color */
|
||||||
|
|
||||||
@ -32,7 +33,7 @@
|
|||||||
|
|
||||||
/* Dark theme */
|
/* Dark theme */
|
||||||
.darktheme {
|
.darktheme {
|
||||||
--accent: #4b8ec4; /* Hover color */
|
--accent: #61b0f1; /* Hover color */
|
||||||
--bg: #19171a; /* Background color */
|
--bg: #19171a; /* Background color */
|
||||||
--sbg: #201e21; /* Cards color */
|
--sbg: #201e21; /* Cards color */
|
||||||
--fg: #d8dee9; /* Foreground color */
|
--fg: #d8dee9; /* Foreground color */
|
||||||
@ -240,7 +241,6 @@ body {
|
|||||||
.list {
|
.list {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
/* justify-content: space-evenly; */
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -276,12 +276,6 @@ body {
|
|||||||
/* M E D I A - Q U E R I E S */
|
/* M E D I A - Q U E R I E S */
|
||||||
|
|
||||||
@media only screen and (max-width: 68.75em) {
|
@media only screen and (max-width: 68.75em) {
|
||||||
:root {
|
|
||||||
--fsg: 100px;
|
|
||||||
--fsm: 65px;
|
|
||||||
--fss: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
grid-gap: 20px;
|
grid-gap: 20px;
|
||||||
padding: 40px;
|
padding: 40px;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user