Skip to content

Commit

Permalink
Update Styleguide.mdx
Browse files Browse the repository at this point in the history
  • Loading branch information
Auhseh authored Apr 15, 2024
1 parent f703b8a commit da0bb55
Showing 1 changed file with 0 additions and 64 deletions.
64 changes: 0 additions & 64 deletions src/stories/Styleguide.mdx
Original file line number Diff line number Diff line change
@@ -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
Expand Down Expand Up @@ -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

Expand Down

0 comments on commit da0bb55

Please sign in to comment.