37 lines
924 B
SCSS
37 lines
924 B
SCSS
|
// -----------------------------------------------------------------------------
|
||
|
|
// Text inputs. Modelled on the footer newsletter field (`.inputEmail`), which
|
||
|
|
// today carries five `!important`s to override Avada's form styling.
|
||
|
|
// -----------------------------------------------------------------------------
|
||
|
|
|
||
|
|
@use '../abstracts' as *;
|
||
|
|
|
||
|
|
.field {
|
||
|
|
min-width: 0;
|
||
|
|
padding: space('2xs') space('xs');
|
||
|
|
border: 1px solid color('field-bg');
|
||
|
|
border-radius: radius('sm');
|
||
|
|
background-color: color('field-bg');
|
||
|
|
color: color('field-ink');
|
||
|
|
font-family: font('body');
|
||
|
|
font-size: size('sm');
|
||
|
|
letter-spacing: 2px;
|
||
|
|
|
||
|
|
&::placeholder {
|
||
|
|
color: color('field-placeholder');
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
&--attached {
|
||
|
|
border-start-end-radius: 0;
|
||
|
|
border-end-end-radius: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Field + button as one control.
|
||
|
|
.field-group {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
|
||
|
|
.field { flex: 1 1 auto; max-width: 18rem; }
|
||
|
|
}
|