diff options
| author | Linnnus <[email protected]> | 2024-03-27 14:04:01 +0100 |
|---|---|---|
| committer | Linnnus <[email protected]> | 2024-03-31 15:40:19 +0200 |
| commit | 05394a2be90a0fdf8c9ab571d07ed6c4a82ce89d (patch) | |
| tree | 84bf7a29d407913826826b40d746b7ae013a9ed0 /static/index.css | |
| parent | cfa86a148229108fccbe03319dc03acebf33d144 (diff) | |
Use proper BEM convention
After reading up on BEM [1] and specifically how to handle deeply nested
child elements [2] I made the changes in this patch.
[1]: https://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
[2]: https://scalablecss.com/bem-nesting-grandchild-elements/
Diffstat (limited to 'static/index.css')
| -rw-r--r-- | static/index.css | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/static/index.css b/static/index.css index 504b859..3f07a45 100644 --- a/static/index.css +++ b/static/index.css @@ -56,13 +56,13 @@ align-items: center; } -.achievements__item__number { +.achievements__number { /* Numbers should be big and attention grabbing */ font-size: 2rem; font-style: bold; } -.achievements__item__text { +.achievements__text { } .boxes { |