1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-08-03 16:38:31 +00:00
FrankerFaceZ/styles/widgets/profile-selector.scss
SirStendec 0d61922164 4.20.35
* Changed: Remove the `Override Channel Points Rendering` experiment. Now enabled for all users.
* Fixed: Update the theme generation rules when using accent colors.
* Fixed: Swap Sidebars and Hide Side Navigation when experiencing the experiment that expands the side navigation bar on hover.
* API Changed: Allow `overlay` rich tokens to have a background color.
2020-08-21 15:59:13 -04:00

79 lines
No EOL
1.1 KiB
SCSS

.ffz--profile-selector {
position: relative;
.tw-balloon {
position: absolute;
margin-top: 0 !important
}
.scrollable-area {
max-height: 30rem;
}
}
.ffz--profile-row {
outline: none;
cursor: pointer;
border-left: 4px solid;
border-left-color: transparent;
/*&.live .ffz--profile-row__icon {
color: var(--color-green-darker);
}*/
&:not(.live):not(:hover):not(:focus) {
opacity: .5;
font-variant: italic;
.tw-root--theme-dark & {
opacity: .25;
}
}
&.current {
border-left-color: var(--color-border-button-active);
}
.description {
opacity: .7;
}
&:first-child {
margin-top: 0.5rem;
}
&:last-child {
&, .tw-root--theme-dark & {
border-bottom: none !important
}
}
&:focus {
box-shadow:
inset 0 0 0 1px var(--ffz-color-accent-8),
0 0 6px -2px var(--ffz-color-accent-8);
}
&:focus,
&:hover {
background-color: var(--color-background-alt-2);
}
}
.ffz--profile-row__icon {
position: absolute;
top: 0.5rem; right: 0.5rem;
font-size: 1.6rem;
}
.ffz--experiment-row {
&:not(.live):not(:hover):not(:focus) {
opacity: 0.5;
.tw-root--theme-dark & {
opacity: .25;
}
}
}