gatsby-theme-carbon 3.1.37 → 3.2.1

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gatsby-theme-carbon",
3
- "version": "3.1.37",
3
+ "version": "3.2.1",
4
4
  "main": "index.js",
5
5
  "author": "vpicone <vp@vincepic.one> (@vpicone)",
6
6
  "repository": {
@@ -22,11 +22,11 @@
22
22
  "react-dom": "^17.0.2"
23
23
  },
24
24
  "dependencies": {
25
- "@babel/core": "^7.23.2",
26
- "@carbon/elements": "^11.34.0",
27
- "@carbon/grid": "^11.21.0",
25
+ "@babel/core": "^7.23.6",
26
+ "@carbon/elements": "^11.35.0",
27
+ "@carbon/grid": "^11.21.1",
28
28
  "@carbon/pictograms-react": "^11.54.0",
29
- "@carbon/react": "^1.44.0",
29
+ "@carbon/react": "^1.45.0",
30
30
  "@carbon/themes": "^11.28.0",
31
31
  "@mdx-js/mdx": "^1.6.22",
32
32
  "@mdx-js/react": "^1.6.22",
@@ -64,6 +64,6 @@
64
64
  "sass": "^1.69.5",
65
65
  "slugify": "^1.6.6",
66
66
  "smooth-scroll": "^16.1.3",
67
- "use-media": "^1.4.0"
67
+ "use-media": "^1.5.0"
68
68
  }
69
69
  }
@@ -9,6 +9,8 @@
9
9
 
10
10
  // #906: We need to use the attribute selector here b.c. we don't control the column,
11
11
  // it's provided by the developers through MDX and we don't want to force an extra prop
12
+
13
+ // Default 2 across
12
14
  .resource-card-group [class*='--column'] {
13
15
  --space: 0;
14
16
  }
@@ -61,3 +63,70 @@
61
63
  margin-right: 33%;
62
64
  }
63
65
  }
66
+
67
+ // 3 across
68
+ .resource-card-group-3-across [class*='--column'] {
69
+ --space: 0;
70
+ }
71
+
72
+ // set border between cards
73
+ .resource-card-group-3-across .cds--resource-card {
74
+ border-top: 1px solid $ui-03;
75
+ }
76
+
77
+ .resource-card-group-3-across .cds--resource-card--dark {
78
+ border-color: transparent !important;
79
+ }
80
+
81
+ .resource-card-group-3-across .cds--col-lg-4:nth-child(2) .cds--resource-card {
82
+ @include breakpoint('md') {
83
+ border-top: 0px solid transparent;
84
+ }
85
+ }
86
+
87
+ .resource-card-group-3-across .cds--col-lg-4:nth-child(3) .cds--resource-card {
88
+ @include breakpoint('lg') {
89
+ border-top: 0px solid transparent;
90
+ }
91
+ }
92
+
93
+ .resource-card-group-3-across .cds--col-lg-4:first-child .cds--resource-card {
94
+ border-top: 0px solid transparent;
95
+ }
96
+
97
+ .resource-card-group-3-across
98
+ .cds--col-lg-4:nth-child(odd)
99
+ .cds--resource-card {
100
+ @include breakpoint('md') {
101
+ border-left: 1px solid transparent;
102
+ }
103
+ }
104
+
105
+ .resource-card-group-3-across
106
+ .cds--col-lg-4:nth-child(even)
107
+ .cds--resource-card {
108
+ @include breakpoint('md') {
109
+ border-left: 1px solid $ui-03;
110
+ }
111
+ }
112
+
113
+ .resource-card-group-3-across .cds--col-lg-4:nth-child(3n) .cds--resource-card,
114
+ .resource-card-group-3-across
115
+ .cds--col-lg-4:nth-child(3n-1)
116
+ .cds--resource-card {
117
+ @include breakpoint('lg') {
118
+ border-left: 1px solid $ui-03;
119
+ }
120
+ }
121
+
122
+ .resource-card-group-3-across .cds--col-lg-4 .cds--resource-card--dark {
123
+ border-left-color: $ui-background;
124
+ }
125
+
126
+ .resource-card-group-3-across
127
+ .cds--col-lg-4:nth-child(3n + 1)
128
+ .cds--resource-card {
129
+ @include breakpoint('lg') {
130
+ border-left: 1px solid transparent;
131
+ }
132
+ }