56 lines
1014 B
SCSS
56 lines
1014 B
SCSS
@import '../../../../../../styles/variables';
|
|
.poll-kind {
|
|
}
|
|
.kind-of-poll {
|
|
min-height: 30vh;
|
|
|
|
.fa {
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.button {
|
|
background: $d-blue30;
|
|
border: solid white 1px;
|
|
border-radius: 8px;
|
|
transition: background-color ease 1.5s;
|
|
color: $font-color;
|
|
margin-bottom: 0.85rem;
|
|
padding: 1.69rem 1rem 1.69rem 48px;
|
|
|
|
label {
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
img {
|
|
margin-right: 11px;
|
|
margin-left: 0;
|
|
margin-top: -2px;
|
|
height: 18px;
|
|
width: 18px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
input[type='radio'] {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
&.is-selected {
|
|
border: solid $primary-color 1px;
|
|
}
|
|
|
|
&:hover {
|
|
border: solid $primary-color 1px;
|
|
transition: background-color ease 0.25s;
|
|
}
|
|
&.has-background-kind-classic {
|
|
background: $d-blue30 url('/assets/img/kind_classic.svg') no-repeat 19px center;
|
|
}
|
|
&.has-background-kind-date {
|
|
background: $d-blue30 url('/assets/img/kind_date.svg') no-repeat 19px center;
|
|
}
|
|
}
|
|
}
|