materialize-jekyll 1.5.0 → 1.5.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9b791a3038cd8ef89f7c4fabdc506b718e8568c8d915b4a8ee294c5b8aef4612
-  data.tar.gz: 5ffab43ab0c4996c08966c0f52202d4ca4aaa4b8fe94c444cd7d202a73f9bf30
+  metadata.gz: 3213fb102913d6c36331c2305dec54fb21f299917daa1d552e167dac9fbdbc4b
+  data.tar.gz: 5a087d7739cae4c6ca6ae9eac55a4d585de29714344b2686421076f5cd41836a
 SHA512:
-  metadata.gz: 53f7f092b2383d8f214220f2ace4ccd0ee96d0cde24f6ebff8e6a869036909f76f295780a04c014b03b28180fb3e8b5770fca7cb83fb6ac3353301320251df59
-  data.tar.gz: d84faf6028fb081dac19b772420d1143946f6477579cc4355505cd7ee40d657127236e4f45f77b3cc633205fd9e7e710a0bb5391b9ae6f2912f72424f18cca89
+  metadata.gz: 3d47115f8426d63150e44bfa6163c9c0376a5ac104fc885dd1bb20d4379c8d9f70a859f9b138ae9fa95b0217509f4b9e48450eb633b1397a7c20aa215a24e2d8
+  data.tar.gz: 6f28f79835e79da8f5427a42a854b59f9f37c933ed01f4a5987027402ea6e2e229ea99fc2e12b387bba06231971716bcd854fad95dab8d867636ef25f9c48973

data/_includes/minutes-to-read.html

@@ -1,7 +1,7 @@
 {% assign words = content | number_of_words %}
 
 {% if words < 360 %}
-  {% assign minutesText = '1 min de leitura' %}
+  {% assign minutesText = '1 min.' %}
 {% else %}
-  {% assign minutesText = words | divided_by:180 | append: ' mins de leitura' %}
+  {% assign minutesText = words | divided_by:180 | append: ' mins.' %}
 {% endif %}

data/_includes/share.html

@@ -1,7 +1,7 @@
 <section class="row share">
   <div class="col s12 valign-wrapper center-align">
     <div class="col s10 offset-s1">
-      <p class="share-header">Compartilhe</p>
+      <p class="share-header">{{ page.share_text }}</p>
       <a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ site.baseurl }}{{ page.url }}" class="btn-floating btn-large waves-effect waves-light fb-color" onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;" title="Compartilhar no Facebook">
         <div class="fb-btn btn-white ">
         </div>

data/_layouts/home.html

@@ -8,11 +8,13 @@ layout: default
       <div id="masonry-grid" class="row">
         {% for post in site.posts %}
           <div class="col s12 m6 l4 card-wrapper">
-            <div class="card hoverable">
+            <div class="card card-hoverable">
               {% if post.image  %}
-                <div class="card-image">
-                  <img src="{{ post.image }}">
-                </div>
+                <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">
+                  <div class="card-image">
+                    <img src="{{ post.image }}">
+                  </div>
+                </a>
 
                 <div class="btn-menu" style="padding:0px">
                   <div class="fixed-action-btn horizontal click-to-toggle" style="position:relative; float:right; bottom:30px; right:10px; z-index: 1">
@@ -36,10 +38,12 @@ layout: default
 
               {% endif %}
               <div class="card-content">
-                <span class="grey-text text-lighten-1">{% include date.html date=post.date %}</span>
-                <a class="post-link" href="{{ post.url | prepend: site.baseurl }}"><span class="flow-text card-title"><b>{{ post.title }}</b></span></a>
                 <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">
-                  <p class="post-description">{{ post.description }}</p>
+                  <div>
+                    <span class="grey-text text-lighten-1">{% include date.html date=post.date %}</span>
+                    <span class="flow-text card-title"><b>{{ post.title }}</b></span>
+                    <p class="post-description">{{ post.description }}</p>
+                  </div>
                 </a>
                 <br>
                 <div class="tags">

data/_layouts/post.html

@@ -12,7 +12,7 @@ layout: default
           <h2 class="post-title col s12 center-align">{{ page.title }}</h2>
           <div class="col s12">
             <div class="grey-text text-lighten-1 center-align valign post-specs">
