chore: split out styles + only load where needed
This commit is contained in:
parent
f21e8b18ae
commit
67fcfdb051
26 changed files with 539 additions and 454 deletions
28
src/assets/styles/pages/contact.css
Normal file
28
src/assets/styles/pages/contact.css
Normal file
|
@ -0,0 +1,28 @@
|
|||
/* contact */
|
||||
.contact__wrapper textarea {
|
||||
height: 10rem;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.contact__wrapper .column.contact__description {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.contact__wrapper .column.contact__description p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.contact__wrapper {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.contact__wrapper .column {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.contact__wrapper .column.contact__description {
|
||||
padding-right: 1.5rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
Reference in a new issue