tungsten 0.1.36 → 0.1.37

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 254bfdce1180a61d6e09e2940456d5e2863ec4e1
-  data.tar.gz: 4bf409a31b39757c00c258c90ccbce5348399802
+  metadata.gz: 91a62ce2c2594a0179a29f138959ff1e83a0bc3e
+  data.tar.gz: ba3ee3eebeaf93054fc5b9d233ae8796ccf9bd16
 SHA512:
-  metadata.gz: 5a39f819435ede530efd8e2b17551a1a099f88dcf14b825ff70c6a3c7f8011b0d5784b8ee59683d91db3d760cc8f840be2199f85bd57f3634fa62b937013c02f
-  data.tar.gz: e251ca5d2cc6d0e81dbb2417725fa078458c70dc1d760630c25d6cd876fe7bf797fd822f3e86851a38bb294f85218e493b9384b2724d0e8f19b26a2ff3674450
+  metadata.gz: 2c7c32833f549e4546a6729ee8fdd697a13cf75944a1e23928b9cbdd6958237dce2a0073513835ab7545a73b4af74b7b3d69d77a40526fce36216c143455ebf4
+  data.tar.gz: 8a4c1c8cea9b85428890dbb74521ad94491722dbc1763e7edf9b7e3e4345d0114417e0b1bffe1c2555e3950659e1cc74e0de8e0529ce7662917c497b6ac5dc60

data/app/assets/stylesheets/tungsten/components/_tables.scss

@@ -115,7 +115,7 @@ th.sub-heading {
     background-image: linear-gradient(#fff, mix(#fff, $blue-01, 88%)); 
     background-position: left top;
     background-repeat: no-repeat;
-    background-size: 100% 220%;
+    background-size: 100% 250%;
   }
 
   &.toggle-handle:hover {
@@ -135,6 +135,7 @@ th.sub-heading {
       .table-drawer-content-wrapper { max-height: 240vh; } // magic number based on very tall theoretical maximum height
       .table-drawer-content { 
         opacity: 1;
+        transform: scale(1);
       }
     }
   }
@@ -148,6 +149,8 @@ th.sub-heading {
       }
       .table-drawer-content { 
         opacity: 0;
+        transform: scale(0.99);
+        transition-delay: .1s, .1s;
       }
     }
   }
