Merge pull request #60 from Codeinwp/reduce-buttons-padding-on-mobile

Changes the padding on Mobile for buttons
Codeinwp · Aug 2, 2023 · cedd914 · cedd914
2 parents cad26e5 + 943a52c
commit cedd914
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/assets/css/src/common/_generic.scss b/assets/css/src/common/_generic.scss
@@ -1,3 +1,5 @@
+@custom-media --mobile (max-width: 481px);
+
 * {
 	box-sizing: border-box;
 }
@@ -76,4 +78,15 @@ body .wp-block-button.is-style-outline > .wp-block-button__link,
 body .wp-block-button .wp-block-button__link.is-style-outline {
 	border: 2px solid;
 	padding: 16px 40px;
+
+	@media (--mobile) {
+		padding: 16px 20px;
+	}
+}
+
+body .wp-block-button .wp-block-button__link {
+
+	@media (--mobile) {
+		padding: 16px 20px;
+	}
 }