tungsten 0.1.23 → 0.1.24

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: a9509fcd7a413b2fef959d7ab3274b8b204705cb
-  data.tar.gz: f6d72d0dd351824ba52752665768fb75015021cc
+  metadata.gz: 6dc08b0a38b389c8e5d1f41b73d44d9692ed208e
+  data.tar.gz: 8ca014b974e09c6f4b10ef4d601624e04f82474b
 SHA512:
-  metadata.gz: fe2149ff2b1bb03de1695587635bcc0bdfddb3abd5af6c26e0bde9d8fa5be795baf54d0cd3dab65990ad4686d15a273308bd3942ca1206be1edf0c23daaed3b3
-  data.tar.gz: a7abcafdc75234104a688778a291387b8566acee11fb6a65428ba2a4ae46167d4a173c5ed393e5e3d39663cdd40db51389ddd33d015fec5f205d2a077a3030d6
+  metadata.gz: 0123fb62c025628b8329f8e73d269fd96295d9f0f41e8b74b3551ef3ace76b1bb438d1b9bba5377154224f8d4e39a90aaebcae02a473ded56834828f0cb89c47
+  data.tar.gz: eca06fd4a4d4edf709fd9f48d215a3986c7105343b454b311e70163e11d523e16b714d39d80874ba2057234bca406a5a0ba8ac4992028bed591fa000c7d54ca9

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

@@ -8,3 +8,4 @@
 @import 'toggle-nav';
 @import 'copy-input';
 @import 'status';
+@import 'progress-bar';

data/app/assets/stylesheets/tungsten/components/_progress-bar.scss

@@ -0,0 +1,48 @@
+@keyframes move-background {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: 50px 50px;
+  }
+}
+@keyframes expand-width {
+  0% { width: 0; }
+}
+
+.progress-bar {
+  @include block-margin;
+  width: 100%;
+  padding: 2px;
+  border-radius: 20px;
+  box-shadow: $input-shadow;
+}
+.progress-bar-fill {
+  background: linear-gradient( to right, rgba(#fff, .3), rgba(#fff, .6) );
+  height: .6em;
+  border-radius: 10px;
+  position: relative;
+  overflow: hidden;
+  animation: expand-width 2s $timing;
+  transition: width 1.5s $timing;
+  box-shadow: 0 0 1px 1px rgba(#fff, .2) inset;
+
+  &:after {
+    background-size: 50px 50px;
+    animation: move-background 2s linear infinite;
+    content: "";
+    position: absolute;
+    top: 0; left: 0; bottom: 0; right: 0;
+    background-image: linear-gradient(
+      -45deg, 
+      rgba(#fff, .15) 25%, 
+      transparent 25%, 
+      transparent 50%, 
+      rgba(#fff, .15) 50%, 
+      rgba(#fff, .15) 75%, 
+      transparent 75%, 
+      transparent
+    );
+  }
+}
+

data/app/views/layouts/tungsten/default.html.slim

@@ -1,5 +1,6 @@
 doctype html
-html
+- @page_class ||= ''
+html class=@page_class
   head
 
     / Document Settings

data/lib/tungsten/version.rb

@@ -1,3 +1,3 @@
 module Tungsten
-  VERSION = "0.1.23"
+  VERSION = "0.1.24"
 end

data/public/{code-0.1.23.js → code-0.1.24.js}

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

data/public/{tungsten-0.1.23.css → tungsten-0.1.24.css}

@@ -3148,3 +3148,55 @@ table.card {
   fill: #8c9ba5; }
 .status-icon .svg-status-partial {
   fill: #f69523; }
+
+@-webkit-keyframes move-background {
+  0% {
+    background-position: 0 0; }
+  100% {
+    background-position: 50px 50px; } }
+
+@keyframes move-background {
+  0% {
+    background-position: 0 0; }
+  100% {
+    background-position: 50px 50px; } }
+@-webkit-keyframes expand-width {
+  0% {
+    width: 0; } }
+@keyframes expand-width {
+  0% {
+    width: 0; } }
+.progress-bar {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  width: 100%;
+  padding: 2px;
+  border-radius: 20px;
+  box-shadow: 0 0 0 1px rgba(15, 33, 46, 0.2) inset, 0 0 0 transparent; }
+.progress-bar:first-child {
+  margin-top: 0; }
+
+.progress-bar-fill {
+  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.6));
+  background: linear-gradient(to right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.6));
+  height: .6em;
+  border-radius: 10px;
+  position: relative;
+  overflow: hidden;
+  -webkit-animation: expand-width 2s cubic-bezier(0.4, 0, 0.2, 1);
+          animation: expand-width 2s cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.2) inset; }
+.progress-bar-fill:after {
+  background-size: 50px 50px;
+  -webkit-animation: move-background 2s linear infinite;
+          animation: move-background 2s linear infinite;
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

data/public/{tungsten-0.1.23.js → tungsten-0.1.24.js}

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tungsten
 version: !ruby/object:Gem::Version
-  version: 0.1.23
+  version: 0.1.24
 platform: ruby
 authors:
 - Brandon Mathis
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-09-06 00:00:00.000000000 Z
+date: 2017-09-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -187,6 +187,7 @@ files:
 - app/assets/stylesheets/tungsten/components/_index.scss
 - app/assets/stylesheets/tungsten/components/_notices.scss
 - app/assets/stylesheets/tungsten/components/_notifications.scss
+- app/assets/stylesheets/tungsten/components/_progress-bar.scss
 - app/assets/stylesheets/tungsten/components/_status.scss
 - app/assets/stylesheets/tungsten/components/_tables.scss
 - app/assets/stylesheets/tungsten/components/_toggle-nav.scss
@@ -274,14 +275,14 @@ files:
 - lib/tungsten.rb
 - lib/tungsten/helper.rb
 - lib/tungsten/version.rb
-- public/code-0.1.23.js
-- public/code-0.1.23.js.gz
-- public/code-0.1.23.map.json
-- public/tungsten-0.1.23.css
-- public/tungsten-0.1.23.css.gz
-- public/tungsten-0.1.23.js
-- public/tungsten-0.1.23.js.gz
-- public/tungsten-0.1.23.map.json
+- public/code-0.1.24.js
+- public/code-0.1.24.js.gz
+- public/code-0.1.24.map.json
+- public/tungsten-0.1.24.css
+- public/tungsten-0.1.24.css.gz
+- public/tungsten-0.1.24.js
+- public/tungsten-0.1.24.js.gz
+- public/tungsten-0.1.24.map.json
 homepage: 
 licenses:
 - MIT