Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
You must create an account or log in to edit.

Module:Note/styles.css: Difference between revisions

From Amaranth Legacy, available at amaranth-legacy.community
Content deleted Content added
No edit summary
No edit summary
Line 1: Line 1:
.module-note-container {
.module-note-container {
display: flex;
display: flex;
align-items: center;
align-items: center;
padding: var( --space-sm ) var( --space-md );
padding: var(--space-sm) var(--space-md);
margin-top: var( --space-xs );
margin-top: var(--space-xs);
margin-bottom: var( --space-md );
margin-bottom: var(--space-md);
background: var( --background-color-progressive );
background: var(--background-color-progressive);
color: var( --color-inverted-primary );
color: var(--color-inverted-primary);
border-radius: var( --border-radius--medium );
border-radius: var(--border-radius--medium);
}
}


.module-note-icon img {
.module-note-icon img {
display: block;
display: block;
margin-right: var( --space-xs );
margin-right: var(--space-xs);
filter: var( --filter-invert-fixed );
filter: var(--filter-invert-fixed);
}

.module-note::selection {
background-color: var(--color-syntax-orange);
}
}

Revision as of 05:05, December 9, 2024

.module-note-container {
	display: flex;
	align-items: center;
	padding: var(--space-sm) var(--space-md);
	margin-top: var(--space-xs);
	margin-bottom: var(--space-md);
	background: var(--background-color-progressive);
	color: var(--color-inverted-primary);
	border-radius: var(--border-radius--medium);
}

.module-note-icon img {
	display: block;
	margin-right: var(--space-xs);
	filter: var(--filter-invert-fixed);
}

.module-note::selection {
	background-color: var(--color-syntax-orange);
}