Browse Source

remove the %responsive-alignfull-width-mobile mixin

Ben Dwyer 4 years ago
parent
commit
2baa87c04b

+ 0 - 28
seedlet/assets/css/ie.css

@@ -192,34 +192,6 @@ hr.wp-block-separator.is-style-wide {
 	}
 }
 
-.full-max-width {
-	max-width: calc(100% + 50px);
-	width: calc(100% + 50px);
-	margin-left: -25px;
-	margin-right: auto;
-}
-
-.wp-block-group .wp-block-group__inner-container > *.alignfull {
-	max-width: calc(100% + 50px);
-	width: calc(100% + 50px);
-	margin-left: -25px;
-	margin-right: auto;
-}
-
-.alignfull {
-	max-width: calc(100% + 50px);
-	width: calc(100% + 50px);
-	margin-left: -25px;
-	margin-right: auto;
-}
-
-.singular .post-thumbnail {
-	max-width: calc(100% + 50px);
-	width: calc(100% + 50px);
-	margin-left: -25px;
-	margin-right: auto;
-}
-
 @media only screen and (min-width: 482px) {
 	.full-max-width {
 		max-width: 100%;

+ 0 - 4
seedlet/assets/sass/blocks/group/_style.scss

@@ -10,10 +10,6 @@
 			margin-top: calc( 0.666 * var(--global--spacing-vertical) );
 			margin-bottom: calc( 0.666 * var(--global--spacing-vertical) );
 
-			&.alignfull {
-				@extend %responsive-alignfull-width-mobile;
-			}
-
 			@include media(mobile) {
 				margin-top: var(--global--spacing-vertical);
 				margin-bottom: var(--global--spacing-vertical);

+ 0 - 1
seedlet/assets/sass/blocks/utilities/_style.scss

@@ -85,7 +85,6 @@
  */
 .alignfull {
 	clear: both;
-	@extend %responsive-alignfull-width-mobile;
 	@extend %responsive-alignfull-width;
 }
 

+ 1 - 2
seedlet/assets/sass/components/entry/_post-thumbnail.scss

@@ -7,11 +7,10 @@
 	text-align: center;
 
 	.singular & {
-		@extend %responsive-alignfull-width-mobile;
 		@extend %responsive-alignfull-width;
 	}
 
 	.post-thumbnail-inner {
 		display: block;
 	}
-}
+}

+ 0 - 7
seedlet/assets/sass/structure/_responsive-logic.scss

@@ -119,13 +119,6 @@ $breakpoint_xxl: 1024px;
 	margin-right: auto;
 }
 
-%responsive-alignfull-width-mobile {
-	max-width: calc(100% + (2 * var(--global--spacing-horizontal)));
-	width: calc(100% + (2 * var(--global--spacing-horizontal)));
-	margin-left: calc(-1 * var(--global--spacing-horizontal));
-	margin-right: auto;
-}
-
 @include media(mobile) {
 	%responsive-alignfull-width {
 		max-width: var(--responsive--alignfull-width);

+ 0 - 1
seedlet/assets/sass/structure/_vertical-margins.scss

@@ -73,7 +73,6 @@
  * Set the full maximum responsive content-width
  */
 .full-max-width {
-	@extend %responsive-alignfull-width-mobile;
 	@extend %responsive-alignfull-width;
 }
 

+ 0 - 7
seedlet/style-rtl.css

@@ -341,13 +341,6 @@ Included in theme screenshot and in block patterns.
 	margin-left: auto;
 }
 
-.full-max-width, .wp-block-group .wp-block-group__inner-container > *.alignfull, .alignfull, .singular .post-thumbnail {
-	max-width: calc(100% + (2 * var(--global--spacing-horizontal)));
-	width: calc(100% + (2 * var(--global--spacing-horizontal)));
-	margin-right: calc(-1 * var(--global--spacing-horizontal));
-	margin-left: auto;
-}
-
 @media only screen and (min-width: 482px) {
 	.full-max-width, .alignfull, .singular .post-thumbnail {
 		max-width: var(--responsive--alignfull-width);

+ 0 - 7
seedlet/style.css

@@ -341,13 +341,6 @@ Included in theme screenshot and in block patterns.
 	margin-right: auto;
 }
 
-.full-max-width, .wp-block-group .wp-block-group__inner-container > *.alignfull, .alignfull, .singular .post-thumbnail {
-	max-width: calc(100% + (2 * var(--global--spacing-horizontal)));
-	width: calc(100% + (2 * var(--global--spacing-horizontal)));
-	margin-left: calc(-1 * var(--global--spacing-horizontal));
-	margin-right: auto;
-}
-
 @media only screen and (min-width: 482px) {
 	.full-max-width, .alignfull, .singular .post-thumbnail {
 		max-width: var(--responsive--alignfull-width);