Browse Source

Merge pull request #804 from Automattic/769-fixes_separator_missing_styles

Closes #769 - fixes missing styles for dots and wide for separator bl…
Jeffrey Pearce 6 years ago
parent
commit
5665b4c260

+ 11 - 2
calm-business/sass/blocks/_blocks.scss

@@ -620,7 +620,7 @@
 		}
 		border: 0;
     	&:after {
-			background-color: $color__text-main-alt;
+			background-color: $color__background-hr;
 			content: '';
 			display: block;
 			height: 2px;
@@ -628,8 +628,13 @@
 		}
 
 		&.is-style-wide {
+			background-color: $color__background-hr;
 			max-width: 100%;
 			@include postContentMaxWidth();
+
+			&:after {
+				display: none;
+			}
 		}
 
 		&.is-style-dots {
@@ -641,11 +646,15 @@
 			text-align: center;
 
 			&:before {
-				color: $color__text-light;
+				color: $color__background-hr;
 				font-size: $font__size-lg;
 				letter-spacing: $font__size-sm;
 				padding-left: $font__size-sm;
 			}
+
+			&:after {
+				display: none;
+			}
 		}
 
 		/* Remove duplicate rule-line when a separator

+ 1 - 1
calm-business/sass/variables-site/_colors.scss

@@ -5,7 +5,7 @@ $color__background-body-dark: #6C6C74;
 $color__background-body-light: #fff;
 $color__background-input: #fff;
 $color__background-screen: #f1f1f1;
-$color__background-hr: #ccc;
+$color__background-hr: #2E2E2E;
 $color__background-button: #8D6708;
 $color__background-button-hover: #111;
 $color__background-pre: #eee;

File diff suppressed because it is too large
+ 347 - 529
calm-business/style-editor.css


+ 11 - 2
calm-business/style-editor.scss

@@ -593,7 +593,7 @@ hr {
 	max-width: calc(6*(100vw/12) - 28px) !important;
 	border: 0;
 	&:after {
-		background-color: $color__text-main-alt;
+		background-color: $color__background-hr;
 		content: '';
 		display: block;
 		height: 2px;
@@ -601,7 +601,12 @@ hr {
 	}
 
 	&.is-style-wide {
+		background-color: $color__background-hr;
 		@include postContentMaxWidth();
+
+		&:after {
+			display: none;
+		}
 	}
 
 	&.is-style-dots {
@@ -612,11 +617,15 @@ hr {
 		text-align: center;
 
 		&:before {
-			color: $color__text-light;
+			color: $color__background-hr;
 			font-size: $font__size-lg;
 			letter-spacing: $font__size-sm;
 			padding-left: $font__size-sm;
 		}
+
+		&:after {
+			display: none;
+		}
 	}
 
 	/* Remove duplicate rule-line when a separator

+ 25 - 46
calm-business/style-jetpack.css

@@ -7,24 +7,17 @@
 /* Infinite scroll */
 .site-main #infinite-handle span button {
   font-family: "Poppins", sans-serif;
-  background: #8D6708;
-}
-
-.site-main #infinite-handle span button:hover {
-  background: #111;
-  cursor: pointer;
-}
-
-.site-main #infinite-handle span button:visited {
-  color: #FAF8F5;
-  text-decoration: none;
-}
-
-.site-main #infinite-handle span button:focus {
-  background: #111;
-  outline: thin dotted;
-  outline-offset: -4px;
-}
+  background: #8D6708; }
+  .site-main #infinite-handle span button:hover {
+    background: #111;
+    cursor: pointer; }
+  .site-main #infinite-handle span button:visited {
+    color: #FAF8F5;
+    text-decoration: none; }
+  .site-main #infinite-handle span button:focus {
+    background: #111;
+    outline: thin dotted;
+    outline-offset: -4px; }
 
 /**
   * Responsive Videos
@@ -36,30 +29,24 @@
 .entry h3.sd-title {
   font-family: "Poppins", sans-serif;
   font-weight: 600;
-  letter-spacing: normal;
-}
+  letter-spacing: normal; }
 
 /**
   * Related Posts
   */
 .entry #jp-relatedposts h3.jp-relatedposts-headline {
   font-family: "Poppins", sans-serif;
-  font-weight: 600;
-}
-
-.entry #jp-relatedposts h3.jp-relatedposts-headline em {
-  font-weight: inherit;
-}
+  font-weight: 600; }
+  .entry #jp-relatedposts h3.jp-relatedposts-headline em {
+    font-weight: inherit; }
 
 .entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
-  font-family: "Poppins", sans-serif;
-}
+  font-family: "Poppins", sans-serif; }
 
 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
-  font-family: "Poppins", sans-serif;
-}
+  font-family: "Poppins", sans-serif; }
 
 /**
   * Stats
@@ -72,20 +59,17 @@
   */
 /* Authors Widget */
 .widget_authors > ul > li > a {
-  font-family: "Poppins", sans-serif;
-}
+  font-family: "Poppins", sans-serif; }
 
 /* Display WordPress Posts */
 /* GoodReads */
 /* EU cookie law */
 .widget_eu_cookie_law_widget #eu-cookie-law {
-  font-family: "Poppins", sans-serif;
-}
+  font-family: "Poppins", sans-serif; }
 
 /* RSS Links */
 .widget_rss_links li {
-  font-family: "Poppins", sans-serif;
-}
+  font-family: "Poppins", sans-serif; }
 
 /**
   * Content Options
@@ -95,24 +79,19 @@
  */
 /* Mailchimp Block - Temp Fix */
 .wp-block-jetpack-mailchimp input[type="email"] {
-  width: 100%;
-}
+  width: 100%; }
 
 .wp-block-jetpack-mailchimp #wp-block-jetpack-mailchimp_consent-text {
-  font-size: 0.71111em;
-}
+  font-size: 0.7111111111em; }
 
 /* Business Hours - Temp Fix */
 .jetpack-business-hours dt,
 .jetpack-business-hours dd {
-  float: left;
-}
+  float: left; }
 
 .jetpack-business-hours dt {
   clear: both;
-  margin-right: 0.5rem;
-}
+  margin-right: 0.5rem; }
 
 .jetpack-business-hours dd {
-  margin: 0;
-}
+  margin: 0; }

File diff suppressed because it is too large
+ 196 - 336
calm-business/style.css


Some files were not shown because too many files changed in this diff