80 أسطر
900 B
Sass
80 أسطر
900 B
Sass
*
|
|
font-family: sans-serif
|
|
color: #1E1C06
|
|
box-sizing: border-box
|
|
|
|
h1
|
|
text-align: center
|
|
h3
|
|
text-align: center
|
|
|
|
body
|
|
background-color: #E1DC9F
|
|
|
|
div
|
|
margin: 20px auto
|
|
width: min(800px, 90%)
|
|
input:not([type=checkbox])
|
|
padding: 10px 20px
|
|
border-radius: 5px
|
|
border: none
|
|
width: 100%
|
|
&:focus
|
|
outline: none
|
|
input[type=checkbox]
|
|
label
|
|
display: block
|
|
margin: 0px 0 10px
|
|
|
|
button
|
|
padding: 10px 20px
|
|
background-color: #998768;
|
|
border: none
|
|
border-radius: 5px
|
|
width: max(220px, 100%)
|
|
margin: 20px auto
|
|
li
|
|
list-style: none
|
|
span
|
|
color: #991111
|
|
font-weight: bold
|
|
.cell
|
|
border: 3px solid #991111
|
|
padding: 10px 20px
|
|
display: inline-block
|
|
margin: 10px -1px
|
|
width: 50%
|
|
text-align: center
|
|
.show_all
|
|
text-align: center
|
|
display: flex
|
|
justify-content: center
|
|
gap: 20px
|
|
label
|
|
input
|
|
width: 20px
|
|
height: 20px
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|