From 05394a2be90a0fdf8c9ab571d07ed6c4a82ce89d Mon Sep 17 00:00:00 2001
From: Linnnus <linnnus@users.noreply.github.com>
Date: Wed, 27 Mar 2024 14:04:01 +0100
Subject: 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/
---
 static/index.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'static/index.css')

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 {
-- 
cgit v1.2.3