Initial commit
This commit is contained in:
@@ -0,0 +1,36 @@
|
||||
// -----------------------------------------------------------------------------
|
||||
// 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; }
|
||||
}
|
||||
Reference in New Issue
Block a user