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 /views/index.html | |
| 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 'views/index.html')
| -rw-r--r-- | views/index.html | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/views/index.html b/views/index.html index 84de07f..0b5b8ae 100644 --- a/views/index.html +++ b/views/index.html @@ -16,16 +16,16 @@ <div class="achievements"> <div class="achievements__item"> - <span class="achievements__item__number">#1</span> - <span class="achievements__item__text">...at raiding</span> + <span class="achievements__number">#1</span> + <span class="achievements__text">...at raiding</span> </div> <div class="achievements__item"> - <span class="achievements__item__number">9,398,988</span> - <span class="achievements__item__text">...coins</span> + <span class="achievements__number">9,398,988</span> + <span class="achievements__text">...coins</span> </div> <div class="achievements__item"> - <span class="achievements__item__number">1 morbillion</span> - <span class="achievements__item__text">...monsters slain</span> + <span class="achievements__number">1 morbillion</span> + <span class="achievements__text">...monsters slain</span> </div> </div> |