-              <i class="material-icons">today </i> {% include date.html date=page.date %}  &nbsp; — &nbsp;<i class="material-icons">access_time </i> {{ minutesText }}
+              <i class="material-icons">today </i> {% include date.html date=page.date %}  &nbsp; — &nbsp;<i class="material-icons">access_time </i> {{ minutesText }} {{ page.reading_time }}
             </div>
           </div>
           <p class="flow-text grey-text text-lighten-1 col s12">{{ page.introduction }}</p>

data/_sass/_cards.scss

@@ -2,40 +2,55 @@
   color: rgba(0, 0, 0, 0.87);
 }
 
-.hoverable {
-  overflow: hidden;
+.card-hoverable {
+  position: relative; /* For positioning the pseudo-element */
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
+
+  .post-link-hidden {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
 }
 
-.hoverable:hover {
-  transition: box-shadow .25s;
-  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 0 0 0 rgba(0, 0, 0, 0);
+.card-hoverable::before {
+  /* Position the pseudo-element. */
+  content: ' ';
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+
+  /* Create the box shadow at expanded size. */
+  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.5);
+
+  /* Hidden by default. */
+  opacity: 0;
+  transition: opacity 500ms;
 }
 
-.hoverable:hover .card-image img {
-  -webkit-transform: scale(1.08);
-  transform: scale(1.08);
+.card-hoverable:hover::before {
+  /* Show the pseudo-element on hover. */
+  cursor: pointer;
+  opacity: 1;
 }
 
-.card-image img {
-  -webkit-transition: 0.4s ease;
-  transition: 0.4s ease;
+.btn-floating {
+  background-color: var(--secondary-color);
 }
 
-  .btn-floating {
-    background-color: var(--secondary-color);
-  }
 .nested-btn {
   width: 36px !important;
   height: 22px !important;
   margin-top: 8px;
 }
 
-.read-more {
-  color: $mainColor !important;
-}
-
 a.post-link {
   text-decoration: none;
+  position: relative;
 }
 
 .card-content {

data/_sass/_syntax.scss

@@ -211,7 +211,7 @@
   margin: 0 auto;
   color: #f8f8f2;
   background-color: #222;
-  overflow-x: scroll;
+  overflow-x: hidden;
   overflow-y: hidden;
   white-space: nowrap;
   -webkit-overflow-scrolling: touch;

data/_sass/_tags.scss

@@ -1,3 +1,7 @@
+.tag-name {
+  position: relative;
+}
+
 .tags-collection {
   padding: 50px 25px 100px 25px;
 }

data/assets/css/main.scss

@@ -26,15 +26,24 @@ nav {
 
 #theme-toggle {
   &.dark {
-    background-color: var(--text-color);
+    background-color: #fff;
     mask: url(../img/icons/sun.svg)  no-repeat;
     -webkit-mask: url(../img/icons/sun.svg)  no-repeat;
+
+    &:hover {
+      background-color: #212121;
+    }
   }
+
   &.light {
-    background-color: #757575;
+    background-color: #000;
     mask: url(../img/icons/moon.svg)  no-repeat;
     -webkit-mask: url(../img/icons/moon.svg)  no-repeat;
+    &:hover {
+      background-color: #9e9e9e;
+    }
   }
+  cursor: pointer;
   right: 30px;
   top: 75px;
   position: absolute;
@@ -100,9 +109,13 @@ p {
 }
 
 @media screen and (max-width : 1250px ){
-    .blog-posts {
-        width: 98%;
-    }
+  .blog-posts {
+    width: 98%;
+  }
+
+  #theme-toggle {
+    z-index: 1;
+  }
 }
 
 @media screen and (max-width : 768px ){
@@ -192,6 +205,6 @@ html,
 html *,
 html *:before,
 html *:after {
-  transition: color 1s !important;
-  transition: background-color 1s !important;
+  transition: color 1s;
+  transition: background-color 1s;
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: materialize-jekyll
 version: !ruby/object:Gem::Version
-  version: 1.5.0
+  version: 1.5.1
 platform: ruby
 authors:
 - Victor Presumido
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-05-24 00:00:00.000000000 Z
+date: 2020-05-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll