Module:Hatnote/styles.css: Difference between revisions

Latest revision as of 23:51, 26 April 2025

.hatnote-container {
	display: flex;
	align-items: center;
	padding: var(--space-sm) var(--space-md);
	margin-block: var(--space-md);
	background: var(--color-surface-1);
	border: 1px solid var(--border-color-base);
	border-radius: var(--border-radius-medium);
	font-size: var(--font-size-small);
	line-height: var(--line-height-xx-small);
}

.hatnote-icon img {
	display: block;
	width: var(--font-size-small);
	height: auto;
	margin-right: var(--space-xs);
	opacity: var(--opacity-icon-base);
	filter: var(--filter-invert);
}

@@ Line 1: / Line 1: @@
-/* {{pp|small=y}} */
+.hatnote-container {
-.hatnote {
+	display: flex;
-	font-style: italic;
+	align-items: center;
+	padding: var(--space-sm) var(--space-md);
+	margin-block: var(--space-md);
+	background: var(--color-surface-1);
+	border: 1px solid var(--border-color-base);
+	border-radius: var(--border-radius-medium);
+	font-size: var(--font-size-small);
+	line-height: var(--line-height-xx-small);
 }
-/* Limit structure CSS to divs because of [[Module:Hatnote inline]] */
+.hatnote-icon img {
-div.hatnote {
+	display: block;
-	/* @noflip */
+	width: var(--font-size-small);
-	padding-left: 1.6em;
+	height: auto;
-	margin-bottom: 0.5em;
+	margin-right: var(--space-xs);
-}
+	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;
-	}
 }