Condensed CSS color declarations

adamlui · adamlui · commit e8e39277c0d3 · 2025-01-01T01:29:33.000-08:00
diff --git a/chatgpt.js b/chatgpt.js
@@ -160,7 +160,7 @@ const chatgpt = {
                     + 'transition: opacity 0.65s cubic-bezier(.165,.84,.44,1),' // for fade-ins
                                 + 'transform 0.55s cubic-bezier(.165,.84,.44,1) ;' // for move-ins
                     + 'max-width: 75vw ; word-wrap: break-word ;'
-                    + 'padding: 20px ; margin: 12px 23px ; border-radius: 15px ; box-shadow: 0 30px 60px rgba(0, 0, 0, .12) ;'
+                    + 'padding: 20px ; margin: 12px 23px ; border-radius: 15px ; box-shadow: 0 30px 60px rgba(0,0,0,0.12) ;'
                     + ' -webkit-user-select: none ; -moz-user-select: none ; -ms-user-select: none ; user-select: none ; }'
                 + '.chatgpt-modal h2 { margin-bottom: 9px }'
                 + `.chatgpt-modal a { color: ${ scheme == 'dark' ? '#00cfff' : '#1e9ebb' }}`
@@ -283,7 +283,7 @@ const chatgpt = {
         if (alertQueue.length === 1) {
             modalContainer.style.display = '';
             setTimeout(() => { // dim bg
-                modal.parentNode.style.backgroundColor = `rgba(67, 70, 72, ${ scheme == 'dark' ? 0.62 : 0.33 })`
+                modal.parentNode.style.backgroundColor = `rgba(67,70,72,${ scheme == 'dark' ? 0.62 : 0.33 })`
                 modal.parentNode.classList.add('animated')
             }, 100) // delay for transition fx
         }
@@ -1814,7 +1814,7 @@ const chatgpt = {
 
 
             // Fix for blank background on dropdown elements
-            if (element == 'dropdown') newElement.style.backgroundColor = 'var(--gray-900, rgb(32, 33, 35))';
+            if (element == 'dropdown') newElement.style.backgroundColor = 'var(--gray-900, rgb(32,33,35))';
 
             this.elements.push(newElement);
             this.activateObserver();
diff --git a/docs/assets/styles/src/style.scss b/docs/assets/styles/src/style.scss
@@ -129,10 +129,10 @@ a { word-break: break-word }
     pointer-events: none ; z-index: 1 }
 
 /* Scrollbar */
-* { scrollbar-color: rgb(210, 210, 210) #1a1a1a ; scrollbar-width: thin } /* Firefox */
+* { scrollbar-color: rgb(210,210,210) #1a1a1a ; scrollbar-width: thin } /* Firefox */
 ::-webkit-scrollbar { width: 10px ; height: 10px } /* Chromium/Safari */
 ::-webkit-scrollbar-thumb { background: white ; border-radius: 4px ; border: 1px black solid }
-::-webkit-scrollbar-thumb:hover { background: rgb(210, 210, 210) }
+::-webkit-scrollbar-thumb:hover { background: rgb(210,210,210) }
 ::-webkit-scrollbar-track { background: #1a1a1a }
 
 /* Fade animations */
@@ -213,8 +213,8 @@ section.cover p { /* cover tagline size / weight / position */
 #language-menu {
     display: none ; position: absolute ; top: 127% ; right: -49px ;
     width: 256px ; height: 87vh ; overflow: scroll ; font-size: 28px !important; text-align: left ;
-    background: rgba(0, 0, 0, 0.75) ; border: 3px solid #cccccc ; border-radius: 4px ;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) ; padding: 5px 0 ; z-index: 1 }
+    background: rgba(0,0,0,0.75) ; border: 3px solid #cccccc ; border-radius: 4px ;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.2) ; padding: 5px 0 ; z-index: 1 }
 .dropdown--hoverable:hover #language-menu { display: block }
 .dropdown-link {
     display: block ; padding: 5px 15px ; color: #333333 ;
@@ -287,13 +287,13 @@ main pre { width: 100% ; /* to avoid shrinking from adjacent left/right floats *
 main code { line-height: 2.1rem !important }
 main pre, main code, .punctuation {
     font-family: 'Roboto Mono', Monaco, courier, monospace !important ; position: relative ;
-    font-size: 1.35rem !important ; color: white !important ; background: rgba(0, 0, 0, 0.35) !important ;
+    font-size: 1.35rem !important ; color: white !important ; background: rgba(0,0,0,0.35) !important ;
     margin-bottom: 1px } /* fix bottom border disappears glitch */
-.punctuation { background-color: rgba(0, 0, 0, 0) !important; } /* clear bg for scanlines */
+.punctuation { background-color: rgba(0,0,0,0) !important; } /* clear bg for scanlines */
 main pre code::before { /* add scanlines */
     content: '' ; display: block ; 
     position: absolute ; top: 0 ; left: 0 ; right: 0 ; bottom: 0 ;
-    background: linear-gradient(to bottom, rgba(0, 128, 128, 0) 50%, rgba(0, 255, 255, 0.2) 50%) ;
+    background: linear-gradient(to bottom, rgba(0,128,128,0) 50%, rgba(0,255,255,0.2) 50%) ;
     background-size: 100% 5px }
 main pre code { border: $blue 2px solid ; border-radius: 12px !important ; padding: 26px !important }
 main p code {
@@ -302,7 +302,7 @@ main p code {
     border: white 1px solid ; border-radius: 8px !important }
 main pre:after { display: none } /* hide lang indicator */
 .docsify-copy-code-button {    
-    font-size: 1.1rem !important ; background-color: rgba(0, 0, 0, 0) !important ; color: white !important ;
+    font-size: 1.1rem !important ; background-color: rgba(0,0,0,0) !important ; color: white !important ;
     padding: 13px 18px 13px 15px !important ; right: 30px !important ; top: 2px !important }
 .success, .error { font-size: 1.1rem !important }
 main li pre { margin: 65px 0 !important }
