From 13f6a6fac32aad4bf6d3e2a18fb1615d6c41dab5 Mon Sep 17 00:00:00 2001
From: Ahmed Abdelhalim <pm@a14m.dev>
Date: Mon, 5 Jul 2021 14:24:03 +0200
Subject: Refactor education section to use BEM naming

---
 app/assets/index.html              | 10 +++++-----
 app/stylesheets/web/education.styl | 18 +++++++++---------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/app/assets/index.html b/app/assets/index.html
index c55e982..4acda28 100644
--- a/app/assets/index.html
+++ b/app/assets/index.html
@@ -285,11 +285,11 @@
       <article class="education">
         <h1 class="education__header section-header">Education</h1>
         <article class="education__details">
-          <h2 class="education__details__degree">B.E. in Computer Science and Engineering</h2>
-          <p class="education__details__university">Arab Academy for Science and Technology</p>
-          <p class="education__details__gpa">GPA 3.1/4.0 (B - Very Good)</p>
-          <em class="education__details__location">Alexandria, Egypt</em>
-          <em class="education__details__duration">Sep. 2005 - Jan. 2011</em>
+          <h2 class="education__degree">B.E. in Computer Science and Engineering</h2>
+          <p class="education__university">Arab Academy for Science and Technology</p>
+          <p class="education__gpa">GPA 3.1/4.0 (B - Very Good)</p>
+          <em class="education__location">Alexandria, Egypt</em>
+          <em class="education__duration">Sep. 2005 - Jan. 2011</em>
         </article>
       </article>
     </main>
diff --git a/app/stylesheets/web/education.styl b/app/stylesheets/web/education.styl
index d6ea3a6..cf54f19 100644
--- a/app/stylesheets/web/education.styl
+++ b/app/stylesheets/web/education.styl
@@ -12,32 +12,32 @@
   }
 }
 
-.education__details__degree {
+.education__degree {
   min-width: 100%
   align-self: center
   font-size: 1.1em
   margin-bottom: 0
 }
 
-.education__details__university
-.education__details__gpa
-.education__details__duration
-.education__details__location {
+.education__university
+.education__gpa
+.education__duration
+.education__location {
   min-width: 50%
   margin: 0
 }
 
-.education__details__university {
+.education__university {
 }
 
-.education__details__gpa {
+.education__gpa {
   order: 3
   @media screen and (max-width: 780px) {
     order: 2
   }
 }
 
-.education__details__duration {
+.education__duration {
   order: 2
   text-align: right
   align-self: flex-end
@@ -47,7 +47,7 @@
   }
 }
 
-.education__details__location {
+.education__location {
   order: 4
   text-align: right
   align-self: flex-end
-- 
cgit v1.2.3