vhx-quartz 0.11.18 → 0.11.19

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: 514113f0572028337f280b7d6d2c430fe16099bb
4
- data.tar.gz: f335cce39e918e70d8e9893fc5782c5968586688
3
+ metadata.gz: 37eb18f366ba18f157c048a262a5e9a0c4441457
4
+ data.tar.gz: 7eb4bcbed19078bd099e36998f57919440d64804
5
5
  SHA512:
6
- metadata.gz: 5db226299f7aecd61132fbf9d2195d3a41a17c2f60b9f6c318192ac96c6f5aa9f53d90a84ea5670c6288e453aa30c68e699579db9e7cd7565b1331616d9c9a0f
7
- data.tar.gz: 61fd15b1bfa746aa16d7ff82ac6a9cde3c2b8cbd515c7460e83bbb2e5c7789bf568020fdf4dcf30a46750941667d7ca915e572178a2a6fc32495c41871a00ba6
6
+ metadata.gz: 707cba261c06df38b41294873e51705e8b801efddfd03f48543ff1be1f5b656124655022f773b0aad98f0799c6696a5814fd57403499febcbda710b5a0d18af4
7
+ data.tar.gz: 7be4a0388fef0cf2b33d35abbfe0675aae223d29a27aaf0b70ccb98348bdec8ce2709ee1f207d7d765c19c24c2612d271937a725dd6fdf85b4023f2c21edfd60
@@ -1,5 +1,5 @@
1
1
  module Vhx
2
2
  module Quartz
3
- VERSION = "0.11.18"
3
+ VERSION = "0.11.19"
4
4
  end
5
5
  end
@@ -1,4 +1,3 @@
1
- /* generated with grunt-sass-globbing */
2
1
  /* imports
3
2
  ...................................*/
4
3
  /* .....................................
@@ -25,6 +24,9 @@
25
24
  /* .....................................
26
25
  Colors - Brand Palette
27
26
  ..................................... */
27
+ /* .....................................
28
+ Colors - Vimeo Brand Palette
29
+ ..................................... */
28
30
  /* .....................................
29
31
  Colors - External Palette
30
32
  ..................................... */
@@ -33,90 +35,135 @@
33
35
  /*.....................................
34
36
  AVATARS
35
37
  ......................................*/
