Module:Hatnote/styles.css: Difference between revisions

Revision as of 21:11, 22 July 2024

/* {{pp|small=y}} */
.hatnote {
	font-style: italic;
}

/* Limit structure CSS to divs because of [[Module:Hatnote inline]] */
div.hatnote {
	/* @noflip */
	padding-left: 1.6em;
	margin-bottom: 0.5em;
}

.hatnote i {
	font-style: normal;
}

/* The templatestyles element inserts a link element before hatnotes.
 * TODO: Remove link if/when WMF resolves T200206 */
.hatnote + link + .hatnote {
	margin-top: -0.5em;
}

@media print {
	body.ns-0 .hatnote {
		display: none !important;
	}
}

@@ Line 1: / Line 1: @@
-.hatnote-container {
+/* {{pp|small=y}} */
-    display: flex;
+.hatnote {
-    align-items: center;
+	font-style: italic;
-    padding: var( --space-sm ) var( --space-md );
-    margin-top: var( --space-xs );
-    margin-bottom: var( --space-md );
-    background: var( --color-surface-2 );
-    border-radius: var( --border-radius--medium );
-    color: var( --color-base--subtle );
-    font-size: var( --font-size-small );
-    line-height: var( --line-height-xs );
 }
-.hatnote-icon img {
+/* Limit structure CSS to divs because of [[Module:Hatnote inline]] */
-    display: block;
+div.hatnote {
-    width: var( --font-size-small );
+	/* @noflip */
-    height: auto;
+	padding-left: 1.6em;
-    margin-right: var( --space-xs );
+	margin-bottom: 0.5em;
-    opacity: var( --opacity-icon-base );
+}
-    filter: var( --filter-invert );
+.hatnote i {
+	font-style: normal;
+}
+/* The templatestyles element inserts a link element before hatnotes.
+ * TODO: Remove link if/when WMF resolves T200206 */
+.hatnote + link + .hatnote {
+	margin-top: -0.5em;
+}
+@media print {
+	body.ns-0 .hatnote {
+		display: none !important;
+	}
 }