gatsby-theme-carbon 2.1.0 → 2.1.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
|
@@ -138,38 +138,43 @@ header.header {
|
|
|
138
138
|
transition: background-color $duration--fast-02 $carbon--standard-easing;
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
-
// Switcher button, extra specificity to override Carbon styles
|
|
141
|
+
// Switcher button, extra specificity to override Carbon tooltip button styles
|
|
142
142
|
// Hex values used pending shell theming
|
|
143
|
-
.header .header-button.switcher-button {
|
|
144
|
-
background-color: $carbon--gray-100;
|
|
145
|
-
position: relative;
|
|
146
|
-
border: none;
|
|
147
|
-
border-color: $ui-05;
|
|
148
|
-
border-bottom: 1px solid $carbon--gray-80;
|
|
143
|
+
.header :global(.bx--tooltip__trigger).header-button.switcher-button {
|
|
149
144
|
&:focus {
|
|
150
|
-
|
|
151
|
-
|
|
145
|
+
box-shadow: none;
|
|
146
|
+
border-color: $carbon--white-0;
|
|
152
147
|
}
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.header :global(a.bx--header__menu-item:hover) {
|
|
151
|
+
color: $carbon--white-0;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.header .header-button.switcher-button {
|
|
153
155
|
&:hover {
|
|
154
156
|
background-color: $carbon--gray-80;
|
|
155
157
|
}
|
|
158
|
+
&:focus,
|
|
159
|
+
&:focus:active {
|
|
160
|
+
outline: 2px solid $carbon--white-0;
|
|
161
|
+
outline-offset: -2px;
|
|
162
|
+
}
|
|
156
163
|
&:active {
|
|
157
164
|
background-color: #3d3d3d;
|
|
158
|
-
border-left:
|
|
159
|
-
border-right:
|
|
165
|
+
border-left: 2px solid $ui-05;
|
|
166
|
+
border-right: 2px solid $ui-05;
|
|
160
167
|
}
|
|
161
168
|
}
|
|
162
169
|
|
|
163
170
|
.header-button.switcher-button.switcher-button--open {
|
|
164
|
-
border:
|
|
165
|
-
border-left:
|
|
166
|
-
border-bottom:
|
|
171
|
+
border: 2px solid transparent;
|
|
172
|
+
border-left: 2px solid $carbon--gray-80;
|
|
173
|
+
border-bottom: 2px solid $carbon--gray-100;
|
|
167
174
|
background-color: $carbon--gray-100;
|
|
168
175
|
&:active {
|
|
169
|
-
border-left:
|
|
176
|
+
border-left: 2px solid $carbon--white-0;
|
|
177
|
+
box-shadow: none;
|
|
178
|
+
border-color: $carbon--white-0;
|
|
170
179
|
}
|
|
171
180
|
}
|
|
172
|
-
|
|
173
|
-
.header :global(a.bx--header__menu-item:hover) {
|
|
174
|
-
color: $carbon--white-0;
|
|
175
|
-
}
|
|
@@ -44,15 +44,14 @@
|
|
|
44
44
|
.h3,
|
|
45
45
|
.h4,
|
|
46
46
|
.h5,
|
|
47
|
-
.h6
|
|
48
|
-
|
|
49
|
-
padding-right: 0;
|
|
47
|
+
.h6 {
|
|
48
|
+
padding-right: $spacing-05;
|
|
50
49
|
margin-right: 0;
|
|
51
50
|
margin-left: 0;
|
|
52
51
|
|
|
53
52
|
@include carbon--breakpoint('md') {
|
|
54
|
-
width:
|
|
55
|
-
padding-right:
|
|
53
|
+
width: 75%;
|
|
54
|
+
padding-right: $spacing-07;
|
|
56
55
|
margin-right: 0;
|
|
57
56
|
margin-left: 0;
|
|
58
57
|
}
|
|
@@ -66,6 +65,23 @@
|
|
|
66
65
|
--space: 0;
|
|
67
66
|
}
|
|
68
67
|
|
|
68
|
+
.list {
|
|
69
|
+
padding-right: $spacing-05;
|
|
70
|
+
margin-right: 0;
|
|
71
|
+
margin-left: 0;
|
|
72
|
+
|
|
73
|
+
@include carbon--breakpoint('md') {
|
|
74
|
+
width: 100%;
|
|
75
|
+
padding-right: $spacing-07;
|
|
76
|
+
margin-right: 0;
|
|
77
|
+
margin-left: 0;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
@include carbon--breakpoint('lg') {
|
|
81
|
+
width: 66.667%;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
|
|
69
85
|
//spacing exception for nested list items
|
|
70
86
|
:global(.bx--list--nested) {
|
|
71
87
|
--space: 0;
|