_sidebar.scss in active_frontend-12.1.7

- old
+ new

@@ -21,10 +21,32 @@
 .sidebar-alt {
   border-right: 1px solid;
   border-color: inherit;
   border-left: 0;
 }
+.sidebar-title {
+  border-bottom: 1px solid;
+  border-color: inherit;
+  box-sizing: border-box;
+  font-family: $typography-heading;
+  font-size: 18px;
+  font-weight: 500;
+  height: 60px;
+  letter-spacing: 5px;
+  line-height: 1;
+  padding: 13px 0;
+  text-align: center;
+  text-transform: uppercase;
+  vertical-align: middle;
+}
+.sidebar-title i {
+  color: $color-primary;
+  font-size: 32px;
+  letter-spacing: 0;
+  margin: 0 10px 0 5px;
+  vertical-align: middle;
+}
 .sidebar-header {
   border-bottom: 1px solid;
   border-color: inherit;
   font-size: 12px;
   line-height: 1;
@@ -49,17 +71,19 @@
   @include overflow-scrolling(touch);
   overflow-x: hidden;
   overflow-y: auto;
   padding: 10px;
 }
+.sidebar-content-with-title { height: calc(100% - 111px); }
 .sidebar-scrollable {
   border-bottom: 1px solid;
   border-color: inherit;
   height: calc(50% - 50px);
   @include overflow-scrolling(touch);
   overflow-x: hidden;
   overflow-y: auto;
 }
+.sidebar-scrollable-with-title { height: calc(50% - 111px); }
 
 /* # Colors
 ================================================== */
 .sidebar-dark {
   background: $color-black;
\ No newline at end of file