@@ -120,7 +120,8 @@ window.modals = {
120120 }
121121 .${ this . class } [class*=modal-close-btn] {
122122 position: absolute !important ; float: right ; top: 14px !important ; right: 16px !important ;
123- cursor: pointer ; width: 33px ; height: 33px ; border-radius: 20px }
123+ cursor: pointer ; width: 33px ; height: 33px ; border-radius: 20px
124+ }
124125 .${ this . class } [class*=modal-close-btn] svg { height: 10px }
125126 .${ this . class } [class*=modal-close-btn] path {
126127 ${ scheme == 'dark' ? 'stroke: white ; fill: white' : 'stroke: #9f9f9f ; fill: #9f9f9f' } }
@@ -139,11 +140,15 @@ window.modals = {
139140 -o-transition: var(--btn-transition) ; -ms-transition: var(--btn-transition) ;
140141 cursor: pointer !important ; /* add finger cursor */
141142 border: 1px solid ${ scheme == 'dark' ? 'white' : 'black' } !important ;
142- padding: 8px !important ; min-width: 102px } /* resize */
143- .${ this . class } button:hover { /* add zoom, re-scheme */
144- transform: scale(1.055) ; color: black !important ;
145- background-color: #${ scheme == 'dark' ? '00cfff' : '9cdaff' } !important }
143+ padding: 8px !important ; min-width: 102px /* resize */
144+ }
145+ .${ this . class } button:hover {
146+ ${ scheme == 'light' ? // reduce intensity of light scheme hover glow
147+ '--btn-shadow: 2px 1px 43px #00cfff70 ;' : '' }
148+ color: inherit ; background-color: inherit /* remove color hacks */
149+ }
146150 ${ ! isMobile ? `.${ this . class } .modal-buttons { margin-left: -13px !important }` : '' }
147151 .about-em { color: ${ scheme == 'dark' ? 'white' : 'green' } !important }`
152+ if ( ! this . styles . isConnected ) document . head . append ( this . styles )
148153 }
149154} ;
0 commit comments