This repository has been archived on 2024-10-24. You can view files and clone it, but cannot push or open issues or pull requests.
fradrive-old/frontend/src/utils/form/form.sass
2020-02-28 09:12:46 +01:00

70 lines
1.4 KiB
Sass

fieldset
border: 0
margin: 0
padding: 0
legend
display: none
@media (min-width: 769px)
.form-group__input
grid-column: 2
[uw-auto-submit-button][type='submit']
animation: fade-in 500ms ease-in-out backwards
animation-delay: 500ms
@keyframes fade-in
from
opacity: 0
.hidden
visibility: hidden !important
height: 0 !important
width: 0 !important
opacity: 0 !important
margin: 0 !important
padding: 0 !important
min-width: 0 !important
.select--pagesize
width: 5em
min-width: 75px
.label-pagesize
margin-right: 13px
.explained-selection-field
display: flex
flex-flow: row wrap
margin: -5px
.explained-selection-field__option
display: grid
grid-gap: 0 7px
grid-template-columns: 25px 1fr
grid-template-rows: 25px 1fr
grid-template-areas: 'radiobox title' '. explanation'
margin: 5px
width: calc(33.33% - 10px)
.explained-selection-field__input
grid-area: radiobox
place-self: center center
width: 20px
height: 20px
cursor: pointer
.explained-selection-field__label
grid-area: title
place-self: center stretch
font-weight: 600
cursor: pointer
.explained-selection-field__explanation
grid-area: explanation
place-self: stretch stretch
font-weight: 600
font-size: .9rem
color: var(--color-fontsec)