summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorJon Ambas <jon@jonambas.com>2017-07-24 10:13:20 -0400
committerJon Ambas <jon@jonambas.com>2017-07-24 10:13:20 -0400
commitbf8f1861bc42dd1de59de3a41f38f857f95320e4 (patch)
treef88f2f9cfebe5cdee17f3dc33962de0bab63ef26
parentdeffb1190de51a47e30f8aa0c24219846a170ac2 (diff)
downloadmatchbox-bf8f1861bc42dd1de59de3a41f38f857f95320e4.zip
matchbox-bf8f1861bc42dd1de59de3a41f38f857f95320e4.tar.gz
matchbox-bf8f1861bc42dd1de59de3a41f38f857f95320e4.tar.bz2
Fix button visited state, closes #20
-rw-r--r--src/components/Button/Button.module.scss15
1 files changed, 10 insertions, 5 deletions
diff --git a/src/components/Button/Button.module.scss b/src/components/Button/Button.module.scss
index b6216f2..ce393e5 100644
--- a/src/components/Button/Button.module.scss
+++ b/src/components/Button/Button.module.scss
@@ -1,6 +1,7 @@
@import '../../styles/config';
-.Button {
+.Button,
+.Button:visited {
padding: rem(5) rem(12);
border: none;
margin-bottom: 0;
@@ -71,7 +72,8 @@
}
// Primary Styles
-.primary {
+.primary,
+.primary:visited {
background: linear-gradient(180deg, color(orange), color(orange, dark));
color: color(gray, 10);
border: 1px solid darken(color(orange), 12);
@@ -96,12 +98,14 @@
}
// Destructive Styles
-.destructive {
+.destructive,
+.destructive:visited {
color: color(red, darker);
}
// Plain Styles
-.plain {
+.plain,
+.plain:visited {
background: transparent;
box-shadow: none;
border: none;
@@ -128,7 +132,8 @@
}
// Outline Styles
-.outline {
+.outline,
+.outline:visited {
background: transparent;
color: color(gray, 2) !important;
border: 1px solid color(gray, 5);