Limit scope of margin rule (#174)

LZylstra · Lindsey Zylstra · web-flow · commit 11e3c058806d · 2024-12-05T15:22:05.000-05:00
Co-authored-by: Lindsey Zylstra &lt;lindsey@directus.io&gt;
diff --git a/components/ResourcePage.vue b/components/ResourcePage.vue
@@ -379,10 +379,6 @@ const related = computed(() => {
 			border-block-end: 1px solid var(--gray-200);
 			margin-block-end: var(--space-10);
 
-			* + * {
-				margin-block-start: var(--space-10);
-			}
-
 			.featured {
 				width: 100%;
 			}
@@ -500,4 +496,8 @@ const related = computed(() => {
 		}
 	}
 }
+
+.content main > * + * {
+	margin-block-start: var(--space-10);
+}
 </style>

Original file line number	Diff line number	Diff line change
`@@ -379,10 +379,6 @@ const related = computed(() => {`
`379`	`379`	`border-block-end: 1px solid var(--gray-200);`
`380`	`380`	`margin-block-end: var(--space-10);`
`381`	`381`
`382`		`- * + * {`
`383`		`- margin-block-start: var(--space-10);`
`384`		`- }`
`385`		`-`
`386`	`382`	`.featured {`
`387`	`383`	`width: 100%;`
`388`	`384`	`}`
`@@ -500,4 +496,8 @@ const related = computed(() => {`
`500`	`496`	`}`
`501`	`497`	`}`
`502`	`498`	`}`
	`499`	`+`
	`500`	`+.content main > * + * {`
	`501`	`+ margin-block-start: var(--space-10);`
	`502`	`+}`
`503`	`503`	`</style>`