Browse Source

changed reply link font size and hover effect

Maggie 3 years ago
parent
commit
9acd573ee5

+ 5 - 1
blockbase/assets/ponyfill.css

@@ -413,13 +413,17 @@ p.has-background {
 }
 
 .wp-block-post-comments .reply {
-	font-size: var(--wp--preset--font-size--normal);
 	margin-top: var(--wp--custom--margin--vertical);
 	margin-bottom: 0;
 }
 
 .wp-block-post-comments .reply a {
 	display: inline-block;
+	text-decoration: underline;
+}
+
+.wp-block-post-comments .reply a:hover {
+	text-decoration: none;
 }
 
 .wp-block-post-comments form {

+ 0 - 6
blockbase/sass/blocks/_buttons-outline-style.scss

@@ -18,12 +18,6 @@
    	}
 }
 
-.wp-block-post-comments {
-   	input[type="submit"], .reply a {
-	   @include button-outline-hover-styles;
-   	}
-}
-
 //NOTE: Double-classed to raise specificity above parent theme's outline hover styles
 //as an alternative to !important.  Only needed for the editor.
 .wp-block-button.wp-block-button.is-style-outline {

+ 4 - 3
blockbase/sass/blocks/_post-comments.scss

@@ -1,17 +1,18 @@
-@import 'button-mixins';
-
 .wp-block-post-comments {
 	label, .comment-meta {
 		font-size: var(--wp--custom--form--label--typography--font-size);
 	}
 
 	.reply {
-		font-size: var(--wp--preset--font-size--normal);
 		margin-top: var(--wp--custom--margin--vertical);
 		margin-bottom: 0;
 
 		a {
 			display: inline-block;
+			text-decoration: underline;
+			&:hover {
+				text-decoration: none;
+			}
 		}
 	}
 

+ 0 - 10
geologist/assets/theme.css

@@ -72,16 +72,6 @@
 	padding-right: var(--wp--custom--button--spacing--padding--right);
 }
 
-.wp-block-post-comments input[type="submit"]:hover, .wp-block-post-comments input[type="submit"]:focus, .wp-block-post-comments input[type="submit"].has-focus, .wp-block-post-comments .reply a:hover, .wp-block-post-comments .reply a:focus, .wp-block-post-comments .reply a.has-focus {
-	border-style: var(--wp--custom--button--border--style);
-	border-color: currentColor;
-	border-width: var(--wp--custom--button--border--width);
-	padding-top: var(--wp--custom--button--spacing--padding--top);
-	padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-	padding-left: var(--wp--custom--button--spacing--padding--left);
-	padding-right: var(--wp--custom--button--spacing--padding--right);
-}
-
 .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
 .wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
 .wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,

+ 0 - 2
geologist/sass/blocks/_post-comments.scss

@@ -1,5 +1,3 @@
-@import "../../../blockbase/sass/blocks/button-mixins";
-
 .wp-block-post-comments {
 
 	form {

+ 0 - 10
quadrat/assets/theme.css

@@ -208,16 +208,6 @@
 	padding-right: var(--wp--custom--button--spacing--padding--right);
 }
 
-.wp-block-post-comments input[type="submit"]:hover, .wp-block-post-comments input[type="submit"]:focus, .wp-block-post-comments input[type="submit"].has-focus, .wp-block-post-comments .reply a:hover, .wp-block-post-comments .reply a:focus, .wp-block-post-comments .reply a.has-focus {
-	border-style: var(--wp--custom--button--border--style);
-	border-color: currentColor;
-	border-width: var(--wp--custom--button--border--width);
-	padding-top: var(--wp--custom--button--spacing--padding--top);
-	padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-	padding-left: var(--wp--custom--button--spacing--padding--left);
-	padding-right: var(--wp--custom--button--spacing--padding--right);
-}
-
 .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
 .wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
 .wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,

+ 0 - 2
quadrat/sass/blocks/_post-comments.scss

@@ -1,5 +1,3 @@
-@import "../../../blockbase/sass/blocks/button-mixins";
-
 .wp-block-post-comments {
 
 	form {

+ 5 - 10
skatepark/assets/theme.css

@@ -105,16 +105,6 @@ p {
 	padding-right: var(--wp--custom--button--spacing--padding--right);
 }
 
-.wp-block-post-comments input[type="submit"]:hover, .wp-block-post-comments input[type="submit"]:focus, .wp-block-post-comments input[type="submit"].has-focus, .wp-block-post-comments .reply a:hover, .wp-block-post-comments .reply a:focus, .wp-block-post-comments .reply a.has-focus {
-	border-style: var(--wp--custom--button--border--style);
-	border-color: currentColor;
-	border-width: var(--wp--custom--button--border--width);
-	padding-top: var(--wp--custom--button--spacing--padding--top);
-	padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-	padding-left: var(--wp--custom--button--spacing--padding--left);
-	padding-right: var(--wp--custom--button--spacing--padding--right);
-}
-
 .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
 .wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
 .wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
@@ -144,6 +134,11 @@ p {
 	padding-left: calc( max( 0.5 * ( 100% - var(--wp--custom--layout--wide-size) ) + var(--wp--custom--post-content--padding--left), var(--wp--custom--post-content--padding--left) ));
 }
 
+.wp-block-post-comments .reply a {
+	text-decoration-thickness: 0.07em;
+	text-underline-offset: 0.46ex;
+}
+
 .wp-block-post-comments form {
 	-moz-column-gap: 1.2em;
 	     column-gap: 1.2em;

+ 6 - 2
skatepark/sass/blocks/_post-comments.scss

@@ -1,7 +1,11 @@
-@import "../../../blockbase/sass/blocks/button-mixins";
-
 .wp-block-post-comments {
 
+	.reply {
+		a {
+			@include text-decoration;
+		}
+	}
+
 	form {
 		column-gap: 1.2em;
 	}