first beta

scss/main.scss

@@ -5,25 +5,38 @@
 // @Last modified time: 18-04-2017
 // @License: GPL-V3
 
+$fs:16px;
+
+@mixin base_font{
+  font-family: 'amiri', sans-serif;
+  font-size: 16px;
+  font-kerning: auto;
+  line-height: 1.4;
+}
 
 html, body{
-  font-size: 16px;
-  font-family: 'amiri', sans-serif;
+  @include base_font;
   position: relative;
+  margin:0;
+  padding:0;
 }
 
 #app{
   position: relative;
+  text-align: center;
+  margin: 0 auto;
 }
 
 main#content{
   display:inline-block;
-  margin: 0 auto;
+  text-align: left;
 }
 
 section.item{
-  width:350px;
+  width:450px;
   margin: 1em 0;
+  overflow-x: visible;
+  @include base_font;
   // max-height:14px;
   // overflow: hidden;
   // transition: max-height 0.5s ease-in-out;
@@ -33,15 +46,32 @@ section.item{
 
   h1{
     font-size: 0.750em;
+    font-weight: 300;
     margin: 0;
     cursor:pointer;
   }
 
-  div.text div.paragraph{
-    margin-bottom: 1em;
-  }
-  div.text section.item{
-    padding-left:2em;
-    border-left: 1px solid #999;
+  div.text{
+    font-size: 1.3em;
+    div.paragraph{
+      margin-bottom: 1em;
+
+      div.opened-link{
+        display:inline;
+      }
+      a.link, span.link.text{
+        font-weight: 600;
+        text-decoration: none;
+        color: inherit;
+      }
+      span.link.text:after{
+        content:':'
+      }
+      section.item{
+        padding-left:2em;
+        border-left: 1px solid #999;
+      }
+    }
+
   }
 }