Add stark❕

1 files changed, 94 insertions, 0 deletions

diff --git a/src/css/_contenu.scss b/src/css/_contenu.scss
new file mode 100755
index 0000000..267d51a
--- /dev/null
+++ b/src/css/_contenu.scss
@@ -0,0 +1,94 @@
+article {
+  h1 {
+    font-size:2em;
+    color: #A5B;
+  }
+  h2 {
+    font-size:1.5em;
+    color: #BB8;
+  }
+  h3 {
+    font-size:1.25em;
+    color: #AC4;
+  }
+  h2:before {
+    content: "# ";
+    color: #ABB;
+    font: bold  0.95em arial, sans-serif;
+  }
+  h3:before {
+    content: "## ";
+    color: #ABB;
+    font: bold  0.95em arial, sans-serif;
+  }
+  h4:before {
+    content: "### ";
+    color: #ABB;
+    font: bold  1em arial, sans-serif;
+  }
+}
+section {
+  > p:nth-of-type(1) {
+  }
+  > p:nth-of-type(1):after {
+    content: " ";
+    display: table;
+    clear: both;
+  }
+  > p:nth-of-type(1) > img {
+    height:150px;
+    float:right;
+  }
+
+  @media #{$gt-gsm} {
+    > p:first-of-type {
+        margin-top: 2.5%;
+        margin-bottom: 2.5%;
+        padding-left: 6%;
+        color: #944040;
+    }
+  }
+}
+article {
+  margin-right: 2%;
+  margin-left: 3%;
+  float: left;
+  width: 83%;
+  background: #FFF;
+  margin-bottom: 2.5%;
+  padding-right:0%;
+  padding-left:0%;
+  padding: 1.6em 1.6em;
+  font-family: Merriweather, "Liberation Serif", "Segoe UI";
+
+  code {
+    color: #a00;
+    background: #eee;
+    border: 1px solid #ccc;
+    padding: 0 5px;
+  }
+
+  @media #{$gt-gsm} {
+    float: none;
+    margin-right: 7%;
+    margin-left: 300px;
+    width: auto;
+
+    font-size:1em;
+    padding-right:5%;
+    padding-left:5%;
+    transition: margin-left 0.5s ease-out 0.25s;
+
+    border: 1px solid #eaeaea;
+    border: 1px solid rgba(51, 51, 51, 0.1);
+    border-color: #eaeaea !important;
+    margin-top: 50px;
+    margin-bottom: 50px;
+
+    &.zen-mode {
+      margin-left: 7%;
+      transition: margin-left 0.5s ease-out 0.25s;
+    }
+  }
+}
+