krad 3.2.6 → 3.2.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7aa27a8e6be95cfce60ba70ee7319bfb516816a8
-  data.tar.gz: f433a2c138163c30c296445711c36f6993ce92aa
+  metadata.gz: 240f2c7053f96d165c20b57bb3767e56736bca2a
+  data.tar.gz: ae15a2362683f4e66fbb6266da2d1a60f13b4acf
 SHA512:
-  metadata.gz: 0971567f5f260e30f294c500b29136e1a2404c835156d5832ce91e667c3f01da3d4c6dd2a6cda153bc403ddd1d82c30d9f377410f684b3702718b2e9d3c9d3d1
-  data.tar.gz: 1018867d78b7f1f5242724685e07f61be36db8e29361c301a6cfebdffa6ce308985ad436028f238382f6629dd85e1a5f344454ad6e31047602e7ff88f08abf19
+  metadata.gz: 3a5b1f6832a0eb91128c4741ff2b384c114158a11712ba6d070970d8bbbab4988c8936b999d08a0c346602a3c82f88f092612abbb62a9866bbb9edd0547be8b8
+  data.tar.gz: d8b37522dd1ea7cc11fe553288a3342093cf655d0cdb27cd300f85cdade1a0a18ac5b112102b3245700a737b0421e7265c7d7ab22799a66b2e99eb5419c966f6

data/_includes/krad.scss

@@ -43,4 +43,5 @@
 @import "layouts/home";
 @import "layouts/post";
 @import "layouts/page";
-@import "layouts/footer";
+@import "layouts/footer";
+@import "layouts/portfolio";

data/_layouts/home.html

@@ -16,12 +16,12 @@
           {% for post in site.posts %}
         
             {% unless post.next %}
-              <h3>{{ post.date | date: '%Y' }}</h3>
+              <h2>{{ post.date | date: '%Y' }}</h2>
             {% else %}
               {% capture year %}{{ post.date | date: '%Y' }}{% endcapture %}
               {% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %}
               {% if year != nyear %}
-                <h3>{{ post.date | date: '%Y' }}</h3>
+                <h2>{{ post.date | date: '%Y' }}</h2>
               {% endif %}
             {% endunless %}
         

data/_sass/layouts/_portfolio.scss

@@ -0,0 +1,42 @@
+/* Portfolio */
+.portfolio {
+  padding: 0 2px;
+  list-style: none;
+  li.cube {
+    position: relative;
+    color: $color-gray-smoke;
+    -webkit-perspective: 1000px;
+    perspective: 1000px;   
+    .card-wrap {
+      text-align: center;
+      margin: 0;
+      @include transition(transform, .33s);
+      @include transform-style(preserve-3d);
+    }
+    img {
+      width: 100%;
+    }
+    .flip {
+      background: rgba(0,0,0,0.9);
+    	height: 100%;
+    	width: 100%;
+    }
+    .flop {
+      @extend .flip;
+      position: absolute;
+      top: 0;
+      left: 0;
+      padding: 0.8rem;
+      @include box-sizing(border-box);
+      @include transform(rotateY(180deg));
+      h2 {
+        color: $color-gray-milk;
+      }
+    }
+    &:hover {
+      .card-wrap {
+        @include transform(rotateY(-180deg));
+      }
+    }
+  }
+}

data/assets/styles/krad.scss

@@ -46,4 +46,5 @@
 @import "layouts/home";
 @import "layouts/post";
 @import "layouts/page";
-@import "layouts/footer";
+@import "layouts/footer";
+@import "layouts/portfolio";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: krad
 version: !ruby/object:Gem::Version
-  version: 3.2.6
+  version: 3.2.7
 platform: ruby
 authors:
 - Lê Thanh Tùng
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-11-30 00:00:00.000000000 Z
+date: 2016-12-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -90,6 +90,7 @@ files:
 - _sass/layouts/_footer.scss
 - _sass/layouts/_home.scss
 - _sass/layouts/_page.scss
+- _sass/layouts/_portfolio.scss
 - _sass/layouts/_post.scss
 - _sass/layouts/_responsive-menu.scss
 - _sass/mixins/_clearfix.scss