franjsco/tomadoro
1
0
Fork 0
mirror of https://github.com/franjsco/tomadoro synced 2025-02-27 00:27:59 +01:00
Code Issues Releases Wiki Activity

edit CSS

Browse Source
This commit is contained in:
Francesco Esposito 2019-03-15 19:06:21 +01:00
parent d388dbba40
commit b81393253e
2 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/App.css
View File

@ -4,7 +4,7 @@ body {
.title { .title {
font-size: 60px; font-size: 60px;
font-weight: lighter; font-weight: bold;
} }
.App { .App {
@ -21,13 +21,19 @@ body {
justify-content: center; justify-content: center;
font-size: calc(40px + 2vmin); font-size: calc(40px + 2vmin);
color: white; color: white;
text-shadow: 0 0 2px #cf4242, 0 0 4px #2B2D1F; text-shadow: 0 0 1px #ce2e2e, 0 0 10px rgb(193, 194, 190);
margin-bottom: 25px; margin-bottom: 25px;
box-shadow: 0 0 2px #cf4242, 0 0 8px #2B2D1F; box-shadow: 0 0 2px #cf4242, 0 0 8px #2B2D1F;
} }
.App-link { a {
color: #61dafb; color: #f1fb61;
}
.footer {
margin-top: 15px;
color: #ffffff;
text-shadow: 0 0 2px #cf4242, 0 0 3px rgb(193, 194, 190);
} }

11
src/components/Timer.css
View File

@ -1,17 +1,16 @@
.timer { .timer {
font-size: 120px; font-size: 120px;
font-weight: 600; font-weight: 600;
text-shadow: 0 0 2px #cf4242, 0 0 4px #2B2D1F; text-shadow: 0 0 1px #ce2e2e, 0 0 8px rgb(193, 194, 190);
color: white; color: white;
} }
.buttons { .buttons {
font-size: 20px; font-size: 20px;
font-weight: normal; font-weight: bold;
height: 60px; height: 60px;
border-radius: 25px; border-radius: 25px;
box-shadow: 0 0 5px #161616, 0 0 2px #2B2D1F; box-shadow: 0 0 1px #161616, 0 0 10px rgb(133, 133, 133);
opacity: 0.9;
} }
.top-margin { .top-margin {
@ -23,13 +22,13 @@
padding: 20px; padding: 20px;
margin-top: 5px; margin-top: 5px;
border-radius: 25px; border-radius: 25px;
box-shadow: 0 0 1px #cf4242, 0 0 10px #2B2D1F; box-shadow:0 0 1px #111010, 0 0 10px rgb(193, 194, 190);
} }
.App-logo { .App-logo {
height: 25vmin; height: 25vmin;
pointer-events: none; pointer-events: none;
filter: drop-shadow(0 0 0.30rem rgb(250, 223, 174)); filter: drop-shadow(0 0 0.50rem #f8ff9c);
align-items: center; align-items: center;
justify-content: center; justify-content: center;
text-align: center; text-align: center;