From 76d2d54345755e524b57b86c309462cf157bc0b1 Mon Sep 17 00:00:00 2001
From: callebstrom <calle.bergstrom@live.se>
Date: Sat, 5 Oct 2019 23:06:53 +0200
Subject: [PATCH 1/2] Add bracketeer styling

---
 src/links.scss | 44 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/src/links.scss b/src/links.scss
index 7a3d68d..7298d4c 100644
--- a/src/links.scss
+++ b/src/links.scss
@@ -1120,3 +1120,47 @@ $flipbutton_background_color_2: #cc0066;
 		box-shadow: 0px 8px 12px #ccc;
 	}
 }
+
+.bracketeer {
+
+  font-size: 1em;
+  font-weight: 100;
+	color: inherit;
+  text-decoration: none;
+
+  &:before,
+  &:after {
+    font-size: 1.2em;
+    opacity: 0;
+		transition: all 0.2s ease;
+    position: relative;
+  }
+
+  &:before {
+    content: "[";
+    left: 8%;
+  }
+  
+  &:after {
+    content: "]";
+    right: 8%;
+  }
+
+  &:hover {
+
+    &:before,
+    &:after {
+      opacity: 1;
+    }
+
+    &:before {
+      content: "[";
+      left: 0;
+    }
+    
+    &:after {
+      content: "]";
+      right: 0;
+    }
+  }
+}

From f8ad26087ceac600ac4f635d856dd1af31c98112 Mon Sep 17 00:00:00 2001
From: callebstrom <calle.bergstrom@live.se>
Date: Sat, 5 Oct 2019 23:12:57 +0200
Subject: [PATCH 2/2] Support changing text and bracket color

---
 src/index.js   | 9 +++++++++
 src/links.scss | 5 ++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/index.js b/src/index.js
index 3651c36..1691cc1 100644
--- a/src/index.js
+++ b/src/index.js
@@ -100,6 +100,15 @@ const customStyles = (linkstyle, styles) => {
         }
       }
       break;
+    case "bracketeer": {
+      if (styles.color1) {
+        newStyles["--style-color1"] = styles.color1;
+      }
+      if (styles.color2) {
+        newStyles["--style-color2"] = styles.color2;
+      }
+      break;
+    };
   }
   if (linkstyle.includes("highlight6")) {
     if (styles.color1) {
diff --git a/src/links.scss b/src/links.scss
index 7298d4c..d2026a6 100644
--- a/src/links.scss
+++ b/src/links.scss
@@ -1122,10 +1122,12 @@ $flipbutton_background_color_2: #cc0066;
 }
 
 .bracketeer {
+  --style-color1: #41403e;
+  --style-color2: dodgerblue;
 
   font-size: 1em;
   font-weight: 100;
-	color: inherit;
+  color: var(--style-color1);
   text-decoration: none;
 
   &:before,
@@ -1134,6 +1136,7 @@ $flipbutton_background_color_2: #cc0066;
     opacity: 0;
 		transition: all 0.2s ease;
     position: relative;
+    color: var(--style-color2);
   }
 
   &:before {