Twitch Stories Tweaks by pabli

/* ==UserStyle==
@name         Twitch Stories Tweaks
@namespace    https://github.com/pabli24
@version      1.0.0
@description  Twitch.tv stories tweaks - Bigger player, Show player buttons on hover, Background color, Hide stories
@author       Pabli (https://github.com/pabli24)
@homepageURL  https://userstyles.world/style/17833/twitch-stories-tweaks
@supportURL   https://userstyles.world/style/17833/twitch-stories-tweaks
@license      MIT

@preprocessor stylus
@var checkbox _hide  "Hide stories from the left panel" 0
@var checkbox _bg    "Change Background Color"          1
@var color    _bgc   ""                                 #000
@var checkbox _big   "Bigger player"                    1
@var checkbox _hover "Show player buttons on hover"     1
==/UserStyle== */

i = !important

@-moz-document domain("twitch.tv") {
	
	if _hide {
		#side-nav > div > div > div[class*="storiesLeftNavSection"] {
			display: none i
		}
	}
	
	if _bg {
		#root [class*="pageContainer"] {
			background-color: _bgc i
		}
	}
	
	if _big {
		#root div[class*="storiesCarouselCurrentItem"] {
			z-index: 999 i
			div[style="aspect-ratio: 9 / 16;"] {
				height: 100vh i
				z-index: 999 i
				> div {
					border-radius: 0 i
				}
				div[class*="reactionContainer"] {
					position: fixed
					right: -100px
				}
			}
			div[class*="storiesBottomBannerSection"] {
				position: fixed i
				bottom: 0 i
				left: -30vw i
				border-radius: 0 i
			}
		}
	}
	
	if _hover {
		#root div[class*="storiesCarouselCurrentItem"] div[style="aspect-ratio: 9 / 16;"] {
			div[class*="backgroundGradientTop"] {
				opacity: 0
				transition: opacity 0.1s
			}
			&:hover div[class*="backgroundGradientTop"] {
				opacity: 1
			}
		}
	}
	
}