This commit is contained in:
Tomas Krejci 2023-05-29 13:11:34 +02:00
parent fc53a5c7cb
commit 54be143b50

View File

@ -1,43 +1,3 @@
.App {
text-align: center;
}
.App-logo {
height: 40vmin;
pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
.App-logo {
animation: App-logo-spin infinite 20s linear;
}
}
.App-header {
background-color: #282c34;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: calc(10px + 2vmin);
color: white;
}
.App-link {
color: #61dafb;
}
@keyframes App-logo-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -72,6 +32,7 @@ ul {
li:hover { li:hover {
opacity: 80%; opacity: 80%;
cursor: pointer; cursor: pointer;
color: rgb(255, 82, 14);
} }
button { button {
@ -83,17 +44,31 @@ button {
button:hover { button:hover {
opacity: 80%; opacity: 80%;
color: rgb(255, 82, 14);
}
button[disabled] {
opacity: 50%;
color: grey;
}
button[disabled]:hover {
opacity: 50%;
color: grey;
} }
.primary { .primary {
color: darkslategrey;
background-color: antiquewhite; background-color: antiquewhite;
font-weight: bold; font-weight: bold;
} }
.secondary { .secondary {
background-color: darkslategrey; background-color: darkslategrey;
color: antiquewhite; color: antiquewhite;
border: 1px solid antiquewhite; border: 1px solid antiquewhite;
font-weight: bold;
} }
.buttons-wrapper { .buttons-wrapper {