mirror of
https://github.com/DioxusLabs/dioxus
synced 2024-11-26 22:20:19 +00:00
30 lines
491 B
CSS
30 lines
491 B
CSS
|
#main {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
#roulette-grid {
|
||
|
|
margin: 10px;
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(9, 1fr);
|
||
|
|
grid-gap: 10px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#roulette-grid>input {
|
||
|
|
color: white;
|
||
|
|
font-size: 20px;
|
||
|
|
width: 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#roulette-grid>input:nth-child(odd) {
|
||
|
|
background-color: red;
|
||
|
|
}
|
||
|
|
|
||
|
|
#roulette-grid>input:nth-child(even) {
|
||
|
|
background-color: black;
|
||
|
|
}
|