Add custom base form styles
This commit is contained in:
parent
ac56bbc878
commit
d4dee13118
42
web/themes/custom/opdavies/assets/css/base/forms.pcss
Normal file
42
web/themes/custom/opdavies/assets/css/base/forms.pcss
Normal file
|
@ -0,0 +1,42 @@
|
||||||
|
@layer base {
|
||||||
|
form {
|
||||||
|
@apply space-y-5
|
||||||
|
}
|
||||||
|
|
||||||
|
[type='text'],
|
||||||
|
textarea {
|
||||||
|
@apply w-full
|
||||||
|
}
|
||||||
|
|
||||||
|
[type='text'],
|
||||||
|
[type='email'],
|
||||||
|
[type='url'],
|
||||||
|
[type='password'],
|
||||||
|
[type='number'],
|
||||||
|
[type='date'],
|
||||||
|
[type='datetime-local'],
|
||||||
|
[type='month'],
|
||||||
|
[type='search'],
|
||||||
|
[type='tel'],
|
||||||
|
[type='time'],
|
||||||
|
[type='week'],
|
||||||
|
[multiple],
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
@apply border-gray-400 rounded-lg
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-item,
|
||||||
|
.form-wrapper {
|
||||||
|
@apply max-w-md
|
||||||
|
}
|
||||||
|
|
||||||
|
.js-form-type-email,
|
||||||
|
.js-form-type-password,
|
||||||
|
.js-form-type-textarea,
|
||||||
|
.js-form-type-textfield {
|
||||||
|
label {
|
||||||
|
@apply block
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in a new issue