chore: pretiffy files

GetStream · Jun 29, 2023 · 5bc1153 · 5bc1153
1 parent c63397c
commit 5bc1153
Show file tree

Hide file tree

Showing 16 changed files with 92 additions and 88 deletions.
diff --git a/package.json b/package.json
@@ -26,8 +26,8 @@
     "swizzle": "docusaurus swizzle",
     "write-translations": "docusaurus write-translations",
     "write-heading-ids": "docusaurus write-heading-ids",
-    "prettier": "prettier --config .prettierrc --write \"**/*.{js,ts}\"",
-    "prettier:diff": "prettier --config .prettierrc --list-different \"**/*.{js,ts}\"",
+    "prettier": "prettier --config .prettierrc --write \"**/*.{js,ts,css,scss}\"",
+    "prettier:diff": "prettier --config .prettierrc --list-different \"**/*.{js,ts,css,scss}\"",
     "prettier-docs": "prettier --config .prettierrc --write \"**/*.md\"",
     "postinstall": "husky install"
   },

diff --git a/src/components/FeedbackForm/styles.scss b/src/components/FeedbackForm/styles.scss
@@ -1,4 +1,4 @@
-@use '../../css/components/mixins.scss';
+@use "../../css/components/mixins.scss";
 
 .docFeedback {
   &__form {

diff --git a/src/components/FeedbackFormButton/styles.scss b/src/components/FeedbackFormButton/styles.scss
@@ -1,10 +1,10 @@
-@use '../../css/components/mixins.scss';
+@use "../../css/components/mixins.scss";
 
 .docFeedback {
   display: flex;
   justify-content: flex-end;
   padding-bottom: 1.563rem;
-  border-bottom: 1px solid rgba(0,0,0,0.1);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   margin-bottom: 3.75rem;
 
   &__button {

diff --git a/src/components/ImageShowcase/styles.scss b/src/components/ImageShowcase/styles.scss
@@ -10,22 +10,23 @@
     margin: 0 10px;
 
     img {
-      transition: transform var(--ifm-transition-fast) var(--ifm-transition-timing-default);
+      transition: transform var(--ifm-transition-fast)
+        var(--ifm-transition-timing-default);
       &:hover {
         transform: scale(1.2);
       }
     }
-  
+
     figcaption {
       text-align: center;
       font-size: 80%;
-      color: var(--xtm-secondary-color);   
+      color: var(--xtm-secondary-color);
     }
   }
 
   &--with-border {
     img {
-      border: 1px solid #E4E4E4;
+      border: 1px solid #e4e4e4;
       border-radius: var(--ifm-pagination-nav-border-radius);
     }
   }
@@ -47,4 +48,4 @@
       }
     }
   }
