Readapt the misuse of BEM, Code organization

- -- is only for a modifier, not a child "child". Use master__child without the parent__ in it to make it more readable. https://www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them/ - Redefine atom design components
2020-02-29 18:32:32 +01:00
parent 70ce97e9bc
commit 76c8c31c89
17 changed files with 387 additions and 391 deletions
--- a/src/style/pages/_page.scss
+++ b/src/style/pages/_page.scss
@@ -40,26 +40,23 @@
        }
    }

-    // List
-    &__list {
-        // Category
-        &--category {
-            margin-bottom: 96px;
-            text-align: center;
+    // Category
+    &__category {
+        margin-bottom: 96px;
+        text-align: center;

-            &:last-child {
-                margin-bottom: 0;
-            }
+        &:last-child {
+            margin-bottom: 0;
+        }

-            h2 {
-                margin-bottom: 56px;
-            }
-            dl {
-                margin-bottom: 40px;
-            }
-            dt {
-                margin-bottom: 8px;
-            }
+        h2 {
+            margin-bottom: 56px;
+        }
+        dl {
+            margin-bottom: 40px;
+        }
+        dt {
+            margin-bottom: 8px;
        }
    }