barbican-reset 1.9.5 → 1.9.8

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.
@@ -15,7 +15,7 @@
15
15
  padding-bottom: 3.75rem;
16
16
  }
17
17
 
18
- a:not(.link-col) {
18
+ a:not(.link-col):not(.city-of-london-lockup) {
19
19
  @include focus {
20
20
  @include single-box($white);
21
21
  background-color: $white;
@@ -80,6 +80,7 @@
80
80
  $background: $white,
81
81
  $border: 1px,
82
82
  $padding: false,
83
+ $margin: false,
83
84
  $line-height: false,
84
85
  $display: false,
85
86
  $font-size: false) {
@@ -95,6 +96,7 @@
95
96
  @if $line-height { line-height: $line-height; }
96
97
  @if $font-size { font-size: $font-size; }
97
98
  @if $padding { padding: $padding; }
99
+ @if $margin { margin: $margin; }
98
100
 
99
101
  path {
100
102
  fill: $color;
@@ -201,6 +203,10 @@
201
203
  @include button-solid($c-status-neutral);
202
204
  }
203
205
 
206
+ @mixin btn-outline-info {
207
+ @include button-outline($c-status-neutral);
208
+ }
209
+
204
210
  @mixin btn-outline-cinema {
205
211
  @include button-outline($c-brand-cinema);
206
212
  }
@@ -323,22 +329,28 @@
323
329
  }
324
330
  }
325
331
 
332
+ @mixin btn-menu-focus {
333
+ background-color: $white;
334
+ color: $c-brand-generic;
335
+ outline: none;
336
+
337
+ path {
338
+ fill: $c-brand-generic;
339
+ }
340
+ }
341
+
326
342
  @mixin btn-menu {
327
343
  @include button-display(flex, 0.75);
328
344
  @include button-outline(
329
345
  $color: $white,
330
346
  $background: $c-brand-generic,
331
347
  $padding: 0 0.75rem,
348
+ $margin: 0.25rem,
332
349
  $line-height: 2.375rem);
350
+ vertical-align: middle;
333
351
 
334
352
  @include focus {
335
- color: $c-brand-generic-s100-l38;
336
- background-color: $white;
337
- outline: none;
338
-
339
- svg {
340
- fill: $c-brand-generic-s100-l38;
341
- }
353
+ @include btn-menu-focus;
342
354
  }
343
355
  }
344
356
 
@@ -23,7 +23,7 @@
23
23
  }
24
24
 
25
25
  @mixin card-body {
26
- padding: 1.75rem 1.75rem 1.5rem;
26
+ padding: 1.75rem;
27
27
  }
28
28
 
29
29
  @mixin card-footer {
@@ -1,5 +1,5 @@
1
- @mixin inline-block {
2
- vertical-align: middle;
1
+ @mixin inline-block($align:middle) {
2
+ vertical-align: $align;
3
3
  display: inline-block;
4
4
  }
5
5
 
@@ -14,7 +14,18 @@
14
14
  top: 1rem;
15
15
 
16
16
  @if $state == disabled {
17
- cursor: not-allowed;
17
+ display: none;
18
+
19
+ ~ label {
20
+ padding: 0.75rem 0.75rem 0.625rem;
21
+ border-color: $c-grey-l44;
22
+ cursor: not-allowed;
23
+ color: $c-grey-l44;
24
+
25
+ strong {
26
+ text-decoration: line-through;
27
+ }
28
+ }
18
29
  }
19
30
 
20
31
  @if $state != disabled {
@@ -41,8 +52,8 @@
41
52
 
42
53
  @mixin generic-input-label($state: neutral) {
43
54
  padding: 0.75rem 0.75rem 0.625rem 2.75rem;
44
- border: 1px solid $c-grey-l65;
45
55
  border-radius: $border-radius-lg;
56
+ border: 1px solid $c-grey-l65;
46
57
  background-color: $white;
47
58
  font-weight: 400;
48
59
  display: block;
@@ -68,6 +79,10 @@
68
79
 
69
80
  input[type="#{$type}"] {
70
81
  @include generic-input-target($state);
82
+
83
+ &[disabled=disabled] {
84
+ @include generic-input-target(disabled);
85
+ }
71
86
  }
72
87
 
73
88
  label {
@@ -5,6 +5,10 @@
5
5
  justify-content: space-between;
6
6
  display: flex;
7
7
  gap: 0.75rem;
8
+
9
+ &:last-child {
10
+ padding-bottom: 0;
11
+ }
8
12
 
9
13
  &.promo {
10
14
  padding-bottom: 1rem;
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "_args": [
3
3
  [
4
- "barbican-reset@1.9.5",
4
+ "barbican-reset@1.9.8",
5
5
  "/Users/pheading/Sites/eticketing-vue"
6
6
  ]
7
7
  ],
8
- "_from": "barbican-reset@1.9.5",
9
- "_id": "barbican-reset@1.9.5",
8
+ "_from": "barbican-reset@1.9.8",
9
+ "_id": "barbican-reset@1.9.8",
10
10
  "_inBundle": false,
11
11
  "_integrity": "sha512-9QMrzuoZ/NZfFlFagC6go3ofn5hBhU9rtSPEeGH0krwY5dBKOlfs8oGIvqUaEGFKI+jQ3spuDOQoeyYK5NRiQw==",
12
12
  "_location": "/barbican-reset",
@@ -35,18 +35,18 @@
35
35
  "_requested": {
36
36
  "type": "version",
37
37
  "registry": true,
38
- "raw": "barbican-reset@1.9.5",
38
+ "raw": "barbican-reset@1.9.8",
39
39
  "name": "barbican-reset",
40
40
  "escapedName": "barbican-reset",
41
- "rawSpec": "1.9.5",
41
+ "rawSpec": "1.9.8",
42
42
  "saveSpec": null,
43
- "fetchSpec": "1.9.5"
43
+ "fetchSpec": "1.9.8"
44
44
  },
45
45
  "_requiredBy": [
46
46
  "/"
47
47
  ],
48
- "_resolved": "https://registry.npmjs.org/barbican-reset/-/barbican-reset-1.9.5.tgz",
49
- "_spec": "1.9.5",
48
+ "_resolved": "https://registry.npmjs.org/barbican-reset/-/barbican-reset-1.9.8.tgz",
49
+ "_spec": "1.9.8",
50
50
  "_where": "/Users/pheading/Sites/eticketing-vue",
51
51
  "author": {
52
52
  "name": "Paul Heading"
@@ -96,5 +96,5 @@
96
96
  "test": "echo \"Error: no test specified\" && exit 1"
97
97
  },
98
98
  "style": "dist/css/barbican-reset.css",
99
- "version": "1.9.5"
99
+ "version": "1.9.8"
100
100
  }
package/scss/_btn.scss CHANGED
@@ -21,6 +21,11 @@
21
21
  @include btn-info;
22
22
  }
23
23
 
24
+ &.btn-outline-info {
25
+ // blue outline, fill on focus
26
+ @include btn-outline-info;
27
+ }
28
+
24
29
  &.btn-secondary {
25
30
  // solid grey
26
31
  @include btn-secondary;
@@ -6,6 +6,6 @@
6
6
  }
7
7
 
8
8
  .card-body {
9
- padding: 1.5rem 1.25rem;
9
+ padding: 1.25rem;
10
10
  }
11
11
  }