danog/sass-site
1
0
Fork 0
mirror of https://github.com/danog/sass-site.git synced 2025-01-22 05:41:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix typos in Code styleguide

Browse Source
This commit is contained in:
James Stuckey Weber 2023-06-16 11:49:43 -04:00
parent 42a5e34b0f
commit 4ad313b35e
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
source/styleguide/code.md
View File

@ -36,12 +36,12 @@ otherwise.
- `l-` is for **layouts**. Example: `sl-l-grid`.
- `is-` and `has-` for states. Example: `sl-is-active`.
- `js-` is for classes specifically created for JavaScript targeting.
Exampe: `sl-js-toggle-navigation`
Example: `sl-js-toggle-navigation`.
- Use the [BEM][] syntax.
- **Block** -- the overall component object. Example: `sl-c-card`.
- **Element** -- any child of the block. Example: `sl-c-card__header`.
- **Modifier** -- any variation. This can be put on a block. Example:
`sl-c-card--primary`. It can also be put on an element Example:
`sl-c-card--primary`. It can also be put on an element. Example:
`sl-c-card__header--large`.
- Keep classes as flat as possible, and avoid nesting too deep.
- Avoid using element selectors **unless** you're using a wrapper utility to