mirror of
https://github.com/matt-fidd/stratos.git
synced 2026-01-02 08:39:27 +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/feature';
|
||||||
@import 'components/testimonial';
|
@import 'components/testimonial';
|
||||||
@import 'components/title';
|
@import 'components/title';
|
||||||
|
@import 'components/form';
|
||||||
|
|||||||
Reference in New Issue
Block a user