68 lines
1.0 KiB
CSS
68 lines
1.0 KiB
CSS
|
html {
|
||
|
|
--backupground-color: #f7f7f7;
|
||
|
|
--btn-color-blue: #307dbe;
|
||
|
|
--btn-color-yellow: #f7b24d;
|
||
|
|
--btn-color-green: #5bad60;
|
||
|
|
--btn-color-red: #e56651;
|
||
|
|
--btn-font-color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
#root,
|
||
|
|
#app {
|
||
|
|
height: 100vh;
|
||
|
|
width: 100vw;
|
||
|
|
position: fixed;
|
||
|
|
padding: 50px;
|
||
|
|
/* font-size: 0; */
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
#root,
|
||
|
|
#app * + * {
|
||
|
|
margin-top: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
hr {
|
||
|
|
background-color: steelblue;
|
||
|
|
border: none;
|
||
|
|
height: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.test {
|
||
|
|
width: 110vw;
|
||
|
|
height: 100vh;
|
||
|
|
border: 1px solid red;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
button {
|
||
|
|
padding: 5px 10px;
|
||
|
|
background-color: var(--btn-color-red);
|
||
|
|
color: var(--btn-font-color);
|
||
|
|
width: 10em;
|
||
|
|
border: none;
|
||
|
|
border-radius: 0.25em;
|
||
|
|
font-size: 1.5rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
button + button {
|
||
|
|
margin-left: 0.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
button:active {
|
||
|
|
background-color: var(--btn-font-color);
|
||
|
|
color: var(--btn-color-red);
|
||
|
|
}
|
||
|
|
|
||
|
|
input {
|
||
|
|
border: none;
|
||
|
|
outline: solid 2px #e56651;
|
||
|
|
font-size: 2rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
label {
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 2rem;
|
||
|
|
margin-top: 15px;
|
||
|
|
}
|