ntr/mnml
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

random styles

Browse Source
This commit is contained in:
ntr 2019-10-10 14:35:43 +11:00
parent 68ff78efb1
commit a3d5c3a29b
2 changed files with 35 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
client/assets/styles/controls.less
View File

@ -50,19 +50,31 @@ aside {
} }
} }
button.ready:enabled { // button.ready:enabled {
&:hover { // &:hover {
color: forestgreen; // color: forestgreen;
border-color: forestgreen; // border-color: forestgreen;
} // }
&:active, &:focus, &.enabled { // &:active, &:focus, &.enabled {
// background: forestgreen;
// color: black;
// border-color: forestgreen;
// }
// }
button.ready:enabled {
color: forestgreen;
border-color: forestgreen;
&:hover {
background: forestgreen; background: forestgreen;
color: black; color: black;
border-color: forestgreen; border-color: forestgreen;
} }
} }
.timer-container { .timer-container {
grid-area: timer; grid-area: timer;
@ -94,6 +106,7 @@ aside {
.ready { .ready {
color: forestgreen; color: forestgreen;
// animation: ready 2s linear 0s infinite alternate;
transition-property: color, background; transition-property: color, background;
transition-duration: 0.25s; transition-duration: 0.25s;
transition-timing-function: ease; transition-timing-function: ease;
@ -137,4 +150,14 @@ aside {
color: black; color: black;
border: 2px solid black; border: 2px solid black;
} }
}
@keyframes ready {
from {
border-color: @gray-exists;
}
to {
border-color: forestgreen;
}
} }

13
client/assets/styles/styles.less
View File

@ -29,11 +29,11 @@ html body {
overflow-y: hidden; overflow-y: hidden;
} }
@media (min-width: 1921px) { // @media (min-width: 1921px) {
html, body, #mnml { // html, body, #mnml {
font-size: 16pt; // font-size: 16pt;
} // }
} // }
html { html {
box-sizing: border-box; box-sizing: border-box;
@ -162,13 +162,12 @@ svg {
fill: none; fill: none;
stroke: whitesmoke; stroke: whitesmoke;
stroke-width: 0.5em; stroke-width: 0.5em;
height: 2em; height: 1.5em;
} }
table { table {
table-layout: fixed; table-layout: fixed;
width: 100%; width: 100%;
/*margin-bottom: 2em;*/
margin-bottom: 0; margin-bottom: 0;
} }