vhx-quartz 0.8.9 → 0.8.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. checksums.yaml +4 -4
  2. data/lib/vhx/quartz/version.rb +1 -1
  3. data/vendor/assets/javascripts/vhx-quartz.avatar.js +11 -0
  4. data/vendor/assets/javascripts/vhx-quartz.scope.js +2 -1
  5. data/vendor/assets/javascripts/vhx-quartz.sidebar.js +68 -38
  6. data/vendor/assets/stylesheets/vhx-quartz.avatar.css +0 -0
  7. data/vendor/assets/stylesheets/vhx-quartz.css +61 -56
  8. data/vendor/assets/stylesheets/vhx-quartz.min.css +1 -1
  9. metadata +5 -3
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: a4ba10b678c4d1b23884e57f8aeb41893f28f347
4
- data.tar.gz: 007f6ae189b20586d7354a9ce52dd1eb704ab407
3
+ metadata.gz: 248e096ad37870894665e0d5fd2e0319efdf31bf
4
+ data.tar.gz: f2d7fc27c085802f8f94dd89576f5cefeb0c12f0
5
5
  SHA512:
6
- metadata.gz: 05217f729618fead1c7d192431eeb578bb0f1312cc7e1d4e6b6d952cdf61eaecde2cc0cd6a59ff932d3be4498a646303ce36cf71ec4357d824000b0b19848316
7
- data.tar.gz: 3bf97c3c27b8901af8bd13b4e88cd4026f95cdc649b14723d1208aff578694409847d999de7a0d2f08aa8be489d2a23a075654449d0b104065322b0fb88cb7ea
6
+ metadata.gz: 84aced50b62ab6fd8c72cfa7cfdb03d8c0d907de532a40c8e7994aa8448423a7fbb47a65adee261210762d5c5696b42601315fe15a51a1e1bc5bcf3b98849721
7
+ data.tar.gz: 9ab82d2ae783b894418b9ed8181cd7254299500945c43a48872e93c7cb630ed41b97dc5f4ec3669b5e017bd788df38e93153a4b5b1e627ab015143127fb23057
data/lib/vhx/quartz/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  module Vhx
2
2
  module Quartz
3
- VERSION = "0.8.9"
3
+ VERSION = "0.8.10"
4
4
  end
5
5
  end
data/vendor/assets/javascripts/vhx-quartz.avatar.js ADDED
@@ -0,0 +1,11 @@
1
+ 'use strict';
2
+
3
+ vhxm.components.shared.avatar.ui = {
4
+ view: function view(ctrl, opts) {
5
+ return m('span.avatar.color-purple.avatar--' + (opts.size ? opts.size : 'medium'), [m('span.avatar-user.user-avatar', {
6
+ style: {
7
+ backgroundImage: 'url(' + opts.image + ')'
8
+ }
9
+ })]);
10
+ }
11
+ };
data/vendor/assets/javascripts/vhx-quartz.scope.js CHANGED
@@ -34,6 +34,7 @@ if (typeof vhxm !== 'undefined') {
34
34
  },
35
35
  sidebar: {
36
36
  ui: {}
37
- }
37
+ },
38
+ avatar: {}
38
39
  };
39
40
  }
data/vendor/assets/javascripts/vhx-quartz.sidebar.js CHANGED
@@ -1,81 +1,111 @@
1
1
  'use strict';
2
2
 
3
- vhxm.components.shared.sidebar.controller = function () {
3
+ vhxm.components.shared.sidebar.controller = function (opts) {
4
4
  var self = this;
5
5
 
6
+ if (opts) {
7
+ if (opts.onInit) {
8
+ opts.onInit();
9
+ }
10
+ if (opts.loadedState) {
11
+ vhxm.components.shared.sidebar.setLoadedState(opts.loadedState);
12
+ }
13
+ if (opts.template) {
14
+ vhxm.components.shared.sidebar.setTemplate(opts.template);
15
+ }
16
+ if (opts.onOpen) {
17
+ vhxm.components.shared.sidebar.state.onOpen(opts.onOpen);
18
+ }
19
+ if (opts.onClose) {
20
+ vhxm.components.shared.sidebar.state.onClose(opts.onClose);
21
+ }
22
+ }
23
+
6
24
  self.animatorIn = function (elem, isInit) {
7
- // if (!isInit) {
8
25
  if (vhxm.components.shared.sidebar.state.isOpen()) {
9
26
  $(elem).velocity({
10
27
  right: 0
11
28
  }, {
12
- duration: 500,
29
+ duration: vhxm.components.shared.sidebar.state.skipTransition() ? 0 : 500,
13
30
  easing: [0.19, 1, 0.22, 1],
14
31
  complete: function complete() {
15
- if (vhxm.components.shared.sidebar.state.animate_in_cb) {
16
- vhxm.components.shared.sidebar.state.onAnimateIn();
17
- }
32
+ vhxm.components.shared.sidebar.state.onOpen();
33
+ vhxm.components.shared.sidebar.state.skipTransition(true);
18
34
  }
19
35
  });
20
36
  }
21
- // }
22
37
  };
23
38
 
24
39
  self.animatorOut = function (elem, isInit) {
25
- if (!isInit) {
26
- elem.onclick = function (ev) {
27
- ev.preventDefault();
28
- vhxm.components.shared.sidebar.state.isOpen(false);
29
-
30
- $('.c-sidebar').velocity({
31
- right: '-470'
32
- }, {
33
- duration: 500,
34
- easing: [0.19, 1, 0.22, 1],
35
- complete: function complete() {
36
- if (vhxm.components.shared.sidebar.state.animate_out_cb) {
37
- vhxm.components.shared.sidebar.state.onAnimateOut();
38
- }
39
- }
40
- });
41
- };
42
- }
40
+ $(elem).velocity({
41
+ right: '-470'
42
+ }, {
43
+ duration: 500,
44
+ easing: [0.19, 1, 0.22, 1],
45
+ complete: function complete() {
46
+ vhxm.components.shared.sidebar.state.onClose();
47
+ vhxm.components.shared.sidebar.state.skipTransition(false);
48
+ }
49
+ });
43
50
  };
44
51
  };
45
52
 
46
- vhxm.components.shared.sidebar.toggleSidebar = function (state, route) {
53
+ vhxm.components.shared.sidebar.toggle = function (state, route) {
47
54
  state = state === 'open' ? true : false;
48
55
 
49
- vhxm.components.shared.sidebar.state.isOpen(state);
50
- route ? m.route(route) : m.redraw();
56
+ if (vhxm.components.shared.sidebar.state.isOpen() && !state || !vhxm.components.shared.sidebar.state.isOpen() && state) {
57
+ vhxm.components.shared.sidebar.state.isOpen(state);
58
+ if (route) {
59
+ return m.route(route);
60
+ }
61
+
62
+ m.redraw();
63
+ }
51
64
  };
52
65
 
53
66
  vhxm.components.shared.sidebar.setTemplate = function (template) {
54
67
  vhxm.components.shared.sidebar.state.template(template);
55
- m.redraw();
56
68
  };
57
69
 
58
- vhxm.components.shared.sidebar.setModel = function (model) {
59
- vhxm.components.shared.sidebar.state.model(model);
70
+ vhxm.components.shared.sidebar.setLoadedState = function (obj) {
71
+ if (!!(obj && obj.constructor && obj.call && obj.apply)) {
72
+ vhxm.components.shared.sidebar.state.isLoaded = obj;
73
+ } else {
74
+ throw 'Loaded State must be a Mithril prop.';
75
+ }
76
+
60
77
  m.redraw();
61
78
  };
62
79
 
63
80
  vhxm.components.shared.sidebar.state = {
64
81
  isOpen: m.prop(false),
82
+ isLoaded: m.prop(false),
65
83
  skipTransition: m.prop(false),
66
- model: m.prop(null),
67
84
  template: m.prop(null),
68
- onAnimateOut: m.prop(null),
69
- onAnimateIn: m.prop(null)
85
+ onClose: m.prop(function () {}),
86
+ onOpen: m.prop(function () {})
70
87
  };
71
88
 
72
89
  vhxm.components.shared.sidebar.ui.container = {
73
90
  controller: vhxm.components.shared.sidebar.controller,
74
91
  view: function view(ctrl) {
75
- if (!vhxm.components.shared.sidebar.state.model()) {
76
- return m('.c-sidebar.bg-white.shadow--gray.background-white.loader-slate.loader--cover-hide.loader--large.is-loading', { config: ctrl.animatorIn });
77
- } else {
78
- return m('.c-sidebar.bg-gray-1.shadow--gray', { config: ctrl.animatorIn }, [m('a.c-sidebar--close.icon-circle.icon-x-navy.icon--xsmall', { config: ctrl.animatorOut }), vhxm.components.shared.sidebar.state.template()]);
92
+ if (!vhxm.components.shared.sidebar.state.isLoaded()) {
93
+ return m('.c-sidebar.bg-white.shadow--gray.background-white.loader-slate.loader--cover-hide.loader--large.is-loading', {
94
+ config: vhxm.components.shared.sidebar.state.isOpen() ? ctrl.animatorIn : ctrl.animatorOut
95
+ });
79
96
  }
97
+
98
+ return m('.c-sidebar.bg-white.shadow--gray', {
99
+ config: vhxm.components.shared.sidebar.state.isOpen() ? ctrl.animatorIn : ctrl.animatorOut
100
+ }, [m('a.c-sidebar--close.icon-circle.icon-x-navy.icon--xsmall', {
101
+ onclick: function onclick() {
102
+ vhxm.components.shared.sidebar.toggle('close');
103
+ }
104
+ }), m('div', {
105
+ style: { opacity: 0 },
106
+ config: function config(elem) {
107
+ $(elem).velocity({ opacity: '1' }, { duration: 400 });
108
+ }
109
+ }, [m.component(vhxm.components.shared.sidebar.state.template())])]);
80
110
  }
81
111
  };
data/vendor/assets/stylesheets/vhx-quartz.avatar.css ADDED
File without changes
data/vendor/assets/stylesheets/vhx-quartz.css CHANGED
@@ -100,15 +100,20 @@
100
100
  .avatar.avatar--medium .avatar-img {
101
101
  line-height: 45px; }
102
102
  .avatar.avatar--large {
103
- width: 55px;
104
- height: 55px; }
105
- .avatar.avatar--large .avatar-img {
106
- line-height: 55px; }
107
- .avatar.avatar--xlarge {
108
103
  width: 60px;
109
104
  height: 60px; }
110
- .avatar.avatar--xlarge .avatar-img {
105
+ .avatar.avatar--large .avatar-img {
111
106
  line-height: 60px; }
107
+ .avatar.avatar--xlarge {
108
+ width: 80px;
109
+ height: 80px; }
110
+ .avatar.avatar--xlarge .avatar-img {
111
+ line-height: 80px; }
112
+ .avatar.avatar--xxlarge {
113
+ width: 100px;
114
+ height: 100px; }
115
+ .avatar.avatar--xxlarge .avatar-img {
116
+ line-height: 100px; }
112
117
 
113
118
  /* imports
114
119
  ...................................*/
@@ -6257,7 +6262,7 @@ a.head--white:hover, a.head--white:active {
6257
6262
  ......................................*/
6258
6263
  /* Colors
6259
6264
  ......................................*/
6260
- .loader-slate:before {
6265
+ .loader-slate:after {
6261
6266
  content: ' ';
6262
6267
  width: 30px;
6263
6268
  height: 30px;
@@ -6267,20 +6272,20 @@ a.head--white:hover, a.head--white:active {
6267
6272
  background-position: center center;
6268
6273
  background-size: contain;
6269
6274
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%237a878e%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%237a878e%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6270
- .loader-slate.loader--small:before {
6275
+ .loader-slate.loader--small:after {
6271
6276
  width: 16px;
6272
6277
  height: 16px; }
6273
- .loader-slate.loader--medium:before {
6278
+ .loader-slate.loader--medium:after {
6274
6279
  width: 30px;
6275
6280
  height: 30px; }
6276
- .loader-slate.loader--large:before {
6281
+ .loader-slate.loader--large:after {
6277
6282
  width: 46px;
6278
6283
  height: 46px; }
6279
- .loader-slate.loader--xlarge:before {
6284
+ .loader-slate.loader--xlarge:after {
6280
6285
  width: 60px;
6281
6286
  height: 60px; }
6282
6287
 
6283
- .loader-white:before {
6288
+ .loader-white:after {
6284
6289
  content: ' ';
6285
6290
  width: 30px;
6286
6291
  height: 30px;
@@ -6290,20 +6295,20 @@ a.head--white:hover, a.head--white:active {
6290
6295
  background-position: center center;
6291
6296
  background-size: contain;
6292
6297
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6293
- .loader-white.loader--small:before {
6298
+ .loader-white.loader--small:after {
6294
6299
  width: 16px;
6295
6300
  height: 16px; }
6296
- .loader-white.loader--medium:before {
6301
+ .loader-white.loader--medium:after {
6297
6302
  width: 30px;
6298
6303
  height: 30px; }
6299
- .loader-white.loader--large:before {
6304
+ .loader-white.loader--large:after {
6300
6305
  width: 46px;
6301
6306
  height: 46px; }
6302
- .loader-white.loader--xlarge:before {
6307
+ .loader-white.loader--xlarge:after {
6303
6308
  width: 60px;
6304
6309
  height: 60px; }
6305
6310
 
6306
- .loader-teal:before {
6311
+ .loader-teal:after {
6307
6312
  content: ' ';
6308
6313
  width: 30px;
6309
6314
  height: 30px;
@@ -6313,16 +6318,16 @@ a.head--white:hover, a.head--white:active {
6313
6318
  background-position: center center;
6314
6319
  background-size: contain;
6315
6320
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%2322b9b0%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%2322b9b0%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6316
- .loader-teal.loader--small:before {
6321
+ .loader-teal.loader--small:after {
6317
6322
  width: 16px;
6318
6323
  height: 16px; }
6319
- .loader-teal.loader--medium:before {
6324
+ .loader-teal.loader--medium:after {
6320
6325
  width: 30px;
6321
6326
  height: 30px; }
6322
- .loader-teal.loader--large:before {
6327
+ .loader-teal.loader--large:after {
6323
6328
  width: 46px;
6324
6329
  height: 46px; }
6325
- .loader-teal.loader--xlarge:before {
6330
+ .loader-teal.loader--xlarge:after {
6326
6331
  width: 60px;
6327
6332
  height: 60px; }
6328
6333
 
@@ -6340,7 +6345,7 @@ a.head--white:hover, a.head--white:active {
6340
6345
  margin-top: -15px;
6341
6346
  height: 30px;
6342
6347
  width: 30px; }
6343
- .loader--cover.loader-slate:after:before {
6348
+ .loader--cover.loader-slate:after:after {
6344
6349
  content: ' ';
6345
6350
  width: 30px;
6346
6351
  height: 30px;
@@ -6350,16 +6355,16 @@ a.head--white:hover, a.head--white:active {
6350
6355
  background-position: center center;
6351
6356
  background-size: contain;
6352
6357
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%237a878e%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%237a878e%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6353
- .loader--cover.loader-slate:after.loader--small:before {
6358
+ .loader--cover.loader-slate:after.loader--small:after {
6354
6359
  width: 16px;
6355
6360
  height: 16px; }
6356
- .loader--cover.loader-slate:after.loader--medium:before {
6361
+ .loader--cover.loader-slate:after.loader--medium:after {
6357
6362
  width: 30px;
6358
6363
  height: 30px; }
6359
- .loader--cover.loader-slate:after.loader--large:before {
6364
+ .loader--cover.loader-slate:after.loader--large:after {
6360
6365
  width: 46px;
6361
6366
  height: 46px; }
6362
- .loader--cover.loader-slate:after.loader--xlarge:before {
6367
+ .loader--cover.loader-slate:after.loader--xlarge:after {
6363
6368
  width: 60px;
6364
6369
  height: 60px; }
6365
6370
  .loader--cover.loader-slate.loader--small:after {
@@ -6387,7 +6392,7 @@ a.head--white:hover, a.head--white:active {
6387
6392
  margin-top: -15px;
6388
6393
  height: 30px;
6389
6394
  width: 30px; }
6390
- .loader--cover.loader-white:after:before {
6395
+ .loader--cover.loader-white:after:after {
6391
6396
  content: ' ';
6392
6397
  width: 30px;
6393
6398
  height: 30px;
@@ -6397,16 +6402,16 @@ a.head--white:hover, a.head--white:active {
6397
6402
  background-position: center center;
6398
6403
  background-size: contain;
6399
6404
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6400
- .loader--cover.loader-white:after.loader--small:before {
6405
+ .loader--cover.loader-white:after.loader--small:after {
6401
6406
  width: 16px;
6402
6407
  height: 16px; }
6403
- .loader--cover.loader-white:after.loader--medium:before {
6408
+ .loader--cover.loader-white:after.loader--medium:after {
6404
6409
  width: 30px;
6405
6410
  height: 30px; }
6406
- .loader--cover.loader-white:after.loader--large:before {
6411
+ .loader--cover.loader-white:after.loader--large:after {
6407
6412
  width: 46px;
6408
6413
  height: 46px; }
6409
- .loader--cover.loader-white:after.loader--xlarge:before {
6414
+ .loader--cover.loader-white:after.loader--xlarge:after {
6410
6415
  width: 60px;
6411
6416
  height: 60px; }
6412
6417
  .loader--cover.loader-white.loader--small:after {
@@ -6434,7 +6439,7 @@ a.head--white:hover, a.head--white:active {
6434
6439
  margin-top: -15px;
6435
6440
  height: 30px;
6436
6441
  width: 30px; }
6437
- .loader--cover.loader-teal:after:before {
6442
+ .loader--cover.loader-teal:after:after {
6438
6443
  content: ' ';
6439
6444
  width: 30px;
6440
6445
  height: 30px;
@@ -6444,16 +6449,16 @@ a.head--white:hover, a.head--white:active {
6444
6449
  background-position: center center;
6445
6450
  background-size: contain;
6446
6451
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%2322b9b0%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%2322b9b0%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6447
- .loader--cover.loader-teal:after.loader--small:before {
6452
+ .loader--cover.loader-teal:after.loader--small:after {
6448
6453
  width: 16px;
6449
6454
  height: 16px; }
6450
- .loader--cover.loader-teal:after.loader--medium:before {
6455
+ .loader--cover.loader-teal:after.loader--medium:after {
6451
6456
  width: 30px;
6452
6457
  height: 30px; }
6453
- .loader--cover.loader-teal:after.loader--large:before {
6458
+ .loader--cover.loader-teal:after.loader--large:after {
6454
6459
  width: 46px;
6455
6460
  height: 46px; }
6456
- .loader--cover.loader-teal:after.loader--xlarge:before {
6461
+ .loader--cover.loader-teal:after.loader--xlarge:after {
6457
6462
  width: 60px;
6458
6463
  height: 60px; }
6459
6464
  .loader--cover.loader-teal.loader--small:after {
@@ -6494,7 +6499,7 @@ a.head--white:hover, a.head--white:active {
6494
6499
  margin-top: -15px;
6495
6500
  height: 30px;
6496
6501
  width: 30px; }
6497
- .loader--cover-transparent.loader-slate:after:before {
6502
+ .loader--cover-transparent.loader-slate:after:after {
6498
6503
  content: ' ';
6499
6504
  width: 30px;
6500
6505
  height: 30px;
@@ -6504,16 +6509,16 @@ a.head--white:hover, a.head--white:active {
6504
6509
  background-position: center center;
6505
6510
  background-size: contain;
6506
6511
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%237a878e%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%237a878e%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6507
- .loader--cover-transparent.loader-slate:after.loader--small:before {
6512
+ .loader--cover-transparent.loader-slate:after.loader--small:after {
6508
6513
  width: 16px;
6509
6514
  height: 16px; }
6510
- .loader--cover-transparent.loader-slate:after.loader--medium:before {
6515
+ .loader--cover-transparent.loader-slate:after.loader--medium:after {
6511
6516
  width: 30px;
6512
6517
  height: 30px; }
6513
- .loader--cover-transparent.loader-slate:after.loader--large:before {
6518
+ .loader--cover-transparent.loader-slate:after.loader--large:after {
6514
6519
  width: 46px;
6515
6520
  height: 46px; }
6516
- .loader--cover-transparent.loader-slate:after.loader--xlarge:before {
6521
+ .loader--cover-transparent.loader-slate:after.loader--xlarge:after {
6517
6522
  width: 60px;
6518
6523
  height: 60px; }
6519
6524
  .loader--cover-transparent.loader-slate.loader--small:after {
@@ -6541,7 +6546,7 @@ a.head--white:hover, a.head--white:active {
6541
6546
  margin-top: -15px;
6542
6547
  height: 30px;
6543
6548
  width: 30px; }
6544
- .loader--cover-transparent.loader-white:after:before {
6549
+ .loader--cover-transparent.loader-white:after:after {
6545
6550
  content: ' ';
6546
6551
  width: 30px;
6547
6552
  height: 30px;
@@ -6551,16 +6556,16 @@ a.head--white:hover, a.head--white:active {
6551
6556
  background-position: center center;
6552
6557
  background-size: contain;
6553
6558
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6554
- .loader--cover-transparent.loader-white:after.loader--small:before {
6559
+ .loader--cover-transparent.loader-white:after.loader--small:after {
6555
6560
  width: 16px;
6556
6561
  height: 16px; }
6557
- .loader--cover-transparent.loader-white:after.loader--medium:before {
6562
+ .loader--cover-transparent.loader-white:after.loader--medium:after {
6558
6563
  width: 30px;
6559
6564
  height: 30px; }
6560
- .loader--cover-transparent.loader-white:after.loader--large:before {
6565
+ .loader--cover-transparent.loader-white:after.loader--large:after {
6561
6566
  width: 46px;
6562
6567
  height: 46px; }
6563
- .loader--cover-transparent.loader-white:after.loader--xlarge:before {
6568
+ .loader--cover-transparent.loader-white:after.loader--xlarge:after {
6564
6569
  width: 60px;
6565
6570
  height: 60px; }
6566
6571
  .loader--cover-transparent.loader-white.loader--small:after {
@@ -6611,7 +6616,7 @@ a.head--white:hover, a.head--white:active {
6611
6616
  margin-top: -15px;
6612
6617
  height: 30px;
6613
6618
  width: 30px; }
6614
- .loader--cover-hide.loader-slate:after:before {
6619
+ .loader--cover-hide.loader-slate:after:after {
6615
6620
  content: ' ';
6616
6621
  width: 30px;
6617
6622
  height: 30px;
@@ -6621,16 +6626,16 @@ a.head--white:hover, a.head--white:active {
6621
6626
  background-position: center center;
6622
6627
  background-size: contain;
6623
6628
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%237a878e%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%237a878e%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6624
- .loader--cover-hide.loader-slate:after.loader--small:before {
6629
+ .loader--cover-hide.loader-slate:after.loader--small:after {
6625
6630
  width: 16px;
6626
6631
  height: 16px; }
6627
- .loader--cover-hide.loader-slate:after.loader--medium:before {
6632
+ .loader--cover-hide.loader-slate:after.loader--medium:after {
6628
6633
  width: 30px;
6629
6634
  height: 30px; }
6630
- .loader--cover-hide.loader-slate:after.loader--large:before {
6635
+ .loader--cover-hide.loader-slate:after.loader--large:after {
6631
6636
  width: 46px;
6632
6637
  height: 46px; }
6633
- .loader--cover-hide.loader-slate:after.loader--xlarge:before {
6638
+ .loader--cover-hide.loader-slate:after.loader--xlarge:after {
6634
6639
  width: 60px;
6635
6640
  height: 60px; }
6636
6641
  .loader--cover-hide.loader-slate.loader--small:after {
@@ -6658,7 +6663,7 @@ a.head--white:hover, a.head--white:active {
6658
6663
  margin-top: -15px;
6659
6664
  height: 30px;
6660
6665
  width: 30px; }
6661
- .loader--cover-hide.loader-white:after:before {
6666
+ .loader--cover-hide.loader-white:after:after {
6662
6667
  content: ' ';
6663
6668
  width: 30px;
6664
6669
  height: 30px;
@@ -6668,16 +6673,16 @@ a.head--white:hover, a.head--white:active {
6668
6673
  background-position: center center;
6669
6674
  background-size: contain;
6670
6675
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
6671
- .loader--cover-hide.loader-white:after.loader--small:before {
6676
+ .loader--cover-hide.loader-white:after.loader--small:after {
6672
6677
  width: 16px;
6673
6678
  height: 16px; }
6674
- .loader--cover-hide.loader-white:after.loader--medium:before {
6679
+ .loader--cover-hide.loader-white:after.loader--medium:after {
6675
6680
  width: 30px;
6676
6681
  height: 30px; }
6677
- .loader--cover-hide.loader-white:after.loader--large:before {
6682
+ .loader--cover-hide.loader-white:after.loader--large:after {
6678
6683
  width: 46px;
6679
6684
  height: 46px; }
6680
- .loader--cover-hide.loader-white:after.loader--xlarge:before {
6685
+ .loader--cover-hide.loader-white:after.loader--xlarge:after {
6681
6686
  width: 60px;
6682
6687
  height: 60px; }
6683
6688
  .loader--cover-hide.loader-white.loader--small:after {