random styles

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

View File

@ -50,19 +50,31 @@ aside {
}
}
button.ready:enabled {
&:hover {
color: forestgreen;
border-color: forestgreen;
}
// button.ready:enabled {
// &:hover {
// 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;
color: black;
border-color: forestgreen;
}
}
.timer-container {
grid-area: timer;
@ -94,6 +106,7 @@ aside {
.ready {
color: forestgreen;
// animation: ready 2s linear 0s infinite alternate;
transition-property: color, background;
transition-duration: 0.25s;
transition-timing-function: ease;
@ -138,3 +151,13 @@ aside {
border: 2px solid black;
}
}
@keyframes ready {
from {
border-color: @gray-exists;
}
to {
border-color: forestgreen;
}
}

View File

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