rtl mode li margin added, more font options

assets/sass/base/_fonts.scss

@@ -273,4 +273,56 @@
     local('Muli-Blackitalic'),
     url('../fonts/muli-latin-900italic.woff2') format('woff2'), 
     url('../fonts/muli-latin-900italic.woff') format('woff'); /* Modern Browsers */
+}
+
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('../fonts/source-sans-pro/source-sans-pro-regular.eot');
+    src: url('../fonts/source-sans-pro/source-sans-pro-regular.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/source-sans-pro/source-sans-pro-regular.woff') format('woff'),
+         url('../fonts/source-sans-pro/source-sans-pro-regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('../fonts/source-sans-pro/source-sans-pro-italic.eot');
+    src: url('../fonts/source-sans-pro/source-sans-pro-italic.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/source-sans-pro/source-sans-pro-italic.woff') format('woff'),
+         url('../fonts/source-sans-pro/source-sans-pro-italic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('../fonts/source-sans-pro/source-sans-pro-semibold.eot');
+    src: url('../fonts/source-sans-pro/source-sans-pro-semibold.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/source-sans-pro/source-sans-pro-semibold.woff') format('woff'),
+         url('../fonts/source-sans-pro/source-sans-pro-semibold.ttf') format('truetype');
+    font-weight: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    src: url('../fonts/source-sans-pro/source-sans-pro-semibolditalic.eot');
+    src: url('../fonts/source-sans-pro/source-sans-pro-semibolditalic.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/source-sans-pro/source-sans-pro-semibolditalic.woff') format('woff'),
+         url('../fonts/source-sans-pro/source-sans-pro-semibolditalic.ttf') format('truetype');
+    font-weight: 600;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'League Gothic';
+    src: url('../fonts/league-gothic/league-gothic.eot');
+    src: url('../fonts/league-gothic/league-gothic.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/league-gothic/league-gothic.woff') format('woff'),
+         url('../fonts/league-gothic/league-gothic.ttf') format('truetype');
+
+    font-weight: normal;
+    font-style: normal;
 }

assets/sass/pages/_single.scss

@@ -51,6 +51,7 @@
 
   &__contents {
     @include animation('slide-in-left-little .2s .6s 1 ease-in both');
+    
     &--gallery {
       overflow: hidden;
     }
@@ -286,8 +287,19 @@
       list-style: disc outside none;
     }
 
+    &[data-dir="rtl"] {
+      li {
+        margin-right: 2rem;
+      }
+    }
+
+    &[data-dir="ltr"] {
+      li {
+        margin-left: 2rem;
+      }
+    }
+
     li {
-      margin-left: 2rem;
       margin-bottom: calc(1rem / 2);
 
       & > code {

data/font.toml

@@ -1,4 +1,6 @@
 title_font = "\"Montserrat\", sans-serif"
 content_font = "\"Muli\", sans-serif"
 # content_font = "\"Merriweather\", serif"
+# content_font = "\"Source Sans Pro\", sans-serif"
+# content_font = "\"League Gothic\", sans-serif"
 cursive_font = "\"Courgette\", cursive"

layouts/_default/single.html

@@ -10,7 +10,7 @@
       {{ partial "body/infos" . }}
       {{ partial "body/tags" . }}
     </div>    
-    <article class="single__contents">
+    <article class="single__contents" data-dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">
       {{ partial "body/toc" . }}
       {{ .Content }}
     </article>

layouts/about/single.html

@@ -5,7 +5,7 @@
   </h3>
 </header>
 <main class="main about">
-  <article class="single__contents single__contents--about">
+  <article class="single__contents single__contents--about" data-dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">
     {{ .Content }}
   </article>
 </main>

layouts/contact/single.html

@@ -7,12 +7,12 @@
 <main class="main">
   <div class="contact">
       {{ if eq .Params.service "formspree" }}
-        <article class="single__contents contact__desc">
+        <article class="single__contents contact__desc" data-dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">
           {{ .Content }}
         </article>
         {{ partial "contact/formspree" . }}
       {{ else }}
-        <article class="single__contents contact__desc">
+        <article class="single__contents contact__desc" data-dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">
           {{ .Content }}
         </article>
       {{ end }}