tungsten 0.1.23 → 0.1.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: a9509fcd7a413b2fef959d7ab3274b8b204705cb
4
- data.tar.gz: f6d72d0dd351824ba52752665768fb75015021cc
3
+ metadata.gz: 6dc08b0a38b389c8e5d1f41b73d44d9692ed208e
4
+ data.tar.gz: 8ca014b974e09c6f4b10ef4d601624e04f82474b
5
5
  SHA512:
6
- metadata.gz: fe2149ff2b1bb03de1695587635bcc0bdfddb3abd5af6c26e0bde9d8fa5be795baf54d0cd3dab65990ad4686d15a273308bd3942ca1206be1edf0c23daaed3b3
7
- data.tar.gz: a7abcafdc75234104a688778a291387b8566acee11fb6a65428ba2a4ae46167d4a173c5ed393e5e3d39663cdd40db51389ddd33d015fec5f205d2a077a3030d6
6
+ metadata.gz: 0123fb62c025628b8329f8e73d269fd96295d9f0f41e8b74b3551ef3ace76b1bb438d1b9bba5377154224f8d4e39a90aaebcae02a473ded56834828f0cb89c47
7
+ data.tar.gz: eca06fd4a4d4edf709fd9f48d215a3986c7105343b454b311e70163e11d523e16b714d39d80874ba2057234bca406a5a0ba8ac4992028bed591fa000c7d54ca9
@@ -8,3 +8,4 @@
8
8
  @import 'toggle-nav';
9
9
  @import 'copy-input';
10
10
  @import 'status';
11
+ @import 'progress-bar';
@@ -0,0 +1,48 @@
1
+ @keyframes move-background {
2
+ 0% {
3
+ background-position: 0 0;
4
+ }
5
+ 100% {
6
+ background-position: 50px 50px;
7
+ }
8
+ }
9
+ @keyframes expand-width {
10
+ 0% { width: 0; }
11
+ }
12
+
13
+ .progress-bar {
14
+ @include block-margin;
15
+ width: 100%;
16
+ padding: 2px;
17
+ border-radius: 20px;
18
+ box-shadow: $input-shadow;
19
+ }
20
+ .progress-bar-fill {
21
+ background: linear-gradient( to right, rgba(#fff, .3), rgba(#fff, .6) );
22
+ height: .6em;
23
+ border-radius: 10px;
24
+ position: relative;
25
+ overflow: hidden;
26
+ animation: expand-width 2s $timing;
27
+ transition: width 1.5s $timing;
28
+ box-shadow: 0 0 1px 1px rgba(#fff, .2) inset;
29
+
30
+ &:after {
31
+ background-size: 50px 50px;
32
+ animation: move-background 2s linear infinite;
33
+ content: "";
34
+ position: absolute;
35
+ top: 0; left: 0; bottom: 0; right: 0;
36
+ background-image: linear-gradient(
37
+ -45deg,
38
+ rgba(#fff, .15) 25%,
39
+ transparent 25%,
40
+ transparent 50%,
41
+ rgba(#fff, .15) 50%,
42
+ rgba(#fff, .15) 75%,
43
+ transparent 75%,
44
+ transparent
45
+ );
46
+ }
47
+ }
48
+
@@ -1,5 +1,6 @@
1
1
  doctype html
2
- html
2
+ - @page_class ||= ''
3
+ html class=@page_class
3
4
  head
4
5
 
5
6
  / Document Settings
@@ -1,3 +1,3 @@
1
1
  module Tungsten
2
- VERSION = "0.1.23"
2
+ VERSION = "0.1.24"
3
3
  end
@@ -89,4 +89,4 @@ function move(o){document.documentElement.scrollTop=o,document.body.parentNode.s
89
89
  });
90
90
 
91
91
 
92
- //# sourceMappingURL=/assets/tungsten/code-0.1.23.map.json
92
+ //# sourceMappingURL=/assets/tungsten/code-0.1.24.map.json
@@ -3148,3 +3148,55 @@ table.card {
3148
3148
  fill: #8c9ba5; }
3149
3149
  .status-icon .svg-status-partial {
3150
3150
  fill: #f69523; }
3151
+
3152
+ @-webkit-keyframes move-background {
3153
+ 0% {
3154
+ background-position: 0 0; }
3155
+ 100% {
3156
+ background-position: 50px 50px; } }
3157
+
3158
+ @keyframes move-background {
3159
+ 0% {
3160
+ background-position: 0 0; }
3161
+ 100% {
3162
+ background-position: 50px 50px; } }
3163
+ @-webkit-keyframes expand-width {
3164
+ 0% {
3165
+ width: 0; } }
3166
+ @keyframes expand-width {
3167
+ 0% {
3168
+ width: 0; } }
3169
+ .progress-bar {
3170
+ margin-top: 20px;
3171
+ margin-bottom: 20px;
3172
+ width: 100%;
3173
+ padding: 2px;
3174
+ border-radius: 20px;
3175
+ box-shadow: 0 0 0 1px rgba(15, 33, 46, 0.2) inset, 0 0 0 transparent; }
3176
+ .progress-bar:first-child {
3177
+ margin-top: 0; }
3178
+
3179
+ .progress-bar-fill {
3180
+ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.6));
3181
+ background: linear-gradient(to right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.6));
3182
+ height: .6em;
3183
+ border-radius: 10px;
3184
+ position: relative;
3185
+ overflow: hidden;
3186
+ -webkit-animation: expand-width 2s cubic-bezier(0.4, 0, 0.2, 1);
3187
+ animation: expand-width 2s cubic-bezier(0.4, 0, 0.2, 1);
3188
+ -webkit-transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);
3189
+ transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);
3190
+ box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.2) inset; }
3191
+ .progress-bar-fill:after {
3192
+ background-size: 50px 50px;
3193
+ -webkit-animation: move-background 2s linear infinite;
3194
+ animation: move-background 2s linear infinite;
3195
+ content: "";
3196
+ position: absolute;
3197
+ top: 0;
3198
+ left: 0;
3199
+ bottom: 0;
3200
+ right: 0;
3201
+ 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);
3202
+ 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); }
Binary file
@@ -88,4 +88,4 @@ function request(e,n,t){return"function"==typeof t?new e("GET",n).end(t):2==argu
88
88
  });