-}
+}
diff --git a/src/css/components/forms.scss b/src/css/components/forms.scss
@@ -29,7 +29,7 @@ textarea.input {
 select.input {
   background-repeat: no-repeat;
   background-position: right 1rem top 50%;
-  background-image: url('/icon/select-arrow.png');
+  background-image: url("/icon/select-arrow.png");
 }
 
 button.button {

diff --git a/src/css/components/label.scss b/src/css/components/label.scss
@@ -10,7 +10,7 @@
     font-weight: inherit;
 
     &::after {
-      content: '*';
+      content: "*";
       color: $color;
     }
   }

diff --git a/src/css/components/layout.scss b/src/css/components/layout.scss
@@ -3,7 +3,7 @@
 }
 
 @media (min-width: 997px) and (max-width: 1440px) {
-  main[class^='docMainContainer'] {
+  main[class^="docMainContainer"] {
     .container {
       max-width: none;
       .row {
@@ -17,7 +17,7 @@
 }
 
 @media (min-width: 1400px) {
-  main[class^='docMainContainer'] {
+  main[class^="docMainContainer"] {
     .container {
       --ifm-container-width-xl: none;
       .row {

diff --git a/src/css/components/menu.scss b/src/css/components/menu.scss
@@ -1,4 +1,4 @@
-@use './mixins.scss';
+@use "./mixins.scss";
 
 /* Menu/sidebar related variables */
 :root {
@@ -11,7 +11,7 @@
   --xtm-sidebar-footer-height: auto;
 }
 
-html[data-theme='dark'] {
+html[data-theme="dark"] {
   --ifm-menu-color: #c4c4c4;
   --ifm-menu-color-active: #ffffff;
 }
@@ -21,7 +21,7 @@ html[data-theme='dark'] {
   @include mixins.remove-external-icon;
 }
 
-[class^='docSidebarContainer'] {
+[class^="docSidebarContainer"] {
   .menu {
     padding: 1.125rem 4px 0 0;
     font-size: 0.875rem;
@@ -127,7 +127,7 @@ html[data-theme='dark'] {
                 }
               }
 
-              &--active[tabindex='0']:not(&--sublist) {
+              &--active[tabindex="0"]:not(&--sublist) {
                 // active-item's height is calculated based on line-height: 20px + vertical padding
                 @include mixins.active-item(
                   3px,

diff --git a/src/css/components/mixins.scss b/src/css/components/mixins.scss
@@ -1,7 +1,7 @@
 @mixin active-item($width: 2px, $height: 100%, $top: 0) {
   &::before {
     position: absolute;
-    content: '';
+    content: "";
     top: $top;
     left: 0;
     height: $height;
@@ -28,7 +28,7 @@
 @mixin dropdown-arrow {
   &::after {
     position: absolute;
-    content: '';
+    content: "";
     top: 0;
     right: 0;
     border: none;
@@ -69,7 +69,7 @@
 }
 
 @mixin remove-external-icon {
-  & svg[class^='iconExternalLink'] {
+  & svg[class^="iconExternalLink"] {
     display: none;
   }
 }

diff --git a/src/css/components/pagination.scss b/src/css/components/pagination.scss
@@ -4,7 +4,7 @@
   --ifm-pagination-nav-border-radius: 0.375rem;
 }
 
-html[data-theme='dark'] {
+html[data-theme="dark"] {
   --xtm-pagination-border: rgba(255, 255, 255, 0.1);
   --xtm-pagination-sublabel-color: rgba(255, 255, 255, 0.4);
 }

diff --git a/src/css/components/toc.scss b/src/css/components/toc.scss
@@ -1,12 +1,12 @@
-@use './mixins.scss';
+@use "./mixins.scss";
 
 :root {
   --ifm-toc-padding-vertical: 0.5rem;
   --ifm-toc-padding-horizontal: 0.75rem;
   --ifm-toc-link-color: #000000;
 }
 
-html[data-theme='dark'] {
+html[data-theme="dark"] {
   --ifm-toc-link-color: #c4c4c4;
 }
 
@@ -45,15 +45,15 @@ html[data-theme='dark'] {
 }
 
 // Mobile top ToC
-[class^='tocCollapsible'] {
+[class^="tocCollapsible"] {
   position: relative;
 
   & > button {
     @include mixins.faux-select;
     @include mixins.menu-sublist-icon(relative);
     font-size: 0.813rem;
 
-    & + div[class*='tocCollapsibleContent'] {
+    & + div[class*="tocCollapsibleContent"] {
       @include mixins.faux-select-dropdown;
     }
   }

diff --git a/src/css/custom.scss b/src/css/custom.scss
@@ -6,65 +6,65 @@
 **/
 
 @font-face {
-  font-family: 'Inter';
+  font-family: "Inter";
   font-display: fallback;
   font-weight: 400;
-  src: url('../../static/fonts/inter/Inter-Regular.otf') format('otf'),
-    url('../../static/fonts/inter/Inter-Regular.woff2') format('woff2'),
-    url('../../static/fonts/inter/Inter-Regular.woff') format('woff');
+  src: url("../../static/fonts/inter/Inter-Regular.otf") format("otf"),
+    url("../../static/fonts/inter/Inter-Regular.woff2") format("woff2"),
+    url("../../static/fonts/inter/Inter-Regular.woff") format("woff");
 }
 
 @font-face {
-  font-family: 'Inter';
+  font-family: "Inter";
   font-display: fallback;
   font-weight: 500;
-  src: url('../../static/fonts/inter/Inter-Medium.otf') format('otf'),
-    url('../../static/fonts/inter/Inter-Medium.woff2') format('woff2'),
-    url('../../static/fonts/inter/Inter-Medium.woff') format('woff');
+  src: url("../../static/fonts/inter/Inter-Medium.otf") format("otf"),
+    url("../../static/fonts/inter/Inter-Medium.woff2") format("woff2"),
+    url("../../static/fonts/inter/Inter-Medium.woff") format("woff");
 }
 
 @font-face {
-  font-family: 'Inter';
+  font-family: "Inter";
   font-display: fallback;
   font-weight: 700;
-  src: url('../../static/fonts/inter/Inter-Bold.otf') format('otf'),
-    url('../../static/fonts/inter/Inter-Bold.woff2') format('woff2'),
-    url('../../static/fonts/inter/Inter-Bold.woff') format('woff');
+  src: url("../../static/fonts/inter/Inter-Bold.otf") format("otf"),
+    url("../../static/fonts/inter/Inter-Bold.woff2") format("woff2"),
+    url("../../static/fonts/inter/Inter-Bold.woff") format("woff");
 }
 
 @font-face {
-  font-family: 'Inter';
+  font-family: "Inter";
   font-display: fallback;
   font-weight: 800;
-  src: url('../../static/fonts/inter/Inter-Black.otf') format('otf'),
-    url('../../static/fonts/inter/Inter-Black.woff2') format('woff2'),
-    url('../../static/fonts/inter/Inter-Black.woff') format('woff');
+  src: url("../../static/fonts/inter/Inter-Black.otf") format("otf"),
+    url("../../static/fonts/inter/Inter-Black.woff2") format("woff2"),
+    url("../../static/fonts/inter/Inter-Black.woff") format("woff");
 }
 
 @font-face {
-  font-family: 'Inter';
+  font-family: "Inter";
   font-display: fallback;
   font-style: italic;
   font-weight: 400;
-  src: url('../../static/fonts/inter/Inter-Italic.otf') format('otf'),
-    url('../../static/fonts/inter/Inter-Italic.woff2') format('woff2'),
-    url('../../static/fonts/inter/Inter-Italic.woff') format('woff');
+  src: url("../../static/fonts/inter/Inter-Italic.otf") format("otf"),
+    url("../../static/fonts/inter/Inter-Italic.woff2") format("woff2"),
+    url("../../static/fonts/inter/Inter-Italic.woff") format("woff");
 }
 
 @font-face {
-  font-family: 'IBM Plex Mono';
-  src: url('../../static/fonts/IBMPlexMono/IBMPlexMono.woff2') format('woff2'),
-    url('../../static/fonts/IBMPlexMono/IBMPlexMono.woff') format('woff');
+  font-family: "IBM Plex Mono";
+  src: url("../../static/fonts/IBMPlexMono/IBMPlexMono.woff2") format("woff2"),
+    url("../../static/fonts/IBMPlexMono/IBMPlexMono.woff") format("woff");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
-  font-family: 'IBM Plex Mono';
-  src: url('../../static/fonts/IBMPlexMono/IBMPlexMono-Italic.woff2')
-      format('woff2'),
-    url('../../static/fonts/IBMPlexMono/IBMPlexMono-Italic.woff') format('woff');
+  font-family: "IBM Plex Mono";
+  src: url("../../static/fonts/IBMPlexMono/IBMPlexMono-Italic.woff2")
+      format("woff2"),
+    url("../../static/fonts/IBMPlexMono/IBMPlexMono-Italic.woff") format("woff");
   font-weight: normal;
   font-style: italic;
   font-display: swap;
@@ -120,10 +120,10 @@
   --ifm-code-font-size: 95%;
   --ifm-background-color: rgba(252, 252, 252, 1);
   --ifm-toc-border-color: rgba(0, 0, 0, 0.03);
-  --ifm-font-family-base: 'Inter', '-apple-system', 'BlinkMacSystemFont',
-    'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue',
-    'sans-serif';
-  --ifm-font-family-monospace: 'IBM Plex Mono', 'Liberation Mono', 'Courier New',
+  --ifm-font-family-base: "Inter", "-apple-system", "BlinkMacSystemFont",
+    "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue",
+    "sans-serif";
+  --ifm-font-family-monospace: "IBM Plex Mono", "Liberation Mono", "Courier New",
     monospace;
   --ifm-global-shadow-md: 0px 4px 20px rgba(0, 0, 0, 0.1);
   --ifm-link-hover-color: var(--ifm-color-primary-darkest);
@@ -147,7 +147,7 @@ html {
   scroll-padding-top: 120px;
 }
 
-html[data-theme='dark'] {
+html[data-theme="dark"] {
   --ifm-toc-border-color: rgba(255, 255, 255, 0.05);
   --ifm-table-background: transparent;
   --ifm-table-stripe-background: transparent;

diff --git a/src/theme/Heading/styles.scss b/src/theme/Heading/styles.scss
@@ -6,7 +6,7 @@
  */
 
 // overwriting docusaurus theme classic styles
-h1[class^='docTitle'] {
+h1[class^="docTitle"] {
   font-size: var(--ifm-h1-font-size);
 }
 
@@ -30,7 +30,7 @@ h1[class^='docTitle'] {
   transition: opacity var(--ifm-transition-fast);
   font-weight: 300;
   padding-left: 0.5rem;
-  
+
   &:hover {
     opacity: 1;
     text-decoration: none;
@@ -47,4 +47,4 @@ h1[class^='docTitle'] {
     left: -1.5rem;
     position: absolute;
   }
-}
+}