ducklet/quiz
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

add original matrix board to monitor

Browse source
This commit is contained in:
ducklet 2021-02-02 21:43:58 +01:00
parent 2f87ea925e
commit 878ce89bab
7 changed files with 148 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

40
public/matrix.css Normal file
View file

@ -0,0 +1,40 @@
@import "shared.css";
body {
background-color: var(--main-bg-color);
}
.board {
display: flex;
flex-direction: column;
}
.row {
display: flex;
flex-direction: row;
}
.block {
background-color: red;
display: inline-block;
/*margin: 0.1em;*/
position: absolute;
transition-duration: 1s;
}
.card {
background-color: var(--main-fg-color);
width: 100%;
height: 5em;
margin: 1em;
letter-spacing: 0.3em;
font-variant: small-caps;
/*outline: 1px solid red;*/
display: flex;
align-items: center;
justify-content: center;
}
.highlight {
background-color: var(--main-hl-color);
}
.cat {
font-weight: bold;
}
.card.hidden {
visibility: hidden;
}