Template:Button/styles.css: Difference between revisions
Template page
More actions
// via Wikitext Extension for VSCode Tag: Reverted |
// via Wikitext Extension for VSCode Tag: Manual revert |
||
| Line 1: | Line 1: | ||
.teriock-button { | .teriock-button { | ||
border-radius: var( --border-radius--small ); | border-radius: var( --border-radius--small ); | ||
padding: 0.5em; | |||
transition: 100ms; | transition: 100ms; | ||
background-color: var( --color-surface-1 ); | background-color: var( --color-surface-1 ); | ||
Revision as of 21:16, 22 March 2025
.teriock-button {
border-radius: var( --border-radius--small );
padding: 0.5em;
transition: 100ms;
background-color: var( --color-surface-1 );
border: 1px solid var( --border-color-base );
user-select: none;
color: var( --color-emphasized );
}
.teriock-button:hover {
box-shadow: var( --box-shadow-card );
}
.teriock-button:active {
background-color: var( --color-surface-2 );
}