@@ -158,6 +161,7 @@ th.sub-heading {
     padding: 0;
     border-top: none !important;
     transition: border-color .2s ease-in;
+    // Darken whatever backround a td has by default
     background-image: linear-gradient(rgba(#000, .03),rgba(#000, .03));
   }
 
@@ -168,7 +172,8 @@ th.sub-heading {
   }
 
   &-content {
-    transition: opacity .2s .15s ease-in;
+    transition: opacity .2s, transform .2s;
+    transition-delay: .16s, .2s;
     padding: 8px;
     >:last-child {
       margin-bottom: 0;

data/app/assets/stylesheets/tungsten/core/_grid.scss

@@ -85,6 +85,21 @@ form [class*='columns'] {
   flex: 1;
 }
 
+// Expanded items will be large as possible
+.grow { 
+  flex-grow: 1;
+}
+
+.flex-row {
+  display: flex;
+
+  // Add gutter between top level elements
+  > * ~ * {
+    margin-left: 8px;
+  }
+}
+
+
 // Loop through columns
 @for $a from 1 through length($columns) {
 

data/app/assets/stylesheets/tungsten/form/_input-row.scss

@@ -1,15 +1,3 @@
-// Expanded items will be large as possible
-.grow { flex-grow: 1; }
-
-.flex-row {
-  display: flex;
-
-  // Add gutter between top level elements
-  > * ~ * {
-    margin-left: 8px;
-  }
-}
-
 .input-row {
   @include block-margin;
   display: flex;

data/lib/tungsten/version.rb

@@ -1,3 +1,3 @@
 module Tungsten
-  VERSION = "0.1.36"
+  VERSION = "0.1.37"
 end

data/public/{code-0.1.36.js → code-0.1.37.js}

@@ -89,4 +89,4 @@ function move(o){document.documentElement.scrollTop=o,document.body.parentNode.s
 });
 
 
-//# sourceMappingURL=/assets/tungsten/code-0.1.36.map.json
+//# sourceMappingURL=/assets/tungsten/code-0.1.37.map.json

data/public/{tungsten-0.1.36.css → tungsten-0.1.37.css}

@@ -411,6 +411,18 @@ form [class*='columns'] {
       -ms-flex: 1;
           flex: 1; }
 
+.grow {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1; }
+
+.flex-row {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+.flex-row > * ~ * {
+  margin-left: 8px; }
+
 .one-of-eight, .eight-columns > * {
   -webkit-box-flex: 0;
       -ms-flex: 0 1 12.5%;
@@ -2603,18 +2615,6 @@ input::-moz-focus-inner {
 .slider-input.fill ~ .slider-track .filled .slider-segment-mark[data-index]:after {
   box-shadow: #1f8bf8 0 0 0 1px; }
 
-.grow {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1; }
-
-.flex-row {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex; }
-.flex-row > * ~ * {
-  margin-left: 8px; }
-
 .input-row {
   margin-top: 20px;
   margin-bottom: 20px;
@@ -2707,7 +2707,7 @@ th.sub-heading {
   background-image: linear-gradient(#fff, #ebf5fe);
   background-position: left top;
   background-repeat: no-repeat;
-  background-size: 100% 220%; }
+  background-size: 100% 250%; }
 .table-drawer-handle.toggle-handle:hover .drawer-indicator button {
   color: #0094fd; }
 .table-drawer-handle.toggle-handle:hover td {
@@ -2718,7 +2718,9 @@ th.sub-heading {
 .table-drawer-handle.open + .table-drawer .table-drawer-content-wrapper {
   max-height: 240vh; }
 .table-drawer-handle.open + .table-drawer .table-drawer-content {
-  opacity: 1; }
+  opacity: 1;
+  -webkit-transform: scale(1);
+          transform: scale(1); }
 .table-drawer-handle.closed + .table-drawer .table-drawer-content-wrapper {
   max-height: 0;
   -webkit-transition-duration: .3s;
@@ -2726,7 +2728,11 @@ th.sub-heading {
   -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
 .table-drawer-handle.closed + .table-drawer .table-drawer-content {
-  opacity: 0; }
+  opacity: 0;
+  -webkit-transform: scale(0.99);
+          transform: scale(0.99);
+  -webkit-transition-delay: .1s, .1s;
+          transition-delay: .1s, .1s; }
 
 .table-drawer td {
   padding: 0;
@@ -2741,8 +2747,12 @@ th.sub-heading {
   transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   box-shadow: 0 1px 0 0 #dfe3e6 inset; }
 .table-drawer-content {
-  -webkit-transition: opacity .2s .15s ease-in;
-  transition: opacity .2s .15s ease-in;
+  -webkit-transition: opacity .2s, -webkit-transform .2s;
+  transition: opacity .2s, -webkit-transform .2s;
+  transition: opacity .2s, transform .2s;
+  transition: opacity .2s, transform .2s, -webkit-transform .2s;
+  -webkit-transition-delay: .16s, .2s;
+          transition-delay: .16s, .2s;
   padding: 8px; }
 .table-drawer-content > :last-child {
   margin-bottom: 0; }

data/public/{tungsten-0.1.36.js → tungsten-0.1.37.js}

@@ -96,4 +96,4 @@ function request(e,n,t){return"function"==typeof t?new e("GET",n).end(t):2==argu
 });
 
 
-//# sourceMappingURL=/assets/tungsten/tungsten-0.1.36.map.json
+//# sourceMappingURL=/assets/tungsten/tungsten-0.1.37.map.json

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tungsten
 version: !ruby/object:Gem::Version
-  version: 0.1.36
+  version: 0.1.37
 platform: ruby
 authors:
 - Brandon Mathis
@@ -283,14 +283,14 @@ files:
 - lib/tungsten.rb
 - lib/tungsten/helper.rb
 - lib/tungsten/version.rb
-- public/code-0.1.36.js
-- public/code-0.1.36.js.gz
-- public/code-0.1.36.map.json
-- public/tungsten-0.1.36.css
-- public/tungsten-0.1.36.css.gz
-- public/tungsten-0.1.36.js
-- public/tungsten-0.1.36.js.gz
-- public/tungsten-0.1.36.map.json
+- public/code-0.1.37.js
+- public/code-0.1.37.js.gz
+- public/code-0.1.37.map.json
+- public/tungsten-0.1.37.css
+- public/tungsten-0.1.37.css.gz
+- public/tungsten-0.1.37.js
+- public/tungsten-0.1.37.js.gz
+- public/tungsten-0.1.37.map.json
 homepage: 
 licenses:
 - MIT