finn/rpi-rgb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

✅ pass css test
All checks were successful
CSS Linter / CSS-Lint (push) Successful in 24s
Details
Python formatting PEP8 / Pyhton-PEP8 (push) Successful in 14s
Details

Browse source
This commit is contained in:
Finn Christiansen 2023-06-01 20:32:43 +02:00
parent 1b9c9f90b8
commit d6543909a5
1 changed files with 49 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
app/static/app.css
View file

@ -6,23 +6,23 @@ h1 {
text-align: center; text-align: center;
} }
div.container { .container {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
div.center { .center {
margin: auto; margin: auto;
max-width: 500px; max-width: 500px;
} }
a.color { .color {
display: block; display: block;
width: calc(100vw - 24px); width: calc(100vw - 24px);
height: 100px; height: 100px;
border: 1px solid black; border: 1px solid black;
box-sizing: border-box;
text-align: center; text-align: center;
vertical-align: middle;
line-height: 100px; line-height: 100px;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
@ -31,32 +31,40 @@ a.color {
border-radius: 12px; border-radius: 12px;
} }
a.red { .red {
background-color: #FF0000; background-color: #f00;
} }
a.green {
background-color: #00FF00; .green {
background-color: #0f0;
} }
a.blue {
background-color: #0000FF; .blue {
color: #FFFFFF; background-color: #00f;
color: #fff;
} }
a.cyan {
background-color: #00FFFF; .cyan {
background-color: #0ff;
} }
a.yellow {
background-color: #FFFF00; .yellow {
background-color: #ff0;
} }
a.orange {
background-color: #FF8000; .orange {
background-color: #ff8000;
} }
a.purple {
background-color: #FF00FF; .purple {
background-color: #f0f;
} }
a.white {
background-color: #FFFFFF; .white {
background-color: #fff;
} }
a.black {
background-color: #000000; .black {
color: #FFFFFF; background-color: #000;
color: #fff;
} }