Use border-right for the default separator

1 files changed, 7 insertions, 2 deletions

diff --git a/style.css b/style.css
index ad59806..0051ebf 100644
--- a/style.css
+++ b/style.css
@@ -5,14 +5,18 @@
 /* Content */
 
 li:first-child:after {
-  content: '|';
+  /*content: '|';*/
   /*content: '\000BB';*/ /* For » arrows */
+  content: '';
+  border-right: 2px solid;
+  transition: border-right 50ms;
 }
 
 /* Hover effects */
 
 ul:hover li:first-child:after {
-  font-weight: bolder;
+  /*font-weight: bolder;*/
+  border-right: 4px solid;
 }
 
 
@@ -97,6 +101,7 @@ li:hover, li:first-child {
 li:first-child:after {
   position: absolute;
   right: 0;
+  height: 1em;
 }
 
 li:first-child, h1 {