diff options
| author | Joe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com> | 2024-01-19 07:32:30 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-01-19 07:32:30 +0000 |
| commit | 0b2fbe3f5b9e2fcf0da2b320af504d5cca759045 (patch) | |
| tree | 6616775cbd5090eca7656eefa45dc2767a602d2f /scss/values/_colours.scss | |
| parent | da96287803ea26f4cc35173f9f34b71a1d6adfa5 (diff) | |
Layout and typography improvements (#63)
* Adds soft hyphens to homepage
* auto-hyphenates!
* Tighter line-height in logo
* Fixes spacing and typography below xs breakpoint
* Fixes xs-sm spacing and typography
* Fixes border widths
* Link hover uses wavy underline instead of fat underline
* Fixes committee img layout on <xs
* Nice separators between committee members
* Better styling for committee member heading
* Consistent start-end block padding for sections
* Better breadcrumb styling
* Neatens alignment in footer
* Renames scss/variables -> scss/custom-properties
* Pulls out colours SCSS variables
* Merges margins and padding values
* Moves variables/colours -> values/colours
* Starts migrating spacing values to SCSS
* Pulls out typography logic to SCSS variables/functions
* Removes unneeded --er custom property
* Calculates grid-total-width-absolute in SCSS
* Forwards constants with @forward
* Removes TODOs and unnecessary assignment to --width-prose
Diffstat (limited to 'scss/values/_colours.scss')
| -rw-r--r-- | scss/values/_colours.scss | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/scss/values/_colours.scss b/scss/values/_colours.scss new file mode 100644 index 0000000..40db6e8 --- /dev/null +++ b/scss/values/_colours.scss @@ -0,0 +1,34 @@ +$primary-0: #000000; +$primary-10: #190064; +$primary-20: #2d009d; +$primary-25: #381aa8; +$primary-30: #442bb3; +$primary-35: #503abf; +$primary-40: #5c48cc; +$primary-50: #7663e7; +$primary-60: #907eff; +$primary-70: #ac9fff; +$primary-80: #c8bfff; +$primary-90: #e5deff; +$primary-95: #f4eeff; +$primary-98: #fdf8ff; +$primary-99: #fffbff; +$primary-100: #ffffff; + +$secondary-0: #000000; +$secondary-10: #00201e; +$secondary-20: #003733; +$secondary-25: #00433f; +$secondary-30: #00504b; +$secondary-35: #005d57; +$secondary-40: #006a64; +$secondary-50: #00867e; +$secondary-60: #00a299; +$secondary-70: #26bfb4; +$secondary-80: #50dbcf; +$secondary-90: #71f7ec; +$secondary-95: #b2fff6; +$secondary-98: #e4fffb; +$secondary-99: #f2fffc; +$secondary-100: #ffffff; + |