urlsnail/resources/sass/components/_forms.scss

59 lines
1008 B
SCSS

.form {
&-row {
display: flex;
align-items: center;
padding: 1ex;
column-gap: 1ex;
row-gap: 0;
&-stacked {
align-items: stretch;
flex-direction: column;
column-gap: 0;
row-gap: 1ex;
}
&.align-right {
justify-content: flex-end;
}
}
&-label {
flex: 0;
font-weight: bold;
}
&-input,
&-textarea {
padding: 1ex;
flex: 1;
border: 1px solid #888;
border-radius: 5px;
min-height: 2em;
}
&-textarea {
min-height: 10em;
}
&-button {
border: 1px solid #888;
padding: 1ex 2ex;
border-radius: 5px;
text-decoration: none;
font-size: 1em;
background-color: #fff;
color: #000 !important;
cursor: default;
&:visited,
&:hover,
&:active {
color: #000 !important;
}
}
}