list group fixes

_layouts/docs.html

@@ -8,16 +8,13 @@ title: Documentation
 	{% include page-title.html title="Documentation" %}
 
 	<div class="row">
-		<div class="col-lg-3">
+		<div class="col-lg-3 order-lg-1">
-			<div class="card">
+			<div class="list-group list-group-transparent">
-				<div class="list-group card-list-group">
 				{% for doc in site.docs %}
 				{% unless doc.hide %}<a href="{{ site.base }}{{ doc.url }}" class="list-group-item list-group-item-action{% if page.url == doc.url %} active{% endif %}"><span class="icon mr-3"><i class="{{ doc.icon }}"></i></span>{{ doc.title }}</a>{% endunless %}
 				{% endfor %}
 			</div>
 		</div>
-
-		</div>
 		<div class="col-lg-9">
 			<div class="card">
 				<div class="card-body">

assets/plugins/iconfonts/plugin.css

@@ -1472,27 +1472,22 @@
 }
 
 .wi-rotate-90 {
-  -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
 }
 
 .wi-rotate-180 {
-  -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
 }
 
 .wi-rotate-270 {
-  -webkit-transform: rotate(270deg);
   transform: rotate(270deg);
 }
 
 .wi-flip-horizontal {
-  -webkit-transform: scale(-1, 1);
   transform: scale(-1, 1);
 }
 
 .wi-flip-vertical {
-  -webkit-transform: scale(1, -1);
   transform: scale(1, -1);
 }
 

assets/plugins/iconfonts/plugin.min.css

@@ -1472,27 +1472,22 @@
 }
 
 .wi-rotate-90 {
-  -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
 }
 
 .wi-rotate-180 {
-  -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
 }
 
 .wi-rotate-270 {
-  -webkit-transform: rotate(270deg);
   transform: rotate(270deg);
 }
 
 .wi-flip-horizontal {
-  -webkit-transform: scale(-1, 1);
   transform: scale(-1, 1);
 }
 
 .wi-flip-vertical {
-  -webkit-transform: scale(1, -1);
   transform: scale(1, -1);
 }
 

assets/scss/dashboard/_list-group.scss

@@ -0,0 +1,21 @@
+.list-group-item {
+	&.active {
+		.icon {
+			color: inherit !important;
+		}
+	}
+}
+
+.list-group-transparent {
+	.list-group-item {
+		background: none;
+		border: 0;
+		padding: .5rem 1rem;
+		border-radius: 3px;
+
+		&.active {
+			background: rgba($primary, .06);
+			font-weight: 600;
+		}
+	}
+}

assets/scss/dashboard/_list.scss

@@ -32,10 +32,3 @@
 	}
 }
 
-.list-group-item {
-	&.active {
-		.icon {
-			color: inherit !important;
-		}
-	}
-}

assets/scss/dashboard/dashboard.scss

@@ -23,6 +23,7 @@
 @import 'popover';
 @import 'dropdown';
 @import 'list';
+@import 'list-group';
 @import 'avatar';
 @import 'product';
 @import 'progress';
@@ -42,6 +43,7 @@
 @import 'example';
 @import 'tag';
 @import 'syntax';
+@import 'infobox';
 
 @import 'forms/custom-range';
 @import 'forms/custom-selectgroup';

index.html

@@ -107,5 +107,10 @@ menu: index
 			{% include cards/invoices.html %}
 			{% include pagination.html %}
 		</div>
+		<div class="col-12">
+			<div class="text-muted mt-4">
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aperiam atque blanditiis commodi consequuntur ea, esse est facere ipsa ipsum maxime necessitatibus nisi numquam officia quidem repellat veritatis voluptates voluptatibus!
+			</div>
+		</div>
 	</div>
 </div>