lint

src/docs/GettingStarted/Installation/main.tsx

@@ -48,9 +48,9 @@ export const Doc = ({ folder }: DocProps) => {
       <H2 id="installation-for-react">Installation for React</H2>
 
       <p>
-        Many of the UI components of <code>@polkadot&#8209;ui/react</code>{" "}
-        use CSS variables from <code>@polkadot&#8209;ui/core</code>. If you
-        are only using headless components from <code>react</code>, then{" "}
+        Many of the UI components of <code>@polkadot&#8209;ui/react</code> use
+        CSS variables from <code>@polkadot&#8209;ui/core</code>. If you are only
+        using headless components from <code>react</code>, then{" "}
         <code>core</code> is not required and <code>react</code> can be
         installed on its own:
       </p>

src/docs/GettingStarted/Overview/main.tsx

@@ -81,9 +81,8 @@ export const Doc = ({ folder }: DocProps) => {
       <Note>
         <p>
           All UI component styling and theming is held in{" "}
-          <code>@polkadot-ui/core</code>, in which other packages can utilise
-          to implement the supported UI components in their respective
-          frameworks.
+          <code>@polkadot-ui/core</code>, in which other packages can utilise to
+          implement the supported UI components in their respective frameworks.
         </p>
       </Note>
 
@@ -92,8 +91,8 @@ export const Doc = ({ folder }: DocProps) => {
       <H2 id="goals">Goals</H2>
 
       <p>
-        Polkadot UI aims to fill a void in the Polkadot app developer space
-        by providing high quality, well-maintained, critical assets for app
+        Polkadot UI aims to fill a void in the Polkadot app developer space by
+        providing high quality, well-maintained, critical assets for app
         developers.
       </p>
       <p>The goals of Polkadot UI are as follows:</p>

src/docs/GettingStarted/UsingThemes/main.tsx

@@ -21,10 +21,10 @@ export const Doc = ({ folder }: DocProps) => {
       />
       <H2 id="introduction">Introduction</H2>
       <p>
-        Polkadot UI UI components use CSS variables so apps can customise
-        their look and feel without having to delve into the component source
-        code. Apps can either define the CSS variables themselves, or use
-        pre-packaged themes from Polkadot UI.
+        Polkadot UI UI components use CSS variables so apps can customise their
+        look and feel without having to delve into the component source code.
+        Apps can either define the CSS variables themselves, or use pre-packaged
+        themes from Polkadot UI.
       </p>
 
       <H3 id="two-dimensional-theming">2-Dimensional Theming</H3>

src/docs/lib/Structure/index.scss

@@ -28,7 +28,7 @@ SPDX-License-Identifier: MIT */
   display: flex;
   flex-direction: column;
   max-width: 100%;
-  flex: 1;  
+  flex: 1;
 }
 
 .core-side {
@@ -60,4 +60,4 @@ SPDX-License-Identifier: MIT */
       left: calc(var(--core-side-width) * -1);
     }
   }
-}
+}

src/styles/index.scss

@@ -12,7 +12,7 @@ SPDX-License-Identifier: MIT */
   --button-spacing-small: 0.125rem;
   --button-spacing-large: 0.625rem;
   --button-font-size-small: 1rem;
-  --button-font-size-large: 1.15rem;  
+  --button-font-size-large: 1.15rem;
 
   /* Transition variables. */
   --transition-duration: 0.15s;