89
89
 
90
90
 
91
- //# sourceMappingURL=/assets/tungsten/tungsten-0.1.23.map.json
91
+ //# sourceMappingURL=/assets/tungsten/tungsten-0.1.24.map.json
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: tungsten
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.23
4
+ version: 0.1.24
5
5
  platform: ruby
6
6
  authors:
7
7
  - Brandon Mathis
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2017-09-06 00:00:00.000000000 Z
12
+ date: 2017-09-07 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: rails
@@ -187,6 +187,7 @@ files:
187
187
  - app/assets/stylesheets/tungsten/components/_index.scss
188
188
  - app/assets/stylesheets/tungsten/components/_notices.scss
189
189
  - app/assets/stylesheets/tungsten/components/_notifications.scss
190
+ - app/assets/stylesheets/tungsten/components/_progress-bar.scss
190
191
  - app/assets/stylesheets/tungsten/components/_status.scss
191
192
  - app/assets/stylesheets/tungsten/components/_tables.scss
192
193
  - app/assets/stylesheets/tungsten/components/_toggle-nav.scss
@@ -274,14 +275,14 @@ files:
274
275
  - lib/tungsten.rb
275
276
  - lib/tungsten/helper.rb
276
277
  - lib/tungsten/version.rb
277
- - public/code-0.1.23.js
278
- - public/code-0.1.23.js.gz
279
- - public/code-0.1.23.map.json
280
- - public/tungsten-0.1.23.css
281
- - public/tungsten-0.1.23.css.gz
282
- - public/tungsten-0.1.23.js
283
- - public/tungsten-0.1.23.js.gz
284
- - public/tungsten-0.1.23.map.json
278
+ - public/code-0.1.24.js
279
+ - public/code-0.1.24.js.gz
280
+ - public/code-0.1.24.map.json
281
+ - public/tungsten-0.1.24.css
282
+ - public/tungsten-0.1.24.css.gz
283
+ - public/tungsten-0.1.24.js
284
+ - public/tungsten-0.1.24.js.gz
285
+ - public/tungsten-0.1.24.map.json
285
286
  homepage:
286
287
  licenses:
287
288
  - MIT
Binary file