refactor: remove aside sponsor related code

Author: thetutlage

css/app.css

@@ -27,13 +27,13 @@ body {
 }
 
 .light_mode_hidden {
-  display: none!important;
+  display: none !important;
 }
 html.dark .light_mode_hidden {
-  display: inherit!important;
+  display: inherit !important;
 }
 html.dark .dark_mode_hidden {
-  display: none!important;
+  display: none !important;
 }
 
 .sr_only {
@@ -43,7 +43,7 @@ html.dark .dark_mode_hidden {
   padding: 0;
   margin: -1px;
   overflow: hidden;
-  clip: rect(0,0,0,0);
+  clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border-width: 0;
 }
@@ -79,12 +79,13 @@ html.dark .dark_mode_hidden {
   color: var(--base-text-color);
 }
 
-.logo_container a, .logo_container svg {
+.logo_container a,
+.logo_container svg {
   display: block;
 }
 
 .logo_container svg {
-  transition: transform .2s ease;
+  transition: transform 0.2s ease;
   width: var(--mobile-logo-width);
 }
 
@@ -138,16 +139,19 @@ html.dark .dark_mode_hidden {
   margin: 0 8px;
 }
 
-.header_nav_items a, .header_nav_items button {
+.header_nav_items a,
+.header_nav_items button {
   color: var(--nav-items-link-color);
-  transition: color .1s ease-in-out;
+  transition: color 0.1s ease-in-out;
 }
 
-.header_nav_items a:hover, .header_nav_items button:hover {
+.header_nav_items a:hover,
+.header_nav_items button:hover {
   color: var(--nav-items-hover-link-color);
 }
 
-.header_nav_items .theme_switcher_light_mode, .header_nav_items .theme_switcher_dark_mode {
+.header_nav_items .theme_switcher_light_mode,
+.header_nav_items .theme_switcher_dark_mode {
   display: none;
   margin-top: 2px;
 }
@@ -162,7 +166,8 @@ html.dark .dark_mode_hidden {
   height: 20px;
 }
 
-.header_nav_items .theme_switcher_light_mode svg, .header_nav_items .theme_switcher_dark_mode svg {
+.header_nav_items .theme_switcher_light_mode svg,
+.header_nav_items .theme_switcher_dark_mode svg {
   width: 22px;
   height: 22px;
 }
@@ -214,7 +219,8 @@ html.light .theme_switcher_light_mode {
   --header-anchor-font-size: 16px;
 }
 
-.popup_menu .header_nav_menu a, .popup_menu .header_nav_menu label {
+.popup_menu .header_nav_menu a,
+.popup_menu .header_nav_menu label {
   color: var(--popup-menu-link-color);
   font-weight: 500;
   padding: 3px calc(var(--surface-spacing) / 2);
@@ -290,15 +296,15 @@ html.light .theme_switcher_light_mode {
   right: 0;
   z-index: var(--sidebar-overlay-z-index);
   background: var(--sidebar-overlay-bg-color);
-  transition: opacity .1s ease-out;
+  transition: opacity 0.1s ease-out;
   opacity: 0;
   pointer-events: none;
 }
 
 .docs_sidebar_overlay.visible {
   opacity: 1;
   pointer-events: inherit;
-  transition: opacity .1s ease-in;
+  transition: opacity 0.1s ease-in;
 }
 
 .docs_sidebar {
@@ -310,7 +316,7 @@ html.light .theme_switcher_light_mode {
   background: var(--surface-bg-color);
   visibility: hidden;
   transform: translateX(-110vw);
-  transition: transform .2s cubic-bezier(.16,1,.3,1);
+  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
 }
 
 .docs_sidebar.visible {
@@ -385,7 +391,7 @@ html.light .theme_switcher_light_mode {
   text-decoration: none;
   color: var(--sidebar-link-text-color);
   border-radius: var(--rounded-sm);
-  transition: background .2s cubic-bezier(0,0,.2,1);
+  transition: background 0.2s cubic-bezier(0, 0, 0.2, 1);
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
@@ -465,10 +471,11 @@ html.light .theme_switcher_light_mode {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  transition: color .1s ease-in-out;
+  transition: color 0.1s ease-in-out;
 }
 
-.aside_container nav li a:hover, .aside_container nav li a.up-current {
+.aside_container nav li a:hover,
+.aside_container nav li a.up-current {
   color: var(--aside-active-link-text-color);
   -webkit-font-smoothing: initial;
   -moz-osx-font-smoothing: initial;
@@ -482,49 +489,6 @@ html.light .theme_switcher_light_mode {
   margin-left: 15px;
 }
 
-.aside_container .sponsored_container {
-  margin-top: 30px;
-}
-
-.aside_container .sponsor {
-  padding: 2px var(--surface-spacing);
-}
-
-.aside_container .sponsor .sponsor_logo {
-  background: var(--aside-sponsor-bg-color);
-  padding: 10px 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 55px;
-  text-transform: uppercase;
-  font-size: 11px;
-  letter-spacing: 0.5px;
-  color: var(--aside-sponsor-text-color);
-  font-weight: 500;
-}
-.aside_container .sponsor .sponsor_logo:hover {
-  color: var(--aside-sponsor-hover-text-color);
-}
-
-.aside_container .sponsor .sponsor_logo img {
-  transition: transform .2s ease;
-}
-
-.aside_container .sponsor .sponsor_logo img:hover {
-  transform: scale(1.05);
-}
-
-.sponsor_logo_dark {
-  display: none;
-}
-html.dark .sponsor_logo_dark {
-  display: block;
-}
-html.dark .sponsor_logo_light {
-  display: none;
-}
-
 .content_footer {
   border-top: 1px solid var(--footer-border-color);
   margin-top: 64px;
@@ -545,7 +509,7 @@ html.dark .sponsor_logo_light {
   align-items: center;
   gap: 8px;
   color: var(--footer-text-color);
-  transition: color .1s ease-in-out;
+  transition: color 0.1s ease-in-out;
 }
 
 .content_footer_container a:hover {

css/dark_mode_variables.css

@@ -3,61 +3,61 @@ html.dark {
    * Neutral grays are used for surface
    * and text
    */
-   --neutral-gray-1: var(--mauve-1);
-   --neutral-gray-2: var(--mauve-2);
-   --neutral-gray-3: var(--mauve-3);
-   --neutral-gray-4: var(--mauve-4);
-   --neutral-gray-5: var(--mauve-5);
-   --neutral-gray-6: var(--mauve-6);
-   --neutral-gray-7: var(--mauve-7);
-   --neutral-gray-8: var(--mauve-8);
-   --neutral-gray-9: var(--mauve-9);
-   --neutral-gray-10: var(--mauve-10);
-   --neutral-gray-11: var(--mauve-11);
-   --neutral-gray-12: var(--mauve-12);
+  --neutral-gray-1: var(--mauve-1);
+  --neutral-gray-2: var(--mauve-2);
+  --neutral-gray-3: var(--mauve-3);
+  --neutral-gray-4: var(--mauve-4);
+  --neutral-gray-5: var(--mauve-5);
+  --neutral-gray-6: var(--mauve-6);
+  --neutral-gray-7: var(--mauve-7);
+  --neutral-gray-8: var(--mauve-8);
+  --neutral-gray-9: var(--mauve-9);
+  --neutral-gray-10: var(--mauve-10);
+  --neutral-gray-11: var(--mauve-11);
+  --neutral-gray-12: var(--mauve-12);
 
-   --neutral-gray-a1: var(--mauve-a1);
-   --neutral-gray-a2: var(--mauve-a2);
-   --neutral-gray-a3: var(--mauve-a3);
-   --neutral-gray-a4: var(--mauve-a4);
-   --neutral-gray-a5: var(--mauve-a5);
-   --neutral-gray-a6: var(--mauve-a6);
-   --neutral-gray-a7: var(--mauve-a7);
-   --neutral-gray-a8: var(--mauve-a8);
-   --neutral-gray-a9: var(--mauve-a9);
-   --neutral-gray-a10: var(--mauve-a10);
-   --neutral-gray-a11: var(--mauve-a11);
-   --neutral-gray-a12: var(--mauve-a12);
+  --neutral-gray-a1: var(--mauve-a1);
+  --neutral-gray-a2: var(--mauve-a2);
+  --neutral-gray-a3: var(--mauve-a3);
+  --neutral-gray-a4: var(--mauve-a4);
+  --neutral-gray-a5: var(--mauve-a5);
+  --neutral-gray-a6: var(--mauve-a6);
+  --neutral-gray-a7: var(--mauve-a7);
+  --neutral-gray-a8: var(--mauve-a8);
+  --neutral-gray-a9: var(--mauve-a9);
+  --neutral-gray-a10: var(--mauve-a10);
+  --neutral-gray-a11: var(--mauve-a11);
+  --neutral-gray-a12: var(--mauve-a12);
 
-   /**
+  /**
     * Accent color is the primary tint to use
     * for colorful elements
     */
-   --accent-1: var(--violet-1);
-   --accent-2: var(--violet-2);
-   --accent-3: var(--violet-3);
-   --accent-4: var(--violet-4);
-   --accent-5: var(--violet-5);
-   --accent-6: var(--violet-6);
-   --accent-7: var(--violet-7);
-   --accent-8: var(--violet-8);
-   --accent-9: var(--violet-9);
-   --accent-10: var(--violet-10);
-   --accent-11: var(--violet-11);
-   --accent-12: var(--violet-12);
+  --accent-1: var(--violet-1);
+  --accent-2: var(--violet-2);
+  --accent-3: var(--violet-3);
+  --accent-4: var(--violet-4);
+  --accent-5: var(--violet-5);
+  --accent-6: var(--violet-6);
+  --accent-7: var(--violet-7);
+  --accent-8: var(--violet-8);
+  --accent-9: var(--violet-9);
+  --accent-10: var(--violet-10);
+  --accent-11: var(--violet-11);
+  --accent-12: var(--violet-12);
 
-   --accent-a1: var(--violet-a1);
-   --accent-a2: var(--violet-a2);
-   --accent-a3: var(--violet-a3);
-   --accent-a4: var(--violet-a4);
-   --accent-a5: var(--violet-a5);
-   --accent-a6: var(--violet-a6);
-   --accent-a7: var(--violet-a7);
-   --accent-a8: var(--violet-a8);
-   --accent-a9: var(--violet-a9);
-   --accent-a10: var(--violet-a10);
-   --accent-a11: var(--violet-a11);
-   --accent-a12: var(--violet-a12);
+  --accent-a1: var(--violet-a1);
+  --accent-a2: var(--violet-a2);
+  --accent-a3: var(--violet-a3);
+  --accent-a4: var(--violet-a4);
+  --accent-a5: var(--violet-a5);
+  --accent-a6: var(--violet-a6);
+  --accent-a7: var(--violet-a7);
+  --accent-a8: var(--violet-a8);
+  --accent-a9: var(--violet-a9);
+  --accent-a10: var(--violet-a10);
+  --accent-a11: var(--violet-a11);
+  --accent-a12: var(--violet-a12);
 
   --progress-bar-color: var(--accent-a11);
   --surface-bg-color: var(--neutral-gray-1);
@@ -78,7 +78,7 @@ html.dark {
   --pre-background-color: var(--neutral-gray-3);
   --code-text-color: var(--accent-a11);
   --code-bg-color: var(--accent-a3);
-  --sidebar-overlay-bg-color: rgba(0, 0, 0, .6);
+  --sidebar-overlay-bg-color: rgba(0, 0, 0, 0.6);
   --sidebar-link-text-color: var(--neutral-gray-11);
   --sidebar-hover-link-bg-color: var(--neutral-gray-a5);
   --sidebar-hover-link-text-color: var(--neutral-gray-12);
@@ -98,24 +98,24 @@ html.dark {
   --copy-code-border-color: hsl(260deg 1.68% 21.01%);
   --note-icon-color: var(--accent-a10);
   --warning-icon-color: var(--orange-a11);
-  --tip-icon-color: hsl(151, 55.0%, 41.5%);
-  --success-tick-color: hsl(151, 55.0%, 41.5%);
+  --tip-icon-color: hsl(151, 55%, 41.5%);
+  --success-tick-color: hsl(151, 55%, 41.5%);
   --code-comment-color: var(--neutral-gray-11);
   --code-comment-green-tint: #648777;
   --code-highlight-bg-color: hsl(0deg 0% 0% / 20%);
   --code-highlight-border-color: var(--accent-a8);
   --code-insert-bg-color: hsla(158, 98.6%, 59.7%, 0.105);
   --code-insert-border-color: hsla(152, 99.9%, 66.5%, 0.661);
-  --code-delete-bg-color: hsla(359, 99.1%, 61.1%, 0.130);
+  --code-delete-bg-color: hsla(359, 99.1%, 61.1%, 0.13);
   --code-delete-border-color: hsla(358, 100%, 67.5%, 0.942);
   --sidebar-backdrop-color: hsl(0deg 0% 0% / 80%);
   --errors-bg-color: hsl(356, 43.4%, 16.4%);
   --errors-border-color: hsl(356, 51.1%, 21.9%);
-  --errors-text-color: hsl(351, 89.0%, 96.0%);
-  --caption-error-border-color: hsl(358, 85.3%, 64.0%);
-  --caption-error-bg-color: hsl(358, 85.3%, 64.0%);
-  --caption-success-border-color: hsl(151, 55.0%, 41.5%);
-  --caption-success-bg-color: hsl(151, 55.0%, 41.5%);
+  --errors-text-color: hsl(351, 89%, 96%);
+  --caption-error-border-color: hsl(358, 85.3%, 64%);
+  --caption-error-bg-color: hsl(358, 85.3%, 64%);
+  --caption-success-border-color: hsl(151, 55%, 41.5%);
+  --caption-success-bg-color: hsl(151, 55%, 41.5%);
   --caption-info-border-color: var(--iris-a11);
   --caption-info-bg-color: var(--iris-a10);
 
@@ -134,10 +134,6 @@ html.dark {
   --prose-alert-bg-color: var(--neutral-gray-3);
   --prose-alert-border-color: var(--neutral-gray-5);
 
-  --aside-sponsor-bg-color: var(--neutral-gray-3);
-  --aside-sponsor-text-color: var(--neutral-gray-11);
-  --aside-sponsor-hover-text-color: var(--neutral-gray-12);
-
   --footer-text-color: var(--neutral-gray-11);
   --footer-hover-text-color: var(--neutral-gray-12);
   --footer-border-color: var(--neutral-gray-4);