Browse Source

update CSS for the editor

Ben Dwyer 4 years ago
parent
commit
47964fcb21

+ 11 - 2
spearhead/assets/sass/block-extends/_navigation.scss

@@ -1,12 +1,21 @@
 .wp-block-navigation {
 	.wp-block-navigation__container {
+		p {
+			line-height: 2.5;
+		}
 		.wp-block-navigation-link {
-			margin: 0 calc( 0.5 * var(--global--spacing-unit) );
+			margin: 0 calc( 0.2 * var(--global--spacing-unit) );
 
 			.wp-block-navigation-link__content {
+				border-bottom: 1px solid transparent;
 				color: var(--wp--style--color--link, var(--global--color-primary));
-				line-height: var(--global--line-height-body);
+				line-height: 1;
 				padding: 0;
+
+				&:hover {
+					border-color: var(--global--color-primary-hover);
+					color: var(--global--color-primary-hover);
+				}
 			}
 		}
 	}

+ 12 - 2
spearhead/style-rtl.css

@@ -372,16 +372,26 @@ ul.wp-block-categories,
 	margin-right: 0;
 }
 
+.wp-block-navigation .wp-block-navigation__container p {
+	line-height: 2.5;
+}
+
 .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-link {
-	margin: 0 calc( 0.5 * var(--global--spacing-unit));
+	margin: 0 calc( 0.2 * var(--global--spacing-unit));
 }
 
 .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content {
+	border-bottom: 1px solid transparent;
 	color: var(--wp--style--color--link, var(--global--color-primary));
-	line-height: var(--global--line-height-body);
+	line-height: 1;
 	padding: 0;
 }
 
+.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content:hover {
+	border-color: var(--global--color-primary-hover);
+	color: var(--global--color-primary-hover);
+}
+
 .wp-block-jetpack-related-posts .jp-related-posts-i2__post {
 	margin: 0 0 0 var(--global--spacing-horizontal);
 }

+ 12 - 2
spearhead/style.css

@@ -372,16 +372,26 @@ ul.wp-block-categories,
 	margin-left: 0;
 }
 
+.wp-block-navigation .wp-block-navigation__container p {
+	line-height: 2.5;
+}
+
 .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-link {
-	margin: 0 calc( 0.5 * var(--global--spacing-unit));
+	margin: 0 calc( 0.2 * var(--global--spacing-unit));
 }
 
 .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content {
+	border-bottom: 1px solid transparent;
 	color: var(--wp--style--color--link, var(--global--color-primary));
-	line-height: var(--global--line-height-body);
+	line-height: 1;
 	padding: 0;
 }
 
+.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content:hover {
+	border-color: var(--global--color-primary-hover);
+	color: var(--global--color-primary-hover);
+}
+
 .wp-block-jetpack-related-posts .jp-related-posts-i2__post {
 	margin: 0 var(--global--spacing-horizontal) 0 0;
 }

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