Template:Sub/styles.css: Difference between revisions

.ability-sub-container {
	border-radius: var( --border-radius--large );
	background-color: var( --color-surface-1 );
	border: 1px solid var( --border-color-base );
}

.ability-sub-container .ability-sub-container {
	margin-top: 1em;
	background-color: var( --color-surface-2 );
}

.ability-sub-container .ability-sub-container .ability-sub-container {
	background-color: var( --color-surface-3 );
}

.ability-sub-box {
	border-radius: var( --border-radius--large );
	padding-left: 1em;
	padding-right: 1em;
}

.ability-sub-box + .ability-sub-box {
	margin-top: 0;
	border-top-left-radius: 0; 
	border-top-right-radius: 0;
	border-top: 1px solid var( --border-color-base );
}

.ability-sub-modifier,
.ability-sub-name {
	border-bottom-left-radius: 0; 
	border-bottom-right-radius: 0;
	color: var( --color-emphasized );
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.ability-sub-modifier *,
.ability-sub-name * {
	color: var( --color-emphasized );
}

.ability-sub-container + .ability-sub-container {
	margin-top: 1em;
}