Rename contact related CSS file from 'cta'.

2017-09-29 20:16:51 +02:00
parent 0d382bdde9
commit f620ac886e
3 changed files with 38 additions and 51 deletions
--- a/src/assets/styles/components/_contact.scss
+++ b/src/assets/styles/components/_contact.scss
@ -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;
+    }
+  }
+}