Skip to content

Commit

Permalink
Update styling docs to talk about Z-indexes (#231)
Browse files Browse the repository at this point in the history
* Update styling docs to talk about Z-indexes

* Heading typo
  • Loading branch information
Lucas-Dunker authored Nov 27, 2023
1 parent 3091f90 commit c6a567b
Showing 1 changed file with 5 additions and 1 deletion.
6 changes: 5 additions & 1 deletion docs/styling-css/styling.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,14 @@ All our styling files are in `/styles`, and are parallel to the content in `/com

## Exceptions

There are two exceptions to the above layout, `css/base.scss` and `_variables.scss`. The variables partial keeps track of all our common themes and colors. This file is imported first, so all following partials can use any variables.
There are three exceptions to the above layout, `css/base.scss`, `_variables.scss`, and `_zIndexes.css`. The variables partial keeps track of all our common themes and colors. This file is imported first, so all following partials can use any variables.

`base.scss` itself has two purposes, 1) to import any partial styles, and 2) normalizing styles. This file should not contain anything else.

## Z-Indexes

In addition to utilizing variables for themes and colors, we use variables for our Z-indexes as well. Located in `/styles` in the `_zIndexes.scss` partial, our Z-index levels range from 1-15 and should be used instead of raw index numbers.

## Adding new styles

Adding a new style file is easy. First, create a Sass file that reflects the file path relative to the `components` folder. Make sure it's a partial (`_<FileName>.scss`). Next, import it in `base.scss`. Finally, make sure you namespace that file. We do not like having leaking styles! :c
Expand Down

0 comments on commit c6a567b

Please sign in to comment.