Browse Source

Blockbase: Move hide-accesibly mixin to Blockbase

Sarah Norris 4 years ago
parent
commit
2f4f5e9f4b

+ 12 - 0
blockbase/assets/ponyfill.css

@@ -472,10 +472,22 @@ p.has-background {
 }
 
 .wp-block-post-comments form .comment-form-cookies-consent input[type="checkbox"] {
+	border: 0;
+	clip: rect(1px, 1px, 1px, 1px);
+	clip-path: inset(50%);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+	word-wrap: normal !important;
 	margin-left: 0;
 }
 
 .wp-block-post-comments form .comment-form-cookies-consent input[type="checkbox"] + label {
+	margin-left: 0;
+	padding-left: 3em;
 	position: relative;
 }
 

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

@@ -1,4 +1,5 @@
 @import 'button-mixins';
+@import '../base/mixins';
 
 .wp-block-post-comments {
 
@@ -32,8 +33,11 @@
 
 		.comment-form-cookies-consent {
 			input[type="checkbox"] {
+				@include hide-accesibly;
 				margin-left: 0;
 				& + label {
+					margin-left: 0;
+					padding-left: 3em;
 					position: relative;
 				}
 				& + label::before,

+ 0 - 19
quadrat/assets/theme.css

@@ -391,25 +391,6 @@ ul ul {
 	grid-area: cookies-consent;
 }
 
-.wp-block-post-comments form .comment-form-cookies-consent input[type="checkbox"] {
-	border: 0;
-	clip: rect(1px, 1px, 1px, 1px);
-	-webkit-clip-path: inset(50%);
-	        clip-path: inset(50%);
-	height: 1px;
-	margin: -1px;
-	overflow: hidden;
-	padding: 0;
-	position: absolute;
-	width: 1px;
-	word-wrap: normal !important;
-}
-
-.wp-block-post-comments form .comment-form-cookies-consent input[type="checkbox"] + label {
-	margin-left: 0;
-	padding-left: 2em;
-}
-
 .wp-block-post-comments form .form-submit {
 	grid-area: form-submit;
 }

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

@@ -74,15 +74,6 @@
 
 		.comment-form-cookies-consent {
 			grid-area: cookies-consent;
-
-			input[type="checkbox"] {
-				@include hide-accesibly;
-				& + label {
-					margin-left: 0;
-					padding-left: 2em;
-				}
-			}
-
 		}
 
 		.form-submit {

+ 0 - 19
skatepark/assets/theme.css

@@ -196,25 +196,6 @@
 	margin-bottom: var(--wp--custom--margin--vertical);
 }
 
-.wp-block-post-comments form .comment-form-cookies-consent input[type="checkbox"] {
-	border: 0;
-	clip: rect(1px, 1px, 1px, 1px);
-	-webkit-clip-path: inset(50%);
-	        clip-path: inset(50%);
-	height: 1px;
-	margin: -1px;
-	overflow: hidden;
-	padding: 0;
-	position: absolute;
-	width: 1px;
-	word-wrap: normal !important;
-}
-
-.wp-block-post-comments form .comment-form-cookies-consent input[type="checkbox"] + label {
-	margin-left: 0;
-	padding-left: 3em;
-}
-
 .wp-block-post-comments form .form-submit {
 	grid-area: form-submit;
 }

+ 0 - 8
skatepark/sass/blocks/_post-comments.scss

@@ -90,14 +90,6 @@
 		.comment-form-cookies-consent {
 			grid-area: cookies-consent;
 			margin-bottom: var(--wp--custom--margin--vertical);
-
-			input[type="checkbox"] {
-				@include hide-accesibly;
-				& + label {
-					margin-left: 0;
-					padding-left: 3em;
-				}
-			}
 		}
 
 		.form-submit {