36
- .avatar {
37
- width: 35px;
38
- height: 35px;
38
+ .avatar,
39
+ .new-avatar {
40
+ width: 36px;
41
+ height: 36px;
39
42
  position: relative;
40
43
  display: inline-block;
41
44
  background-color: rgba(0, 20, 43, 0.5);
42
45
  border-radius: 50%;
43
46
  overflow: hidden;
44
47
  z-index: 1; }
45
- .avatar .avatar-img {
46
- line-height: 35px; }
47
- .avatar.color-blue {
48
+ .avatar .avatar-img,
49
+ .avatar .default-avatar,
50
+ .new-avatar .avatar-img,
51
+ .new-avatar .default-avatar {
52
+ line-height: 36px; }
53
+ .avatar.color-blue,
54
+ .new-avatar.color-blue {
48
55
  background-color: #0F4E7B; }
49
- .avatar.color-purple {
56
+ .avatar.color-purple,
57
+ .new-avatar.color-purple {
50
58
  background-color: #783479; }
51
- .avatar.color-pink {
59
+ .avatar.color-pink,
60
+ .new-avatar.color-pink {
52
61
  background-color: #fde5ec; }
53
- .avatar.color-orange {
62
+ .avatar.color-orange,
63
+ .new-avatar.color-orange {
54
64
  background-color: #D06B5E; }
55
- .avatar.color-green {
65
+ .avatar.color-green,
66
+ .new-avatar.color-green {
56
67
  background-color: #fafcf4; }
57
- .avatar.color-forest {
68
+ .avatar.color-forest,
69
+ .new-avatar.color-forest {
58
70
  background-color: #9DBB36; }
59
- .avatar.color-light-blue {
71
+ .avatar.color-light-blue,
72
+ .new-avatar.color-light-blue {
60
73
  background-color: #2b8eff; }
61
- .avatar.color-gray {
74
+ .avatar.color-gray,
75
+ .new-avatar.color-gray {
62
76
  background-color: #233741; }
63
- .avatar.color-teal {
77
+ .avatar.color-teal,
78
+ .new-avatar.color-teal {
64
79
  background-color: #22B9B0; }
65
- .avatar.avatar--border .avatar-img {
66
- border: 2px solid #ffffff; }
67
- .avatar .avatar-user {
80
+ .avatar.avatar--border .avatar-img,
81
+ .new-avatar.avatar--border .avatar-img {
82
+ border: 2px solid #fff; }
83
+ .avatar .avatar-user,
84
+ .new-avatar .avatar-user {
68
85
  position: absolute;
69
86
  top: 0;
70
87
  left: 0;
71
88
  width: 100%;
72
89
  height: 100%;
73
90
  background-size: cover; }
74
- .avatar:before {
75
- color: red;
76
- content: ' ';
77
- display: block;
78
- position: absolute;
79
- -webkit-background-clip: padding-box;
80
- background-clip: padding-box;
81
- top: 0;
82
- left: 0;
83
- width: 100%;
84
- height: 100%;
85
- background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cg%20fill%3D%22%23ffffff%22%3E%3Cpath%20d%3D%22M7.1%2011c1.8%200%201.8-2.8%200-2.8S5.3%2011%207.1%2011zM15.9%2011c1.8%200%201.8-2.8%200-2.8s-1.8%202.8%200%202.8z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4.2%2012.9c.3%200%20.5.2.5.5v1.4h13.6v-1.4c0-.3.2-.5.5-.5h3.8V4.6c0-.4-.3-.8-.8-.8H1.2c-.4%200-.8.4-.8.8v8.3h3.8zm11.7-5.7c3.1%200%203.1%204.8%200%204.8s-3.1-4.8%200-4.8zm-8.8%200c3.1%200%203.1%204.8%200%204.8S4%207.2%207.1%207.2z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M19.3%2013.9v1.4c0%20.3-.2.5-.5.5H4.2c-.3%200-.5-.2-.5-.5v-1.4H.4v4.5c0%20.4.3.8.8.8h20.7c.4%200%20.8-.4.8-.8v-4.5h-3.4z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3Cpath%20d%3D%22M7.1%208.2c-1.8%200-1.8%202.8%200%202.8s1.8-2.8%200-2.8zM15.9%208.2c-1.8%200-1.8%202.8%200%202.8s1.8-2.8%200-2.8z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
86
- background-repeat: no-repeat;
87
- background-position: 50% 50%;
88
- background-size: 50%; }
89
- .avatar.avatar--xsmall {
90
- width: 25px;
91
- height: 25px; }
92
- .avatar.avatar--xsmall .avatar-img {
93
- line-height: 25px; }
94
- .avatar.avatar--small {
95
- width: 35px;
96
- height: 35px; }
97
- .avatar.avatar--small .avatar-img {
98
- line-height: 35px; }
99
- .avatar.avatar--medium {
100
- width: 45px;
101
- height: 45px; }
102
- .avatar.avatar--medium .avatar-img {
103
- line-height: 45px; }
104
- .avatar.avatar--large {
91
+ .avatar.avatar--xsmall,
92
+ .new-avatar.avatar--xsmall {
93
+ width: 24px;
94
+ height: 24px; }
95
+ .avatar.avatar--xsmall .avatar-img,
96
+ .avatar.avatar--xsmall .default-avatar,
97
+ .new-avatar.avatar--xsmall .avatar-img,
98
+ .new-avatar.avatar--xsmall .default-avatar {
99
+ line-height: 24px; }
100
+ .avatar.avatar--small,
101
+ .new-avatar.avatar--small {
102
+ width: 36px;
103
+ height: 36px; }
104
+ .avatar.avatar--small .avatar-img,
105
+ .avatar.avatar--small .default-avatar,
106
+ .new-avatar.avatar--small .avatar-img,
107
+ .new-avatar.avatar--small .default-avatar {
108
+ line-height: 36px; }
109
+ .avatar.avatar--medium,
110
+ .new-avatar.avatar--medium {
111
+ width: 46px;
112
+ height: 46px; }
113
+ .avatar.avatar--medium .avatar-img,
114
+ .avatar.avatar--medium .default-avatar,
115
+ .new-avatar.avatar--medium .avatar-img,
116
+ .new-avatar.avatar--medium .default-avatar {
117
+ line-height: 46px; }
118
+ .avatar.avatar--large,
119
+ .new-avatar.avatar--large {
105
120
  width: 60px;
106
121
  height: 60px; }
107
- .avatar.avatar--large .avatar-img {
122
+ .avatar.avatar--large .avatar-img,
123
+ .avatar.avatar--large .default-avatar,
124
+ .new-avatar.avatar--large .avatar-img,
125
+ .new-avatar.avatar--large .default-avatar {
108
126
  line-height: 60px; }
109
- .avatar.avatar--xlarge {
127
+ .avatar.avatar--xlarge,
128
+ .new-avatar.avatar--xlarge {
110
129
  width: 80px;
111
130
  height: 80px; }
112
- .avatar.avatar--xlarge .avatar-img {
131
+ .avatar.avatar--xlarge .avatar-img,
132
+ .avatar.avatar--xlarge .default-avatar,
133
+ .new-avatar.avatar--xlarge .avatar-img,
134
+ .new-avatar.avatar--xlarge .default-avatar {
113
135
  line-height: 80px; }
114
- .avatar.avatar--xxlarge {
136
+ .avatar.avatar--xxlarge,
137
+ .new-avatar.avatar--xxlarge {
115
138
  width: 100px;
116
139
  height: 100px; }
117
- .avatar.avatar--xxlarge .avatar-img {
140
+ .avatar.avatar--xxlarge .avatar-img,
141
+ .avatar.avatar--xxlarge .default-avatar,
142
+ .new-avatar.avatar--xxlarge .avatar-img,
143
+ .new-avatar.avatar--xxlarge .default-avatar {
118
144
  line-height: 100px; }
119
145
 
146
+ .new-avatar {
147
+ text-align: center; }
148
+ .new-avatar .default-avatar {
149
+ color: #fff;
150
+ font-weight: bold; }
151
+
152
+ .avatar:before {
153
+ color: red;
154
+ content: ' ';
155
+ display: block;
156
+ position: absolute;
157
+ -webkit-background-clip: padding-box;
158
+ background-clip: padding-box;
159
+ top: 0;
160
+ left: 0;
161
+ width: 100%;
162
+ height: 100%;
163
+ background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cg%20fill%3D%22%23ffffff%22%3E%3Cpath%20d%3D%22M7.1%2011c1.8%200%201.8-2.8%200-2.8S5.3%2011%207.1%2011zM15.9%2011c1.8%200%201.8-2.8%200-2.8s-1.8%202.8%200%202.8z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4.2%2012.9c.3%200%20.5.2.5.5v1.4h13.6v-1.4c0-.3.2-.5.5-.5h3.8V4.6c0-.4-.3-.8-.8-.8H1.2c-.4%200-.8.4-.8.8v8.3h3.8zm11.7-5.7c3.1%200%203.1%204.8%200%204.8s-3.1-4.8%200-4.8zm-8.8%200c3.1%200%203.1%204.8%200%204.8S4%207.2%207.1%207.2z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M19.3%2013.9v1.4c0%20.3-.2.5-.5.5H4.2c-.3%200-.5-.2-.5-.5v-1.4H.4v4.5c0%20.4.3.8.8.8h20.7c.4%200%20.8-.4.8-.8v-4.5h-3.4z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3Cpath%20d%3D%22M7.1%208.2c-1.8%200-1.8%202.8%200%202.8s1.8-2.8%200-2.8zM15.9%208.2c-1.8%200-1.8%202.8%200%202.8s1.8-2.8%200-2.8z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
164
+ background-repeat: no-repeat;
165
+ background-position: 50% 50%;
166
+ background-size: 50%; }
120
167
  /* imports
121
168
  ...................................*/
122
169
  /* .....................................
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: vhx-quartz
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.11.18
4
+ version: 0.11.19
5
5
  platform: ruby
6
6
  authors:
7
7
  - Scott Robertson, Courtney Burton, Steven Bone, David Gonzalez
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2017-05-24 00:00:00.000000000 Z
11
+ date: 2018-02-28 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: railties