More actions
Content deleted Content added
No edit summary |
// via Wikitext Extension for VSCode |
||
(30 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.ability-sub-container |
.ability-sub-container { |
||
border-radius: var( --border-radius--large ); |
border-radius: var( --border-radius--large ); |
||
background-color: var( --color-surface-1 ); |
background-color: var( --color-surface-1 ); |
||
border: 1px solid var( --border-color-base ); |
border: 1px solid var( --border-color-base ); |
||
margin-top: 1em; |
|||
⚫ | |||
.expandable-content-container .ability-sub-container, |
|||
.ability-sub-container .ability-sub-container { |
|||
margin-top: 1em; |
|||
background-color: var( --color-surface-2 ); |
|||
border-radius: var( --border-radius--medium ); |
|||
} |
|||
.expandable-content-container .ability-sub-container .ability-sub-container, |
|||
.ability-sub-container .ability-sub-container .ability-sub-container { |
|||
background-color: var( --color-surface-3 ); |
|||
border-radius: var( --border-radius--small ); |
|||
} |
|||
.expandable-content-container .ability-sub-container .ability-sub-container .ability-sub-container, |
|||
.ability-sub-container .ability-sub-container .ability-sub-container .ability-sub-container { |
|||
background-color: var( --color-surface-4 ); |
|||
⚫ | |||
} |
|||
⚫ | |||
padding-top: 1em; |
|||
margin-bottom: 1em; |
|||
} |
|||
.ability-sub-body > p { |
|||
margin-top: 0; |
|||
} |
|||
.ability-sub-box { |
|||
border-radius: var( --border-radius--large ); |
|||
padding-left: 1em; |
padding-left: 1em; |
||
padding-right: 1em; |
padding-right: 1em; |
||
} |
|||
.ability-sub-box + .ability-sub-box { |
|||
margin-top: 0; |
|||
⚫ | |||
⚫ | |||
border-top: 1px solid var( --border-color-base ); |
|||
} |
} |
||
Line 11: | Line 51: | ||
border-bottom-left-radius: 0; |
border-bottom-left-radius: 0; |
||
border-bottom-right-radius: 0; |
border-bottom-right-radius: 0; |
||
color: var( --color-emphasized ); |
|||
padding-top: 0.5em !important; |
|||
padding-bottom: 0.5em; |
|||
} |
} |
||
.ability-sub-modifier |
.ability-sub-modifier *, |
||
.ability-sub- |
.ability-sub-name * { |
||
color: var( --color-emphasized ); |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
border-top-right-radius: 0; |
|||
} |
} |
||
.ability-sub-container + .ability-sub-container { |
.ability-sub-container + .ability-sub-container { |
||
margin-top: 1em; |
margin-top: 1em; |
||
} |
|||
.es-wording-container .ability-sub-container { |
|||
display: none; |
|||
} |
} |
Latest revision as of 07:38, 23 April 2025
.ability-sub-container {
border-radius: var( --border-radius--large );
background-color: var( --color-surface-1 );
border: 1px solid var( --border-color-base );
margin-top: 1em;
}
.expandable-content-container .ability-sub-container,
.ability-sub-container .ability-sub-container {
margin-top: 1em;
background-color: var( --color-surface-2 );
border-radius: var( --border-radius--medium );
}
.expandable-content-container .ability-sub-container .ability-sub-container,
.ability-sub-container .ability-sub-container .ability-sub-container {
background-color: var( --color-surface-3 );
border-radius: var( --border-radius--small );
}
.expandable-content-container .ability-sub-container .ability-sub-container .ability-sub-container,
.ability-sub-container .ability-sub-container .ability-sub-container .ability-sub-container {
background-color: var( --color-surface-4 );
border-radius: 0;
}
.ability-sub-body {
padding-top: 1em;
margin-bottom: 1em;
}
.ability-sub-body > p {
margin-top: 0;
}
.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 !important;
padding-bottom: 0.5em;
}
.ability-sub-modifier *,
.ability-sub-name * {
color: var( --color-emphasized );
}
.ability-sub-container + .ability-sub-container {
margin-top: 1em;
}
.es-wording-container .ability-sub-container {
display: none;
}