diff --git a/src/docs/GettingStarted/Installation/main.tsx b/src/docs/GettingStarted/Installation/main.tsx index 58547fe..9ed1f8d 100644 --- a/src/docs/GettingStarted/Installation/main.tsx +++ b/src/docs/GettingStarted/Installation/main.tsx @@ -48,9 +48,9 @@ export const Doc = ({ folder }: DocProps) => {

Installation for React

- Many of the UI components of @polkadot‑ui/react{" "} - use CSS variables from @polkadot‑ui/core. If you - are only using headless components from react, then{" "} + Many of the UI components of @polkadot‑ui/react use + CSS variables from @polkadot‑ui/core. If you are only + using headless components from react, then{" "} core is not required and react can be installed on its own:

diff --git a/src/docs/GettingStarted/Overview/main.tsx b/src/docs/GettingStarted/Overview/main.tsx index 941bef4..da5b6a9 100644 --- a/src/docs/GettingStarted/Overview/main.tsx +++ b/src/docs/GettingStarted/Overview/main.tsx @@ -81,9 +81,8 @@ export const Doc = ({ folder }: DocProps) => {

All UI component styling and theming is held in{" "} - @polkadot-ui/core, in which other packages can utilise - to implement the supported UI components in their respective - frameworks. + @polkadot-ui/core, in which other packages can utilise to + implement the supported UI components in their respective frameworks.

@@ -92,8 +91,8 @@ export const Doc = ({ folder }: DocProps) => {

Goals

- 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.

The goals of Polkadot UI are as follows:

diff --git a/src/docs/GettingStarted/UsingThemes/main.tsx b/src/docs/GettingStarted/UsingThemes/main.tsx index aac10da..f0ebaed 100644 --- a/src/docs/GettingStarted/UsingThemes/main.tsx +++ b/src/docs/GettingStarted/UsingThemes/main.tsx @@ -21,10 +21,10 @@ export const Doc = ({ folder }: DocProps) => { />

Introduction

- 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.

2-Dimensional Theming

diff --git a/src/docs/lib/Structure/index.scss b/src/docs/lib/Structure/index.scss index ed497ac..9a9ba9f 100644 --- a/src/docs/lib/Structure/index.scss +++ b/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); } } -} \ No newline at end of file +} diff --git a/src/styles/index.scss b/src/styles/index.scss index 05f1fbc..78347e3 100644 --- a/src/styles/index.scss +++ b/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;