typography page some changes

Author: AramManukyan

src/app/_common/sidebar/customize/customize.js

@@ -125,7 +125,7 @@ $(function () {
 	function setThemeColor(){
 		setTimeout(function(){ 
 			config.colorPrimary = tinycolor($("#ref .color-primary").css("color"));	
-		}, 100);
+		}, 200);
 	}
 
 	/************************************************

src/app/ui-elements/cards/cards-page.hbs

@@ -17,7 +17,7 @@ page: cards
 		</section>
 
 		<section class="section">
-			<div class="row">
+			<div class="row sameheight-container">
 			    <div class="col-xl-6">
 			      	{{> app/ui-elements/cards/tabs/basic-tabs}}
 			    </div>

src/app/ui-elements/typography/typography-page.hbs

@@ -10,9 +10,9 @@ page: typography
 		</div>
 
 		<section class="section">
-			<div class="row">
+			<div class="row sameheight-container">
 				<div class="col-md-4">
-					<div class="card">
+					<div class="card sameheight-item">
 						<div class="card-block">
 
 							<div class="card-title-block">
@@ -45,7 +45,7 @@ page: typography
 				</div>
 
 				<div class="col-md-4">
-					<div class="card">
+					<div class="card sameheight-item">
 						<div class="card-block">
 
 							<div class="card-title-block">
@@ -65,18 +65,13 @@ page: typography
 								<p>
 								<em>This is an example of emphasized, italic text.</em>
 								</p>
-								<br>
-								<h4>Alignment Helpers</h4>
-								<p class="text-left">Left aligned text.</p>
-								<p class="text-center">Center aligned text.</p>
-								<p class="text-xs-right">Right aligned text.</p>
 							</section>
 						</div>
 					</div>
 				</div>
 
 				<div class="col-md-4">
-					<div class="card">
+					<div class="card sameheight-item">
 						<div class="card-block">
 
 							<div class="card-title-block">
@@ -100,9 +95,9 @@ page: typography
 
 
 		<section class="section">
-			<div class="row">
+			<div class="row sameheight-container">
 				<div class="col-md-4">
-					<div class="card">
+					<div class="card sameheight-item">
 						<div class="card-block">
 
 							<div class="card-title-block">
@@ -133,7 +128,7 @@ page: typography
 				</div>
 
 				<div class="col-md-4">
-					<div class="card">
+					<div class="card sameheight-item">
 						<div class="card-block">
 
 							<div class="card-title-block">
@@ -144,26 +139,26 @@ page: typography
 							<section class="section">
 								<h4>Default Blockquote</h4>
 		                        <blockquote>
-		                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+		                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 		                        </blockquote>
 		                        <h4>Blockquote with Citation</h4>
 		                        <blockquote>
-		                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+		                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 		                           <small>Someone famous in
 		                              <cite title="Source Title">Source Title</cite>
 		                           </small>
 		                        </blockquote>
 		                        <h4>Right Aligned Blockquote</h4>
 		                        <blockquote class="pull-right">
-		                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+		                           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 		                        </blockquote>
 							</section>
 						</div>
 					</div>
 				</div>
 
 				<div class="col-md-4">
-					<div class="card">
+					<div class="card sameheight-item">
 						<div class="card-block">
 							<div class="card-title-block">
 								<h3 class="title">
@@ -190,18 +185,6 @@ page: typography
 		                           <li>List Item</li>
 		                           <li>List Item</li>
 		                        </ol>
-		                        <h4>Unstyled List</h4>
-		                        <ul class="list-unstyled">
-		                           <li>List Item</li>
-		                           <li>List Item</li>
-		                           <li>List Item</li>
-		                        </ul>
-		                        <h4>Inline List</h4>
-		                        <ul class="list-inline">
-		                           <li>List Item</li>
-		                           <li>List Item</li>
-		                           <li>List Item</li>
-		                        </ul>
 							</section>
 						</div>
 					</div>