Rename contact related CSS file from 'cta'.

This commit is contained in:
Luke Murphy 2017-09-29 20:16:51 +02:00
parent 0d382bdde9
commit f620ac886e
No known key found for this signature in database
GPG Key ID: 5E2EF5A63E3718CC
3 changed files with 38 additions and 51 deletions

View File

@ -0,0 +1,37 @@
#contact {
header {
@include vendor('order', '1');
p {
color: inherit;
}
}
.actions {
@include vendor('order', '2');
width: 30%;
}
@include breakpoint(medium) {
display: block;
text-align: center;
header {
padding-right: 0;
width: 100%;
}
.actions {
margin-left: auto;
margin-right: auto;
max-width: 20em;
width: 100%;
}
}
@include breakpoint(small) {
.actions {
max-width: none;
}
}
}

View File

@ -1,50 +0,0 @@
/* CTA */
#cta {
.inner {
@include vendor('display', 'flex');
max-width: 45em;
header {
@include vendor('order', '1');
padding-right: 3em;
width: 70%;
p {
color: inherit;
}
}
.actions {
@include vendor('order', '2');
width: 30%;
}
@include breakpoint(medium) {
display: block;
text-align: center;
header {
padding-right: 0;
width: 100%;
}
.actions {
margin-left: auto;
margin-right: auto;
max-width: 20em;
width: 100%;
}
}
@include breakpoint(small) {
.actions {
max-width: none;
}
}
}
}

View File

@ -42,7 +42,7 @@
@import 'components/menu';
@import 'components/header';
@import 'components/banner';
@import 'components/cta';
@import 'components/contact';
/* Main */