mirror of
https://git.cant.at/Madeorsk/PollVerlaine
synced 2024-11-25 12:44:32 +01:00
Madeorsk
b763b1d9e6
* Moved colors to $VERLAINE configuration variable. * Colors in the options table result. * Organized CSS in several files. + Responsive design!
47 lines
835 B
CSS
47 lines
835 B
CSS
main input[name="title"],
|
|
main input[name="title"]:focus
|
|
{
|
|
background: transparent;
|
|
font-family: "PT Serif", serif;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
@keyframes scalex
|
|
{
|
|
0%
|
|
{ transform: scaleX(0); }
|
|
100%
|
|
{ transform: scaleX(1); }
|
|
}
|
|
|
|
main #choices .choice
|
|
{
|
|
animation: scalex 0.2s linear;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin: auto;
|
|
width: 25rem;
|
|
}
|
|
main #choices .choice > *
|
|
{ margin: 0; }
|
|
main #choices .choice input
|
|
{ font-family: "PT Serif", serif; }
|
|
main #choices .choice .delete
|
|
{
|
|
background: #FF2E31;
|
|
width: 4em;
|
|
}
|
|
|
|
@media screen and (max-width: 640px)
|
|
{
|
|
main #choices .choice
|
|
{ width: 100%; }
|
|
main #choices .choice input
|
|
{ flex: 1; min-width: 0; }
|
|
main #choices .choice .delete
|
|
{ flex: 0 0; min-width: 3em; }
|
|
|
|
main input[name="title"],
|
|
main input[name="title"]:focus
|
|
{ font-size: 1.3em; }
|
|
} |