Template:Tag/styles.css: Difference between revisions
Template page
More actions
No edit summary |
No edit summary |
||
| Line 9: | Line 9: | ||
user-select: none; | user-select: none; | ||
text-decoration: none; | text-decoration: none; | ||
} | |||
.tag-pill-linked { | |||
transition: 100ms; | |||
} | } | ||
| Line 17: | Line 21: | ||
.tag-pill-linked:active { | .tag-pill-linked:active { | ||
box-shadow: none; | box-shadow: none; | ||
background-color: var( --color-surface-2 ); | |||
color: var( --color-emphasized ); | |||
} | } | ||
.tag-container-linked:active { | .tag-container-linked:active { | ||
background-color: var( --color-surface-1 ); | background-color: var( --color-surface-1 ); | ||
color: var( --color-emphasized ); | |||
} | } | ||
.tag-pill { | .tag-pill { | ||
background-color: var( --color-surface-1 ); | |||
border: 1px solid var( --border-color-base ); | border: 1px solid var( --border-color-base ); | ||
border-radius: var( --border-radius--small ); | border-radius: var( --border-radius--small ); | ||
padding-left: 0.25em; | padding-left: 0.25em; | ||
padding-right: 0.25em; | padding-right: 0.25em; | ||
} | } | ||
.tag-symbol { | .tag-symbol { | ||
padding-right: 0.25em; | padding-right: 0.25em; | ||
margin-right: 0.25em; | |||
border-right: 1px solid var( --border-color-base ); | border-right: 1px solid var( --border-color-base ); | ||
border-radius: 0; | border-radius: 0; | ||
} | } | ||
Revision as of 20:37, 26 December 2024
.tag-container {
border-radius: var( --border-radius--small );
margin-left: 0.125em;
margin-right: 0.125em;
transition: 100ms;
}
.tag-container * {
user-select: none;
text-decoration: none;
}
.tag-pill-linked {
transition: 100ms;
}
.tag-pill-linked:hover {
box-shadow: var( --box-shadow-card );
}
.tag-pill-linked:active {
box-shadow: none;
background-color: var( --color-surface-2 );
color: var( --color-emphasized );
}
.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--small );
padding-left: 0.25em;
padding-right: 0.25em;
}
.tag-symbol {
padding-right: 0.25em;
margin-right: 0.25em;
border-right: 1px solid var( --border-color-base );
border-radius: 0;
}