barbican-reset 3.28.0 → 3.29.0

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.
Files changed (7) hide show
  1. package/index.js +2 -2
  2. package/package.json +1 -1
  3. package/scss/_br-link.scss +2 -1
  4. package/scss/br-link/_manage-order.scss +13 -0
  5. package/scss/br-link/_navcard.scss +5 -48
  6. package/scss/mixins/br-link/_navcard.scss +55 -0
  7. /package/components/{BrCardSubTitle.vue → BrCardSubtitle.vue} +0 -0
package/index.js CHANGED
@@ -6,7 +6,7 @@ import BrCard from '#components/BrCard.vue'
6
6
  import BrCardBody from '#components/BrCardBody.vue'
7
7
  import BrCardText from '#components/BrCardText.vue'
8
8
  import BrCardTitle from '#components/BrCardTitle.vue'
9
- import BrCardSubTitle from '#components/BrCardSubTitle.vue'
9
+ import BrCardSubtitle from '#components/BrCardSubtitle.vue'
10
10
  import BrCardTearoff from '#components/BrCardTearoff.vue'
11
11
 
12
12
  import BrCollapseButton from '#components/BrCollapse/Button.vue'
@@ -53,7 +53,7 @@ export {
53
53
  BrButton,
54
54
  BrCard,
55
55
  BrCardBody,
56
- BrCardSubTitle,
56
+ BrCardSubtitle,
57
57
  BrCardText,
58
58
  BrCardTitle,
59
59
  BrCardTearoff,
package/package.json CHANGED
@@ -137,5 +137,5 @@
137
137
  "style:patterns": "cd patterns && gulp build:css",
138
138
  "build:patterns": "cd patterns && rm -rf html && pug views --out html"
139
139
  },
140
- "version": "3.28.0"
140
+ "version": "3.29.0"
141
141
  }
package/scss/_br-link.scss CHANGED
@@ -1,2 +1,3 @@
1
1
  @forward "br-link/navcard";
2
- @forward "br-link/navlink";
2
+ @forward "br-link/navlink";
3
+ @forward "br-link/manage-order";
package/scss/br-link/_manage-order.scss ADDED
@@ -0,0 +1,13 @@
1
+ @use "../mixins/br-link/navcard" as *;
2
+ @use "../mixins/buttons/slim" as *;
3
+
4
+ .br-link.manage-order {
5
+ @include br-link-navcard--setup;
6
+ @include btn-slim;
7
+
8
+ & {
9
+ text-decoration: none;
10
+ display: inline-flex;
11
+ font-weight: bold;
12
+ }
13
+ }
package/scss/br-link/_navcard.scss CHANGED
@@ -1,12 +1,8 @@
1
- @use "../mixins/br-card" as *;
2
- @use "../mixins/br-link/navlink" as *;
3
- @use "../mixins/breakpoints" as *;
1
+ @use "../mixins/br-link/navcard" as *;
4
2
  @use "../mixins/buttons/slim" as *;
5
- @use "../mixins/br-link/navlink" as *;
6
3
 
7
4
  .br-link.navcard {
8
- @include br-card--setup;
9
- @include br-card--body;
5
+ @include br-link-navcard--setup;
10
6
  }
11
7
 
12
8
  .br-link.navcard.slim {
@@ -14,48 +10,9 @@
14
10
  }
15
11
 
16
12
  .br-link.navcard.active {
17
- @include navlink--focus;
18
- @include navlink--outline;
19
-
20
- & {
21
- outline-color: var(--color-brand-generic);
22
- }
23
- }
24
-
25
- .br-link.navcard.active:hover,
26
- .br-link.navcard.active:focus {
27
- @include navlink--disabled;
28
-
29
- & {
30
- outline-color: var(--color-brand-generic);
31
- }
13
+ @include br-link-navcard--active;
32
14
  }
33
15
 
34
- .br-link.navcard:hover,
35
- .br-link.navcard:focus {
36
- @include navlink--focus;
37
- @include navlink--outline;
38
-
39
- & {
40
- outline-color: currentColor;
41
- }
42
- }
43
-
44
- @include small-down {
45
- .br-link.navcard.external {
46
- background-color: transparent;
47
- justify-self: start;
48
- border-width: 0;
49
- padding: 0;
50
- }
51
-
52
- .br-link.navcard.external:hover,
53
- .br-link.navcard.external:focus {
54
- background-color: var(--color-black-80-lighten);
55
- outline-color: var(--color-black-80-lighten);
56
- outline-width: var(--border-width-xl);
57
- outline-offset: 0;
58
- border-radius: 0;
59
- color: white;
60
- }
16
+ .br-link.navcard.external {
17
+ @include br-link-navcard--external;
61
18
  }
package/scss/mixins/br-link/_navcard.scss ADDED
@@ -0,0 +1,55 @@
1
+ @use "../../mixins/br-card" as *;
2
+ @use "../../mixins/br-link/navlink" as *;
3
+ @use "../../mixins/breakpoints" as *;
4
+
5
+ @mixin br-link-navcard--setup {
6
+ @include br-card--setup;
7
+ @include br-card--body;
8
+
9
+ &:hover,
10
+ &:focus {
11
+ @include navlink--focus;
12
+ @include navlink--outline;
13
+
14
+ & {
15
+ outline-color: currentColor;
16
+ }
17
+ }
18
+ }
19
+
20
+ @mixin br-link-navcard--active {
21
+ @include navlink--focus;
22
+ @include navlink--outline;
23
+
24
+ & {
25
+ outline-color: var(--color-brand-generic);
26
+ }
27
+
28
+ &:hover,
29
+ &:focus {
30
+ @include navlink--disabled;
31
+
32
+ & {
33
+ outline-color: var(--color-brand-generic);
34
+ }
35
+ }
36
+ }
37
+
38
+ @mixin br-link-navcard--external {
39
+ @include small-down {
40
+ background-color: transparent;
41
+ justify-self: start;
42
+ border-width: 0;
43
+ padding: 0;
44
+
45
+ &:hover,
46
+ &:focus {
47
+ background-color: var(--color-black-80-lighten);
48
+ outline-color: var(--color-black-80-lighten);
49
+ outline-width: var(--border-width-xl);
50
+ outline-offset: 0;
51
+ border-radius: 0;
52
+ color: white;
53
+ }
54
+ }
55
+ }