Convert the writing and projects section to use BEM

4 files changed, 60 insertions, 0 deletions

diff --git a/app/stylesheets/print/projects.styl b/app/stylesheets/print/projects.styl
new file mode 100644
index 0000000..96f4309
--- /dev/null
+++ b/app/stylesheets/print/projects.styl
@@ -0,0 +1,12 @@
+.projects {
+  page-break-inside: avoid
+}
+
+.projects__header {
+}
+
+.project__title {
+}
+
+.project__content {
+}
diff --git a/app/stylesheets/print/writing.styl b/app/stylesheets/print/writing.styl
new file mode 100644
index 0000000..2f36735
--- /dev/null
+++ b/app/stylesheets/print/writing.styl
@@ -0,0 +1,12 @@
+.writing {
+  page-break-inside: avoid
+}
+
+.writing__header {
+}
+
+.writing__title {
+}
+
+.writing__content {
+}
diff --git a/app/stylesheets/web/projects.styl b/app/stylesheets/web/projects.styl
new file mode 100644
index 0000000..6e8441a
--- /dev/null
+++ b/app/stylesheets/web/projects.styl
@@ -0,0 +1,18 @@
+.projects {
+}
+
+.projects__header {
+}
+
+.project__title {
+  margin-bottom: 0
+  font-size: 1.1em
+
+}
+
+.project__content {
+  margin-left: 1.2em
+  margin-right: 1.2em
+  margin-top: 0.3em
+  margin-bottom: 1.5em
+}
diff --git a/app/stylesheets/web/writing.styl b/app/stylesheets/web/writing.styl
new file mode 100644
index 0000000..3cbf52a
--- /dev/null
+++ b/app/stylesheets/web/writing.styl
@@ -0,0 +1,18 @@
+.writing {
+}
+
+.writing__header {
+}
+
+.writing__title {
+  margin-bottom: 0
+  font-size: 1.1em
+
+}
+
+.writing__content {
+  margin-left: 1.2em
+  margin-right: 1.2em
+  margin-top: 0.3em
+  margin-bottom: 1.5em
+}