pusher-chameleon 1.3.0 → 1.4.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 08c01038d69c8b61962bcfee994afbd16c81c3ae
4
- data.tar.gz: a83ccc6e741ca20c9577d75346d3e503b7885e56
3
+ metadata.gz: 6b681bf1f03dc5b6663c9045c6ed00038af5ceb9
4
+ data.tar.gz: e52314da5ed90526e6840764d8ff5993da185c69
5
5
  SHA512:
6
- metadata.gz: 97d56c4b1a59312e6d51ac7ed56d8298d73d04d6ec544b7316b2e8517f4253a266ca5c689399ca0a2033aeb52f6960ee825f2cdf64ec96afda668c75e85618dc
7
- data.tar.gz: 1ec8abeb5e2053e279289b411a87fdbfd7b8ecd3beb559f8ed378b8b0542deae0806048a7262a884e58cbc1958e9ea14516996fe35c2e5dc358a4c5dc243192c
6
+ metadata.gz: 10a6811a4180b96468d863245e7e503dfc128573cb4240ee12af26c6a3026e0ca013180cbb6f888f746064218311242431956cd15acc7f9731f3fd8f3ebe0989
7
+ data.tar.gz: c55bfb251986e919011b611bfee9f905786069396f52593428b38b1a0d6e8c432d23d9f6df33e4c50824f33d46a172d701a70ed4fe4806e9e473b767c6e45e37
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pusher-chameleon",
3
- "version": "1.3.0",
3
+ "version": "1.4.0",
4
4
  "description": "A collection of front-end patterns used across Pusher.",
5
5
  "repository": "https://github.com/pusher/chameleon",
6
6
  "keywords": [
@@ -34,11 +34,42 @@
34
34
  outline: 0;
35
35
  }
36
36
 
37
+ &.is-loading {
38
+ padding-right: 30px;
39
+ padding-left: 40px;
40
+
41
+ &:before {
42
+ content: "";
43
+ position: absolute;
44
+ top: 50%;
45
+ left: 15px;
46
+ margin-top: -5px;
47
+ display: inline-block;
48
+ width: 10px;
49
+ height: 10px;
50
+ border-width: 2px;
51
+ border-style: solid;
52
+ border-color: currentColor;
53
+ border-right-color: transparent;
54
+ border-radius: 50%;
55
+ animation: 1s linear infinite btn-spin;
56
+ }
57
+ }
58
+
37
59
  &--small {
38
60
  padding: 7px 20px;
39
61
  font-size: rem-calc(12px);
40
62
  height: 30px;
41
63
  line-height: 1.2em;
64
+
65
+ &.is-loading {
66
+ padding-left: 30px;
67
+ padding-right: 10px;
68
+
69
+ &:before {
70
+ left: 10px;
71
+ }
72
+ }
42
73
  }
43
74
 
44
75
  &--primary {
@@ -239,4 +270,8 @@
239
270
  }
240
271
  }
241
272
  }
273
+ }
274
+
275
+ @keyframes btn-spin {
276
+ 100%{ transform: rotate(360deg) }
242
277
  }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: pusher-chameleon
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.3.0
4
+ version: 1.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Alex Pate
@@ -10,7 +10,7 @@ authors:
10
10
  autorequire:
11
11
  bindir: bin
12
12
  cert_chain: []
13
- date: 2016-12-13 00:00:00.000000000 Z
13
+ date: 2016-12-15 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: sass