jekyll-theme-open-project 1.1.10 → 1.1.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 717190930a3f7b99d388795b140bc71d202d442f0d5063f133f421b3a3a80029
-  data.tar.gz: a368ab0aa067b0e5803ff21caffd13fb49a03ad019ac3ea556f62cf183d8f331
+  metadata.gz: 7df51e3bbc28d2eb3cdf7e9a85e9970038774a9965ef8f08b49f5aa765959263
+  data.tar.gz: 4c05aa4b9fe2ea018caa95ad70b99f7577b65134cd8e7aede27f29308fd1f131
 SHA512:
-  metadata.gz: 9b44354a546accb9bd6f2929d185d8a406e19c4c4990127f31d26efa6dd193c8f8b3a53b27eb1f38b29d0cfd6570bd8d7e3d83c020969743388debb9a412d60e
-  data.tar.gz: 273219f453a1cf0fe75250110e1e3aa896cf491a346975bbf923f40c31f1ba9531a9255e18ee8d2790b03c10e1f64a2cc5618490adb54433473718cd01d38938
+  metadata.gz: 13b49ea48ae9208dedacf329a7f030ba984d19acd576ec5ba84aa1a0b93dbdceb588f688bacd443de74e9834b5e9b3890270d71fb43b9f579c79cadaf0c77fd0
+  data.tar.gz: e0df8c469b781cb61bb4f5423e42855e38884e71bfa01506accb18f9b68e1b75546425350e43c20d1803db4b72d6ad28b0078ae92c1e4774a054224887edd470

data/_sass/jekyll-theme-open-project.scss

@@ -18,6 +18,7 @@ $hub-specs--hero-background: $hub-specs--primary-dark-color !default;
 
 $gutter: 30px;
 $featured-cols: 3;
+$featured-cols-narrow: 2;
 $grid-cols: 4;
 
 $widescreen-breakpoint: 1140px + $gutter * 2;
@@ -50,7 +51,7 @@ main {
         }
 
         // Top section(s) background
-        &:first-child {
+        &.top-background {
           padding-bottom: 80px;
           background-color: #F7F7F7;
 
@@ -102,8 +103,25 @@ main {
         }
 
         @media screen and (min-width: $bigscreen-breakpoint) {
+          box-sizing: border-box;
+          flex-basis: calc( 100%/#{$featured-cols-narrow} - #{$gutter} );
+
+          // Hide third element (there’re at most 3)
+          &:nth-child(3) {
+            opacity: 0;
+            display: none;
+          }
+        }
+
+        @media screen and (min-width: $widescreen-breakpoint) {
           box-sizing: border-box;
           flex-basis: calc( 100%/#{$featured-cols} - #{$gutter} );
+
+          // Show third element
+          &:nth-child(3) {
+            opacity: 1;
+            display: block;
+          }
         }
       }
     }

data/_sass/open-project-base.scss

@@ -268,6 +268,10 @@ a {
   }
 }
 
+.tbd {
+  @include tbd();
+}
+
 .main-article {
   max-width: 750px;
 
@@ -319,15 +323,17 @@ body {
     overflow: hidden;
   }
 }
-@media screen and (min-width: $bigscreen-breakpoint) {
-  body > .underlay,
-  body > main,
-  body > main > .underlay {
-    display: flex;
-    flex-flow: column nowrap;
+body > .underlay,
+body > main,
+body > main > .underlay {
+  display: flex;
+  flex-flow: column nowrap;
+  @media screen and (min-width: $bigscreen-breakpoint) {
     align-items: center;
   }
-  .underlay {
+}
+.underlay {
+  @media screen and (min-width: $bigscreen-breakpoint) {
     width: 100%;
   }
 }

data/_sass/open-project-header-footer.scss

@@ -101,39 +101,15 @@ body > .underlay > footer {
           margin-top: 40px;
 
           .button {
-            font-weight: 800;
-            font-size: 18px;
-            padding: 12px 18px;
-            display: inline-block;
-
-            .icon {
-              margin-right: 10px;
-              font-weight: 400;
-              position: relative;
-              top: 2px;
-              font-size: 120%;
-            }
-
-            margin-right: 10px;
-
-            &, &:link, &:visited {
-              color: white;
-              background-color: rgba(white, 0.32);
+            &:not(:first-child) {
+              @include cta-button(rgba(white, 0.32), white);
             }
             &:first-child {
-              &, &:link, &:visited {
-                color: $primary-dark-color !important;
-                background-color: white !important;
-              }
+              @include cta-button(white, $primary-dark-color);
             }
             &:last-child {
               margin-right: 0;
             }
-
-            transition: box-shadow .2s ease-out;
-            &:hover {
-              box-shadow: 0 0 0 4px rgba(black, 0.2);
-            }
           }
         }
       }

data/_sass/open-project-mixins.scss

@@ -1,9 +1,54 @@
+@mixin tbd($color: red) {
+  // TODO: Refactor disabled item doc navigation links with this mixin in mind
+
+  position: relative;
+
+  &:after {
+    position: absolute;
+    left: 100%;
+    content: "TBD";
+    color: $color;
+    font-size: .6em;
+    vertical-align: super;
+  }
+}
+
+@mixin cta-button($bgcolor, $color) {
+  font-weight: 800;
+  font-size: 18px;
+  padding: 12px 18px;
+  display: inline-block;
+
+  .icon {
+    margin-right: 10px;
+    font-weight: 400;
+    position: relative;
+    top: 2px;
+    font-size: 120%;
+  }
+
+  margin-right: 10px;
+
+  &, &:link, &:visited {
+    color: $color;
+    background-color: $bgcolor;
+  }
+
+  transition: box-shadow .2s ease-out;
+
+  &:hover {
+    box-shadow: 0 0 0 4px rgba(black, 0.2);
+  }
+}
+
 @mixin hoverable-card($base-y, $base-blur, $color) {
   $hovered-y: $base-y * 2;
   $hovered-blur: $base-blur * 2;
 
-  transition: all .15s ease;
   box-shadow: 0px $base-y $base-blur $color;
+
+  transition: box-shadow .17s ease, transform .17s ease;
+
   &:hover {
     transform: translateY(-1px);
     box-shadow: 0px $hovered-y $hovered-blur $color;
@@ -78,6 +123,10 @@
   > .nav-sidebar {
     padding-top: 50px;
 
+    > .sidebar-header, > section {
+      margin-bottom: 15px;
+    }
+
     > .sidebar-header {
       display: flex;
       flex-flow: row nowrap;
@@ -104,8 +153,6 @@
     }
 
     > section {
-      margin-bottom: 15px;
-
       > .section-title {
         font-size: 20px;
         font-weight: bold;
@@ -215,6 +262,8 @@
           }
         }
         .content {
+          font-size: 80%;
+
           > div:first-child {
             > :first-child {
               margin-top: 0;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-open-project
 version: !ruby/object:Gem::Version
-  version: 1.1.10
+  version: 1.1.11
 platform: ruby
 authors:
 - Ribose Inc.
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-09-28 00:00:00.000000000 Z
+date: 2018-10-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -72,14 +72,14 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 1.1.10
+        version: 1.1.11
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 1.1.10
+        version: 1.1.11
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement