gatsby-theme-carbon 2.1.1 → 2.1.4
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/gatsby-config.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const path = require('path');
|
|
2
|
-
const {
|
|
2
|
+
const { gray100 } = require('@carbon/elements');
|
|
3
3
|
const defaultLunrOptions = require('./config/lunr-options');
|
|
4
4
|
|
|
5
5
|
const carbonThemes = {
|
|
@@ -162,8 +162,8 @@ module.exports = (themeOptions) => {
|
|
|
162
162
|
name: 'Carbon Design Gatsby Theme',
|
|
163
163
|
short_name: 'Gatsby Theme Carbon',
|
|
164
164
|
start_url: '/',
|
|
165
|
-
background_color:
|
|
166
|
-
theme_color:
|
|
165
|
+
background_color: gray100,
|
|
166
|
+
theme_color: gray100,
|
|
167
167
|
display: 'browser',
|
|
168
168
|
icon: iconPath
|
|
169
169
|
? path.resolve(iconPath)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "gatsby-theme-carbon",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.4",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"author": "vpicone <vp@vincepic.one> (@vpicone)",
|
|
6
6
|
"repository": {
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"lodash.startcase": "^4.4.0",
|
|
60
60
|
"lodash.throttle": "^4.1.1",
|
|
61
61
|
"mkdirp": "^1.0.3",
|
|
62
|
-
"node-sass": "
|
|
62
|
+
"node-sass": "^6.0.1",
|
|
63
63
|
"prism-react-renderer": "^1.2.1",
|
|
64
64
|
"prop-types": "^15.7.2",
|
|
65
65
|
"react-helmet": "^6.0.0-beta",
|
|
@@ -138,12 +138,33 @@ header.header {
|
|
|
138
138
|
transition: background-color $duration--fast-02 $carbon--standard-easing;
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
+
.header .header-button.switcher-button {
|
|
142
|
+
background-color: $carbon--gray-100;
|
|
143
|
+
border: none;
|
|
144
|
+
border-color: transparent;
|
|
145
|
+
border-bottom: 1px solid $carbon--gray-80;
|
|
146
|
+
&:hover {
|
|
147
|
+
background-color: $carbon--gray-80;
|
|
148
|
+
}
|
|
149
|
+
&:active {
|
|
150
|
+
background-color: #3d3d3d;
|
|
151
|
+
border-left: 1px solid $ui-05;
|
|
152
|
+
border-right: 1px solid $ui-05;
|
|
153
|
+
}
|
|
154
|
+
&:focus {
|
|
155
|
+
outline: 2px solid $carbon--white-0;
|
|
156
|
+
outline-offset: -2px;
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
|
|
141
160
|
// Switcher button, extra specificity to override Carbon tooltip button styles
|
|
142
161
|
// Hex values used pending shell theming
|
|
143
162
|
.header :global(.bx--tooltip__trigger).header-button.switcher-button {
|
|
144
163
|
&:focus {
|
|
145
164
|
box-shadow: none;
|
|
146
|
-
border
|
|
165
|
+
border: none;
|
|
166
|
+
outline: 2px solid $carbon--white-0;
|
|
167
|
+
outline-offset: -2px;
|
|
147
168
|
}
|
|
148
169
|
}
|
|
149
170
|
|
|
@@ -151,29 +172,11 @@ header.header {
|
|
|
151
172
|
color: $carbon--white-0;
|
|
152
173
|
}
|
|
153
174
|
|
|
154
|
-
.header .header-button.switcher-button {
|
|
155
|
-
&:hover {
|
|
156
|
-
background-color: $carbon--gray-80;
|
|
157
|
-
}
|
|
158
|
-
&:focus,
|
|
159
|
-
&:focus:active {
|
|
160
|
-
outline: 2px solid $carbon--white-0;
|
|
161
|
-
outline-offset: -2px;
|
|
162
|
-
}
|
|
163
|
-
&:active {
|
|
164
|
-
background-color: #3d3d3d;
|
|
165
|
-
border-left: 2px solid $ui-05;
|
|
166
|
-
border-right: 2px solid $ui-05;
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
|
|
170
175
|
.header-button.switcher-button.switcher-button--open {
|
|
171
|
-
border:
|
|
172
|
-
border-left:
|
|
173
|
-
border-bottom:
|
|
174
|
-
background-color: $carbon--gray-100;
|
|
176
|
+
border: 1px solid transparent;
|
|
177
|
+
border-left: 1px solid $carbon--gray-80;
|
|
178
|
+
border-bottom: 1px solid transparent;
|
|
175
179
|
&:active {
|
|
176
|
-
border-left: 2px solid $carbon--white-0;
|
|
177
180
|
box-shadow: none;
|
|
178
181
|
border-color: $carbon--white-0;
|
|
179
182
|
}
|