mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-09-15 17:46:55 +00:00
4.20.89
* Added: Setting to display timestamps on additional types of chat messages. (Closes #983) * Changed: Do not set a Chat Width by default. * Changed: Have WebMunch dump a list of possible webpack bundle names when failing to find webpack. * Fixed: Appearance issues caused by Twitch's continual migration to procedural CSS class names, requiring duplicate CSS to achieve a native look. * Fixed: Ambiguous input field names in some FFZ Control Center widgets. (Closes #1017) * Fixed: Stop using Algolia for tag search.
This commit is contained in:
parent
fa33491eec
commit
ae90b8e4fe
35 changed files with 306 additions and 222 deletions
67
styles/native/link.scss
Normal file
67
styles/native/link.scss
Normal file
|
@ -0,0 +1,67 @@
|
|||
.ffz-link {
|
||||
color: var(--color-text-link);
|
||||
text-decoration: none;
|
||||
|
||||
.tw-root--hover &:hover {
|
||||
color: var(--color-text-link-hover);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
&:active { color: var(--color-text-link-active); }
|
||||
&[data-focus-visible-added], &:focus { color: var(--color-text-link-focus); }
|
||||
&:visited { color: var(--color-text-link-visited); }
|
||||
|
||||
&--overlay {
|
||||
color: var(--color-text-overlay-link);
|
||||
text-decoration: underline;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.tw-root--hover &:hover {
|
||||
color: var(--color-text-overlay-link-hover);
|
||||
}
|
||||
|
||||
&:active { color: var(--color-text-overlay-link-active) }
|
||||
&:focus, &[data-focus-visible-added] { color: var(--color-text-overlay-link-focus) }
|
||||
&:visited { color: var(--color-text-overlay-link-visited) }
|
||||
}
|
||||
|
||||
&--underline { text-decoration: underline; }
|
||||
|
||||
&--inherit {
|
||||
&, &:visited, &:focus, &[data-focus-visible-added], &:active {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.tw-root--hover &:hover {
|
||||
color: var(--color-text-link-hover);
|
||||
}
|
||||
}
|
||||
|
||||
.tw-root--hover &--hover-color-inherit:hover {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.tw-root--hover &--hover-underline-none {
|
||||
&, &:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
&--button {
|
||||
&:active {
|
||||
outline: none
|
||||
}
|
||||
}
|
||||
|
||||
&--disabled {
|
||||
opacity: .5;
|
||||
|
||||
.tw-root--hover &:hover {
|
||||
cursor: not-allowed;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue