Template:Tag/styles.css: Difference between revisions

.tag-container {
	border-radius: var( --border-radius-base );
	/*margin-left: 0.125em;*/
	/*margin-right: 0.125em;*/
	transition: 100ms;
	white-space:nowrap;
}

.tag-container + .tag-container {
	margin-left: 0.25em;
}

.tag-container * {
	user-select: none;
	text-decoration: none;
}

.tag-pill-linked {
	transition: 100ms;
}

.tag-secondary .tag-pill-linked {
	opacity: 0.5;
}

.tag-pill-linked:hover {
	box-shadow: var( --box-shadow-card );
	opacity: 1;
}

.tag-pill-linked:active {
	box-shadow: none;
	background-color: var( --color-surface-2 );
	opacity: 1;
}

.tag-container-linked:active {
	background-color: var( --color-surface-1 );
	color: var( --color-emphasized );
}

.tag-pill {
	background-color: var( --color-surface-1 );
	border: 1px solid var( --border-color-base );
	border-radius: var( --border-radius-base );
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.expandable-content-container .tag-pill,
.ability-sub-container .tag-pill {
	background-color: var( --color-surface-2 )
}

.expandable-content-container .ability-sub-container .tag-pill,
.ability-sub-container .ability-sub-container .tag-pill {
	background-color: var( --color-surface-3 )
}

.expandable-content-container .ability-sub-container .ability-sub-container .tag-pill,
.ability-sub-container .ability-sub-container .ability-sub-container .tag-pill {
	background-color: var( --color-surface-4 )
}

.tag-symbol {
	padding-right: 0.25em;
	margin-right: 0.25em;
	border-right: 1px solid var( --border-color-base );
	border-radius: 0;
}

.es-wording-container .tag-pill {
	background-color: transparent;
}