Browse Source

fix line height on the categories block

Ben Dwyer 4 years ago
parent
commit
f0ebef6d51

+ 2 - 1
spearhead/assets/sass/block-extends/_categories.scss

@@ -12,7 +12,8 @@ ul.wp-block-categories,
     }
 
 	.cat-item {
-		padding: 5px 0;
+		line-height: 2.2em;
+		margin: 0 0 5px 0;
 	}
 
 	a {

+ 7 - 7
spearhead/assets/sass/block-extends/_search.scss

@@ -1,3 +1,8 @@
+@mixin input-search-style() {
+    background: transparent;
+    color: var(--global--color-secondary);
+}
+
 .wp-block-search {
 
 	// wrong class on gutenberg editor, we'll need to change it after that's fixed
@@ -52,18 +57,13 @@
 	}
 
 	.wp-block-search__inside-wrapper {
+        @include input-search-style();
 		align-items: center;
-		@extend %input-search-style;
 	}
 
 	.wp-block-search__input {
+        @include input-search-style();
 		border: none;
 		border-bottom: var(--form--border-width) solid var(--form--border-color);
-		@extend %input-search-style;
 	}
 }
-
-%input-search-style {
-	background: transparent;
-	color: var(--global--color-secondary);
-}

+ 6 - 6
spearhead/style-rtl.css

@@ -349,17 +349,16 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 }
 
 .wp-block-search .wp-block-search__inside-wrapper {
+	background: transparent;
+	color: var(--global--color-secondary);
 	align-items: center;
 }
 
 .wp-block-search .wp-block-search__input {
-	border: none;
-	border-bottom: var(--form--border-width) solid var(--form--border-color);
-}
-
-.wp-block-search .wp-block-search__inside-wrapper, .wp-block-search .wp-block-search__input {
 	background: transparent;
 	color: var(--global--color-secondary);
+	border: none;
+	border-bottom: var(--form--border-width) solid var(--form--border-color);
 }
 
 .wp-block-latest-posts {
@@ -418,7 +417,8 @@ ul.wp-block-categories,
 }
 
 .wp-block-categories .cat-item {
-	padding: 5px 0;
+	line-height: 2.2em;
+	margin: 0 0 5px 0;
 }
 
 .wp-block-categories a {

+ 6 - 6
spearhead/style.css

@@ -349,17 +349,16 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 }
 
 .wp-block-search .wp-block-search__inside-wrapper {
+	background: transparent;
+	color: var(--global--color-secondary);
 	align-items: center;
 }
 
 .wp-block-search .wp-block-search__input {
-	border: none;
-	border-bottom: var(--form--border-width) solid var(--form--border-color);
-}
-
-.wp-block-search .wp-block-search__inside-wrapper, .wp-block-search .wp-block-search__input {
 	background: transparent;
 	color: var(--global--color-secondary);
+	border: none;
+	border-bottom: var(--form--border-width) solid var(--form--border-color);
 }
 
 .wp-block-latest-posts {
@@ -418,7 +417,8 @@ ul.wp-block-categories,
 }
 
 .wp-block-categories .cat-item {
-	padding: 5px 0;
+	line-height: 2.2em;
+	margin: 0 0 5px 0;
 }
 
 .wp-block-categories a {

File diff suppressed because it is too large
+ 0 - 0
spearhead/style.css.map


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