Browse Source

Add default top/bottom margins to items within template parts.

Kjell Reigstad 5 years ago
parent
commit
d4d1cef69a

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

@@ -795,6 +795,10 @@ hr.wp-block-separator.is-style-wide {
 	margin-top: 20px;
 	margin-top: 20px;
 	margin-bottom: 20px;
 	margin-bottom: 20px;
 }
 }
+.wp-block-template-part > * {
+	margin-top: 20px;
+	margin-bottom: 20px;
+}
 .widget-area > * {
 .widget-area > * {
 	margin-top: 20px;
 	margin-top: 20px;
 	margin-bottom: 20px;
 	margin-bottom: 20px;
@@ -825,6 +829,10 @@ hr.wp-block-separator.is-style-wide {
 		margin-top: 30px;
 		margin-top: 30px;
 		margin-bottom: 30px;
 		margin-bottom: 30px;
 	}
 	}
+	.wp-block-template-part > * {
+		margin-top: 30px;
+		margin-bottom: 30px;
+	}
 	.widget-area > * {
 	.widget-area > * {
 		margin-top: 30px;
 		margin-top: 30px;
 		margin-bottom: 30px;
 		margin-bottom: 30px;
@@ -840,6 +848,7 @@ hr.wp-block-separator.is-style-wide {
 .site-main > .not-found > *:first-child,
 .site-main > .not-found > *:first-child,
 .entry-content > *:first-child,
 .entry-content > *:first-child,
 [class*="inner-container"] > *:first-child,
 [class*="inner-container"] > *:first-child,
+.wp-block-template-part > *:first-child,
 .widget-area > *:first-child,
 .widget-area > *:first-child,
 .widget-column > *:first-child {
 .widget-column > *:first-child {
 	margin-top: 0;
 	margin-top: 0;
@@ -850,6 +859,7 @@ hr.wp-block-separator.is-style-wide {
 .site-main > .not-found > *:last-child,
 .site-main > .not-found > *:last-child,
 .entry-content > *:last-child,
 .entry-content > *:last-child,
 [class*="inner-container"] > *:last-child,
 [class*="inner-container"] > *:last-child,
+.wp-block-template-part > *:last-child,
 .widget-area > *:last-child,
 .widget-area > *:last-child,
 .widget-column > *:last-child {
 .widget-column > *:last-child {
 	margin-bottom: 0;
 	margin-bottom: 0;

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

@@ -109,6 +109,7 @@
 .site-main > .not-found > *, // apply vertical margins to article level
 .site-main > .not-found > *, // apply vertical margins to article level
 .entry-content > *,
 .entry-content > *,
 [class*="inner-container"] > *,
 [class*="inner-container"] > *,
+.wp-block-template-part > *,
 .widget-area > *,
 .widget-area > *,
 .widget-column > * {
 .widget-column > * {
 
 

+ 5 - 1
seedlet/style-rtl.css

@@ -1,6 +1,6 @@
 /*
 /*
 Theme Name: Seedlet
 Theme Name: Seedlet
-Theme URI: https://github.com/Automattic/themes/seedlet
+Theme URI: https://github.com/Automattic/themes/tree/master/seedlet
 Author: Automattic
 Author: Automattic
 Author URI: https://automattic.com/
 Author URI: https://automattic.com/
 Description: A simple, text-driven, single-column theme.
 Description: A simple, text-driven, single-column theme.
@@ -519,6 +519,7 @@ Included in theme screenshot.
 .site-main > .not-found > *,
 .site-main > .not-found > *,
 .entry-content > *,
 .entry-content > *,
 [class*="inner-container"] > *,
 [class*="inner-container"] > *,
+.wp-block-template-part > *,
 .widget-area > *,
 .widget-area > *,
 .widget-column > * {
 .widget-column > * {
 	margin-top: calc( 0.666 * var(--global--spacing-vertical));
 	margin-top: calc( 0.666 * var(--global--spacing-vertical));
@@ -531,6 +532,7 @@ Included in theme screenshot.
 	.site-main > .not-found > *,
 	.site-main > .not-found > *,
 	.entry-content > *,
 	.entry-content > *,
 	[class*="inner-container"] > *,
 	[class*="inner-container"] > *,
+	.wp-block-template-part > *,
 	.widget-area > *,
 	.widget-area > *,
 	.widget-column > * {
 	.widget-column > * {
 		margin-top: var(--global--spacing-vertical);
 		margin-top: var(--global--spacing-vertical);
@@ -543,6 +545,7 @@ Included in theme screenshot.
 .site-main > .not-found > *:first-child,
 .site-main > .not-found > *:first-child,
 .entry-content > *:first-child,
 .entry-content > *:first-child,
 [class*="inner-container"] > *:first-child,
 [class*="inner-container"] > *:first-child,
+.wp-block-template-part > *:first-child,
 .widget-area > *:first-child,
 .widget-area > *:first-child,
 .widget-column > *:first-child {
 .widget-column > *:first-child {
 	margin-top: 0;
 	margin-top: 0;
@@ -553,6 +556,7 @@ Included in theme screenshot.
 .site-main > .not-found > *:last-child,
 .site-main > .not-found > *:last-child,
 .entry-content > *:last-child,
 .entry-content > *:last-child,
 [class*="inner-container"] > *:last-child,
 [class*="inner-container"] > *:last-child,
+.wp-block-template-part > *:last-child,
 .widget-area > *:last-child,
 .widget-area > *:last-child,
 .widget-column > *:last-child {
 .widget-column > *:last-child {
 	margin-bottom: 0;
 	margin-bottom: 0;

+ 4 - 0
seedlet/style.css

@@ -527,6 +527,7 @@ Included in theme screenshot.
 .site-main > .not-found > *,
 .site-main > .not-found > *,
 .entry-content > *,
 .entry-content > *,
 [class*="inner-container"] > *,
 [class*="inner-container"] > *,
+.wp-block-template-part > *,
 .widget-area > *,
 .widget-area > *,
 .widget-column > * {
 .widget-column > * {
 	margin-top: calc( 0.666 * var(--global--spacing-vertical));
 	margin-top: calc( 0.666 * var(--global--spacing-vertical));
@@ -539,6 +540,7 @@ Included in theme screenshot.
 	.site-main > .not-found > *,
 	.site-main > .not-found > *,
 	.entry-content > *,
 	.entry-content > *,
 	[class*="inner-container"] > *,
 	[class*="inner-container"] > *,
+	.wp-block-template-part > *,
 	.widget-area > *,
 	.widget-area > *,
 	.widget-column > * {
 	.widget-column > * {
 		margin-top: var(--global--spacing-vertical);
 		margin-top: var(--global--spacing-vertical);
@@ -551,6 +553,7 @@ Included in theme screenshot.
 .site-main > .not-found > *:first-child,
 .site-main > .not-found > *:first-child,
 .entry-content > *:first-child,
 .entry-content > *:first-child,
 [class*="inner-container"] > *:first-child,
 [class*="inner-container"] > *:first-child,
+.wp-block-template-part > *:first-child,
 .widget-area > *:first-child,
 .widget-area > *:first-child,
 .widget-column > *:first-child {
 .widget-column > *:first-child {
 	margin-top: 0;
 	margin-top: 0;
@@ -561,6 +564,7 @@ Included in theme screenshot.
 .site-main > .not-found > *:last-child,
 .site-main > .not-found > *:last-child,
 .entry-content > *:last-child,
 .entry-content > *:last-child,
 [class*="inner-container"] > *:last-child,
 [class*="inner-container"] > *:last-child,
+.wp-block-template-part > *:last-child,
 .widget-area > *:last-child,
 .widget-area > *:last-child,
 .widget-column > *:last-child {
 .widget-column > *:last-child {
 	margin-bottom: 0;
 	margin-bottom: 0;