Texts for sidebar and content

css/layouts/cp2/base.css

@@ -53,6 +53,7 @@ body,
 	.container,
 	.container-fluid,
 	.row.main,
+	.sidebar,
 	.content {
 		height: 100%;
 	}

css/layouts/cp2/example-sidebar-1.html

@@ -17,9 +17,38 @@
 		</header>
 		<div class="container-fluid">
 			<div class="row main">
-				<div class="col-12 col-sm-2 col-md-2 col-lg-3 col-xl-2 sidebar sidebar-left order-1">
+				<div class="col-12 col-sm-4 col-md-4 col-lg-3 col-xl-2 sidebar sidebar-left order-1">
 					<div class="scroll">
-						Left
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
 					</div>
 				</div>
 				<div class="col-12 col-sm-8 col-md-8 col-lg-9 col-xl-10 content order-3">
@@ -54,9 +83,6 @@
 						Content<br>
 						Content<br>
 						Content<br>
-						Content<br>
-						Content<br>
-						Content
 					</div>
 				</div>
 			</div>

css/layouts/cp2/example-sidebar-2.html

@@ -19,12 +19,70 @@
 			<div class="row main">
 				<div class="col-12 col-sm-4 col-md-4 col-lg-3 col-xl-2 sidebar sidebar-left order-1">
 					<div class="scroll">
-						Left
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
+						Sidebar 1<br>
 					</div>
 				</div>
 				<div class="col-12 col-sm-4 col-md-4 col-lg-3 col-xl-2 sidebar sidebar-right order-2 order-sm-12">
 					<div class="scroll">
-						Right
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
+						Sidebar 2<br>
 					</div>
 				</div>
 				<div class="col-12 col-sm-8 col-md-8 col-lg-6 col-xl-8 content order-3">
@@ -59,9 +117,6 @@
 						Content<br>
 						Content<br>
 						Content<br>
-						Content<br>
-						Content<br>
-						Content
 					</div>
 				</div>
 			</div>