From da0bb55b8178d529486181cb6712e49025424307 Mon Sep 17 00:00:00 2001 From: Auhseh <58489523+Auhseh@users.noreply.github.com> Date: Mon, 15 Apr 2024 22:19:24 +0100 Subject: [PATCH] Update Styleguide.mdx --- src/stories/Styleguide.mdx | 64 -------------------------------------- 1 file changed, 64 deletions(-) diff --git a/src/stories/Styleguide.mdx b/src/stories/Styleguide.mdx index 2794d21c..a4214362 100644 --- a/src/stories/Styleguide.mdx +++ b/src/stories/Styleguide.mdx @@ -1,67 +1,5 @@ # Welcome to the GreenwoodJS style guide - ` - :root { - --size: 50px; - } - - h2 { - text-decoration: underline; - } - - .palette-box { - width: var(--size); - height: var(--size); - display: block; - margin: 0 auto; - } - - .palette-primary { - background-color: var(--color-primary); - } - - .palette-secondary { - background-color: var(--color-secondary); - } - - .palette-accent { - background-color: var(--color-accent); - } - - .palette-tertiary { - background-color: var(--color-tertiary); - } - - .palette-white { - background-color: var(--color-white); - } - - .palette-black { - background-color: var(--color-black); - } - - .typography { - font-size: 1.4rem; - } - - .typography-primary { - font-family: var(--font-primary); - color: var(--color-primary); - } - - .typography-secondary { - font-family: var(--font-secondary); - color: var(--color-primary); - } - ` - - - - - - - - ### The GreenwoodJS website styleguide breaks down into the following sections: 1. Colors @@ -95,8 +33,6 @@ The whole website uses Vercel's **Geist** font in the following sizes: - - ## Spacing The whole website is built on an 8pt Grid, and spacing is always in multiples of 8px