intia-theme 0.1.31 → 0.1.32

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 06bf6f07388adcf00fe9596659a302be4dbb62ecf307860da1f0b11979286be6
-  data.tar.gz: bf48222bf1ccfbffa6116891806d406760acc82e63fbb3fce393bd01c0e3c051
+  metadata.gz: b382f94e21851a4771c4c84a89a1a57a057e0267ceb881a04403ac3bb2ac984a
+  data.tar.gz: 887202e3aaa644cc4a8744e244fbef1755c64090cf4a47fa35a395ebf624b84c
 SHA512:
-  metadata.gz: 7835a46769b16e9205eb4008ac037d814ac83e921281fe6e7b54b6f2714a9a051cda4032b0d8c9f4768eaee3b5cac91f663a925875c391b5239f388d6c12e4c0
-  data.tar.gz: c5c1037a96c939efda4226d1e636eeb31d743ae8dbd1def6bd5add1460311d47ae14aa5a51e6c0df525846168d00b4c55ee74955070dc7335a50d596cd2f776d
+  metadata.gz: ce4a38fb4c0b8f735b328c965512af7b30cc033eabad98506eebcb4f6833e70fab87fa28e00edc51d7eac5134c1313c3aa2da0be721adc53d3ec724bfc62f3b3
+  data.tar.gz: 380571c3a028b15b0f752c9ebd437efc6bd5d7b12f4f6fe7202fcef72c60966a031ceba586286ed59bf0899792702449142b43fedc0606740e8397a20d7f2333

data/_includes/button.html

@@ -1,7 +1,7 @@
 
 <a href="#" class="button is-rounded is-dark">
+    <span> {{ include.label }} </span>
     <span class="icon is-small">
     <i class="fas fa-chevron-right fa-xs"></i>
-    </span>
-    <span> {{ include.label }} </span>
+    </span>   
 </a>

data/_includes/highlighter.html

@@ -1,7 +1,26 @@
 
-<div class="highlighter {% if include.two-columns %} two-columns {% endif %} {% if include.min-height25p %} min-height25p {% endif %} {% if include.style %} include.style {% endif %} ">
+<div class="highlighter {% if include.two-columns %} two-columns {% endif %} {% if include.image %} highlighter-fit-image {% endif %} {% if include.min-height25p %} min-height25p {% endif %} {% if include.style %} include.style {% endif %} ">  
+    {% if include.image %}
+
+<div class="columns"> 
+<div class="highlighter-image column is-two-fifths">
+<figure class="image">
+<img src={{ include.image }}>             
+</figure>
+</div>
+<div class="highlighter-content column">
+
+    {% endif %}
+
     {{ include.content }}
     {% if include.button %}
         {% include button.html label=include.button %}
     {% endif %} 
+
+    {% if include.image %}
+
+</div>
+</div>
+
+    {% endif %}
 </div>

data/_sass/_layout.scss

@@ -476,6 +476,34 @@ figcaption {
 .highlighter .button {
   float: right;
 }
+.highlighter .column.highlighter-image {
+  margin-right: 0;
+  padding: 0;
+}
+.highlighter .highlighter-image img {
+  padding: 0;
+}
+.highlighter .highlighter-image .image {
+  height: 100%;
+}
+.highlighter .highlighter-image img {
+  border-top-left-radius: 65px;
+  border-bottom-left-radius: 65px;
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+.highlighter .highlighter-content {
+  padding: 3em;
+}
+.highlighter .column.highlighter-content {
+  margin-right: 0;
+}
+.highlighter.highlighter-fit-image {
+  padding: 0;
+}
 
 .highlighter img {
   border-radius: 0;
@@ -496,6 +524,11 @@ figcaption {
   padding-top: 2rem;
   padding-bottom: 2rem;
 }
+.highlighter .column .button.highlighter-column-button {
+  margin-top: 1em;
+  margin-left: 2em;
+  float: none;
+}
 
 .highlighter .is-round {
   display: flex;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: intia-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.31
+  version: 0.1.32
 platform: ruby
 authors:
 - Marc Schmidt