mirror of
https://github.com/matt-fidd/stratos.git
synced 2026-01-02 05:39:32 +00:00
Added form styles
This commit is contained in:
28
src/stylesheets/components/_form.scss
Normal file
28
src/stylesheets/components/_form.scss
Normal file
@@ -0,0 +1,28 @@
|
||||
form.form {
|
||||
input:not([type='submit']), textarea {
|
||||
background: #E1E1E1;
|
||||
border: none;
|
||||
width: 100%;
|
||||
resize: none;
|
||||
box-sizing: border-box;
|
||||
border-radius: .25rem;
|
||||
margin: .5rem 0;
|
||||
padding: 1rem;
|
||||
|
||||
&::placeholder {
|
||||
color: #686868;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: 1px solid grey;
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-to('medium') {
|
||||
.form__input-group {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -11,3 +11,4 @@
|
||||
@import 'components/feature';
|
||||
@import 'components/testimonial';
|
||||
@import 'components/title';
|
||||
@import 'components/form';
|
||||
|
||||
Reference in New Issue
Block a user