From d44d3436e706a1be00860b03ae1271c49f39930c Mon Sep 17 00:00:00 2001
From: Ahmed Abdelhalim <pm@a14m.dev>
Date: Mon, 5 Jul 2021 13:19:24 +0200
Subject: Convert the work experience to a BEM convention

---
 app/stylesheets/web/work.styl | 67 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100644 app/stylesheets/web/work.styl

(limited to 'app/stylesheets/web')

diff --git a/app/stylesheets/web/work.styl b/app/stylesheets/web/work.styl
new file mode 100644
index 0000000..caa127d
--- /dev/null
+++ b/app/stylesheets/web/work.styl
@@ -0,0 +1,67 @@
+.work {
+}
+
+.work__header {
+}
+
+.work__experience {
+}
+
+.job-position {
+  display: flex
+  flex-flow: row wrap
+  justify-content: space-between
+  @media screen and (max-width: 780px) {
+    flex-flow: column wrap
+  }
+}
+
+.job-position__company
+.job-position__title
+.job-position__duration
+.job-position__location {
+  min-width: 50%
+}
+
+.job-position__company {
+  order: 0
+  margin-bottom: 0
+  font-size: 1.4em
+}
+
+.job-position__title {
+  order: 2
+  @media screen and (max-width: 780px) {
+    order: 1
+  }
+}
+
+.job-position__duration {
+  order: 1
+  text-align: right
+  align-self: flex-end
+  @media screen and (max-width: 780px) {
+    order: 2
+    text-align: left
+    align-self: flex-start
+  }
+}
+
+.job-position__location {
+  order: 3
+  text-align: right
+  align-self: flex-end
+  @media screen and (max-width: 780px) {
+    text-align: left
+    align-self: flex-start
+  }
+}
+
+.note {
+  margin-top: 0.4em
+  margin-bottom: 0.4em
+}
+
+.tasks {
+  margin-top: 0.4em
+}
-- 
cgit v1.2.3