okf-pub-theme 0.2.0 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 73ba7b45bb64f40bbf9424c77c7c52057e86664a
-  data.tar.gz: be33a9f87253c8e441f5916c989d1f3229a8e9ae
+  metadata.gz: 5cfe4dca1225e80aa71fda31d006ae839a692aa1
+  data.tar.gz: 46871f8576c36feb8387dcbcf29417d9b5b3d0ed
 SHA512:
-  metadata.gz: fbc12d0ad879b548a2475720c27d2aa29332938b4de824e96d3bad2e06c0f2d5953451d7a7ec5aad28c78fbaab1df8cfcfc769f549efb15b6a72e5b586372ca4
-  data.tar.gz: 2f2441cd401e7d6a21bb86fd17718d527c7acd4f31deb4b4a552479081dece5b7a43200657867a61a390db230e22539a64e2e80e2db24ecb34a648d40d75fafc
+  metadata.gz: 847dfca5414585bb5170d1596e5f21672a88ec825d1428b2f44d114231bf68af7d01c092e608c28c465fa0f07dadfd40c73a4d92d71edaa249e886587ff6535b
+  data.tar.gz: e39ddc97cd209089c155ceab94ffda35ce1af442f34719cfc4ee808e96f125f2017942e742984c0ef2bbc48fc5c5d550644acd18e8ab8faab05eebac83323dd3

data/_includes/effect-chains.html

@@ -7,7 +7,7 @@
       {% assign collection = page[x.key] %}
       <ol class="effect__chain">
         {% for item in collection %}
-        {% include effect-item.html %}
+          {% include effect-item.html %}
         {% endfor %}
       </ol>
     </div>

data/_includes/effect-item.html

@@ -1,5 +1,5 @@
-<li>
+<li {% if item.claim %}class="effect__claim"{% endif %}>
   {% if item.title %}<h4>{{ item.title }}</h4>{% endif %}
   {% if item.text %}<p>{{ item.text }}</p>{% endif %}
-  {% if item.claim %}<p class="effect__claim"><strong>{{ item.claim }}</strong></p>{% endif %}
+  {% if item.claim %}<p><strong>{{ item.claim }}</strong></p>{% endif %}
 </li>

data/_layouts/home.html

@@ -2,7 +2,7 @@
 layout: default
 ---
 
-<section class="hero is-light is-fullheight" style="{% if site.main_image %}background-image: url({{ site.main_image}}){% endif %}">
+<section class="hero is-light is-fullheight" style="{% if site.main_image %}background-image:{{ site.main_image}}{% endif %}">
   <div class="hero-body">
     <div class="container">
       <div class="colums">

data/_layouts/page.html

@@ -12,9 +12,11 @@ layout: default
       {% endif%}
 
       {% if page.visuals %}
+      <div class="main__img__vislist">
       {% for vis in page.visuals %}
       <img src="{{ vis.img }}" alt="{{ vis.alt }}" class="main__img__vis">
       {% endfor %}
+      </div>
       {% endif %}
     </div>
     <div class="main__copy column is-half">

data/_sass/_effects.sass

@@ -4,7 +4,6 @@
 
 .effect__chain
   list-style: none
-  margin-left: 1rem
   $spacing: 0.3rem
   h4
     margin-bottom: $spacing
@@ -23,13 +22,23 @@
 
   p:not(.effect__claim)
     border-left: 1px solid $okf-grey-2
-  li:last-of-type
-    p
-      border: none
+
+  li
+    margin-left: 1rem
+    &:last-of-type
+      p
+        border: none
+    &:only-child
+      margin-left: 0
+      p
+        padding: 0
 
   .effect__claim
-    &::before
-      content: "🔥"
-      margin-right: 1rem
-      margin-left: -1.6rem
-      margin-right: 0.6rem
+    p
+      padding-bottom: 1rem
+      border: none
+      &::before
+        content: "🔥"
+        margin-right: 1rem
+        margin-left: -1.6rem
+        margin-right: 0.6rem

data/_sass/_header.sass

@@ -44,7 +44,8 @@
   position: absolute
   width: 100vh
   font-size: 1.2rem
-  transform: rotate(90deg) translate(10%, -40%)
+  line-height: 1
+  transform: rotate(90deg) translate(10%, -50%)
   transform-origin: left bottom
 
 .header__toggleble
@@ -63,6 +64,7 @@
 .header__nav
   flex-grow: 1
   padding: 1.2em $gap / 2 1em
+  overflow-y: scroll
   li
     position: relative
   ol

data/_sass/_main.sass

@@ -7,9 +7,8 @@ main
   padding-left: $column-gap
   padding-right: 0
   background-color: $okf-grey-1
-.main__img__img
-  width: 100%
-//  margin-top: 14.5rem
+  position: relative
+  z-index: 1
 
 .main + .main .main__chapter
   margin-top: 5rem
@@ -23,17 +22,27 @@ main
     &:nth-of-type(odd)
       float: right
 
+.main__img__vislist,
+.main__img__img
+  width: 100%
+  @media (min-width: $tablet)
+    width: 50%
+    position: fixed
+
 .main__copy__inner
+  min-height: 100vh
   max-width: 40rem
   margin: auto
+  //font-size: 1.2rem
 
 .main__copy
-  min-height: 100vh
+  position: relative
+  z-index: 2
   padding: 3rem 4em 0em 3em
   background-color: white
 
   div > p:first-child
-    margin-bottom: 1.8em
+    margin-bottom: 1rem
 
   .main__chapter
     margin-bottom: 1.5em
@@ -67,7 +76,7 @@ main
 
   ul
     list-style: bullet
-    list-style: disc inside
+    list-style: disc outside
     margin: 1em 0
     padding-left: 2em
 

data/_sass/chapter.sass

@@ -5,13 +5,8 @@
   h3
     font-size: 1rem
   ul
-    padding-left: 0
-    list-style: none
-  li
-    &:before
-      content: "-"
-      margin-right: .3em
-
+    padding-left: 1rem
+    list-style-position: outside
 .chapter__resources
 
 .chapter__item

data/assets/css/style.sass

@@ -23,6 +23,7 @@ $link: $okf-blue
 $size-1: 3.9rem
 $footer-background-color: $okf-grey-2
 $footer-padding: 3rem 2rem 1.5rem
+$body-size: 1.2rem
 
 // Update some of Bulma's component variables
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: okf-pub-theme
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.2.1
 platform: ruby
 authors:
 - lislis
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-05-17 00:00:00.000000000 Z
+date: 2019-05-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll