_toolbar.scss in active_frontend-12.1.22

- old
+ new

@@ -1,9 +1,10 @@
 /* Table of Contents
 ==================================================
 # Toolbar
 # Colors
+# Styles
 # Media Queries */
 
 /* # Toolbar
 ================================================== */
 .toolbar {
@@ -40,11 +41,11 @@
   width: 55px;
 }
 .toolbar > a.btn { line-height: 55px; }
 .toolbar > a:hover,
 .toolbar > a.active,
-.toolbar > a:active
+.toolbar > a:active,
 .toolbar > a:focus {
   background: $color-light-haze;
   color: $color-primary;
 }
 .toolbar > a[disabled] {
@@ -65,19 +66,44 @@
   border-color: $color-dark-black !important;
   color: $color-white;
 }
 .toolbar-dark > a:hover,
 .toolbar-dark > a.active,
-.toolbar-dark > a:active
+.toolbar-dark > a:active,
 .toolbar-dark > a:focus { background: $color-light-black; }
 .toolbar-light {
   background: $color-light-haze;
   border-color: $color-dark-haze !important;
 }
 .toolbar-light > a:hover,
 .toolbar-light > a.active,
-.toolbar-light > a:active
+.toolbar-light > a:active,
 .toolbar-light > a:focus { background: $color-haze; }
+
+/* # Styles
+================================================== */
+.toolbar-bordered > a {
+  border-right-width: 3px !important;
+  border-right-style: solid;
+  border-right-color: $color-transparent;
+}
+.toolbar-bordered > a:hover,
+.toolbar-bordered > a.active,
+.toolbar-bordered > a:active,
+.toolbar-bordered > a:focus {
+  background: $color-transparent;
+  border-right-color: $color-primary;
+}
+.toolbar-bordered.toolbar-alt > a {
+  border-left-width: 3px !important;
+  border-left-style: solid;
+  border-left-color: $color-transparent;
+  border-right: 0 !important;
+}
+.toolbar-bordered.toolbar-alt > a:hover,
+.toolbar-bordered.toolbar-alt > a.active,
+.toolbar-bordered.toolbar-alt > a:active,
+.toolbar-bordered.toolbar-alt > a:focus { border-left-color: $color-primary; }
 
 /* # Media Queries
 ================================================== */
 @media only screen and (max-width: 767px) {
   .toolbar { display: none; }
\ No newline at end of file