moar styleguide

2017-08-06 21:20:25 -05:00
parent 6f7f5b8836
commit 36d0108e73
8 changed files with 119 additions and 105 deletions
--- a/site/assets/scss/elements/_cta.scss
+++ b/site/assets/scss/elements/_cta.scss
@ -0,0 +1,41 @@
+.cta-primary,
+.cta-secondary {
+  &,
+  &:visited {
+    display: inline-block;
+    margin: $gutter;
+    margin-left: 0;
+    border: 1px solid $red;
+    background-color: $white;
+    padding: $gutter;
+    text-decoration: none;
+    color: $red;
+  }
+
+  &:hover,
+  &:active {
+    margin: $gutter - 1px;
+    margin-left: -1px;
+    border-width: 2px;
+    border-color: $red;
+    background-color: $light;
+    text-decoration: none;
+    color: $red;
+  }
+}
+
+.cta-secondary {
+  &,
+  &:visited {
+    border-color: $dark-grey;
+    color: $dark-grey;
+  }
+
+  &:hover,
+  &:active {
+    border-width: 2px;
+    border-color: $black;
+    background-color: $light;
+    color: $black;
+  }
+}