Fixes the styling of tags h1, h2... so as not to impact the component…

…s | Fixes liferay#1111
matuzalemsteles · Sep 11, 2018 · aaba6cb · aaba6cb
1 parent 785ed0f
commit aaba6cb
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 15 deletions.
diff --git a/clayui.com/src/styles/_guide.scss b/clayui.com/src/styles/_guide.scss
@@ -14,15 +14,15 @@
 	article {
 		> h3 {
 			font-size: $base-size * 0.7;
-			font-weight: 700;
-			margin-bottom: $base-size * 1.2;
+			font-weight: 700 !important;
+			margin-bottom: $base-size * 1.2 !important;
 			padding-top: $base-size * 1.5;
 			text-transform: uppercase;
 		}
 
 		> h4 {
-			font-weight: 600;
-			margin-bottom: $base-size * 1.2;
+			font-weight: 600 !important;
+			margin-bottom: $base-size * 1.2 !important;
 			padding-top: $base-size * 1.1;
 			text-transform: uppercase;
 		}

diff --git a/clayui.com/src/styles/site/_content-site.scss b/clayui.com/src/styles/site/_content-site.scss
@@ -3,16 +3,22 @@
 		margin-bottom: 1rem;
 	}
 
-	h1, h2, h3 {
-		color: $gray-800;
-		font-weight: 800;
-		margin: $base-size 0;
-		line-height: 1.25;
-		letter-spacing: 0.4px;
-
-		@media (min-width: $grid-float-breakpoint) {
-			margin-bottom: $base-size;
-			margin-top: $base-size * 2;
+	.clay-site-container.container-fluid,
+	.container-fluid > .row > .col-md-12 > div,
+	article {
+		> h1, 
+		> h2, 
+		> h3 {
+			color: $gray-800;
+			font-weight: 800;
+			margin: $base-size 0;
+			line-height: 1.25;
+			letter-spacing: 0.4px;
+
+			@media (min-width: $grid-float-breakpoint) {
+				margin-bottom: $base-size;
+				margin-top: $base-size * 2;
+			}
 		}
 	}
 
@@ -23,7 +29,7 @@
 			margin-top: 80px;
 		}
 
-		.container-fluid > h1 {
+		.clay-site-container.container-fluid > h1 {
 			margin: 0;
 		}
 	}