1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-07-28 05:28:30 +00:00
FrankerFaceZ/styles/native/link.scss
SirStendec ae90b8e4fe 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.
2021-04-01 12:05:29 -04:00

67 lines
No EOL
1.3 KiB
SCSS

.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;
}
}
}