Template:Button/styles.css: Difference between revisions
Template page
More actions
// via Wikitext Extension for VSCode |
// via Wikitext Extension for VSCode |
||
| Line 1: | Line 1: | ||
.teriock-button { | .teriock-button { | ||
border-radius: var( --border-radius--small ); | border-radius: var( --border-radius--small ); | ||
padding: 0. | padding: 0.4em; | ||
padding-left: 0.75em; | padding-left: 0.75em; | ||
padding-right: 0.75em; | padding-right: 0.75em; | ||
Revision as of 21:21, 22 March 2025
.teriock-button {
border-radius: var( --border-radius--small );
padding: 0.4em;
padding-left: 0.75em;
padding-right: 0.75em;
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 );
}