majomi/intro-skipper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Combine CSS with nested selector

Browse Source
This commit is contained in:
TwistedUmbrellaX 2024-03-13 12:49:30 -04:00
parent 64b19e716a
commit d167aea2d0
1 changed files with 23 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
ConfusedPolarBear.Plugin.IntroSkipper/Configuration/inject.js
View File

@ -66,21 +66,6 @@ introSkipper.injectCss = function () {
let styleElement = document.createElement("style"); let styleElement = document.createElement("style");
styleElement.id = "introSkipperCss"; styleElement.id = "introSkipperCss";
styleElement.innerText = ` styleElement.innerText = `
@media (hover:hover) and (pointer:fine) {
#skipIntro .paper-icon-button-light:hover:not(:disabled) {
color: black !important;
background-color: rgba(47, 93, 98, 0) !important;
}
}
#skipIntro .paper-icon-button-light.show-focus:focus {
transform: scale(1.04) !important;
}
#skipIntro.upNextContainer {
width: unset;
}
#skipIntro { #skipIntro {
padding: 0 1px; padding: 0 1px;
position: absolute; position: absolute;
@ -95,24 +80,31 @@ introSkipper.injectCss = function () {
-webkit-transition: ease-out 0.4s; -webkit-transition: ease-out 0.4s;
-moz-transition: ease-out 0.4s; -moz-transition: ease-out 0.4s;
transition: ease-out 0.4s; transition: ease-out 0.4s;
} @media (max-width: 1080px) {
#skipIntro #btnSkipSegmentText {
padding-right: 3px;
padding-bottom: 2px;
}
@media (max-width: 1080px) {
#skipIntro {
right: 10%; right: 10%;
} }
} &:hover {
box-shadow: inset 400px 0 0 0 #f9f9f9;
#skipIntro:hover { -webkit-transition: ease-in 1s;
box-shadow: inset 400px 0 0 0 #f9f9f9; -moz-transition: ease-in 1s;
-webkit-transition: ease-in 1s; transition: ease-in 1s;
-moz-transition: ease-in 1s; }
transition: ease-in 1s; &.upNextContainer {
width: unset;
}
@media (hover:hover) and (pointer:fine) {
.paper-icon-button-light:hover:not(:disabled) {
color: black !important;
background-color: rgba(47, 93, 98, 0) !important;
}
}
.paper-icon-button-light.show-focus:focus {
transform: scale(1.04) !important;
}
#btnSkipSegmentText {
padding-right: 3px;
padding-bottom: 2px;
}
} }
`; `;
document.querySelector("head").appendChild(styleElement); document.querySelector("head").appendChild(styleElement);