@@ -10,11 +10,9 @@ html {
10
10
-moz-text-size-adjust : none ;
11
11
-webkit-text-size-adjust : none ;
12
12
text-size-adjust : none ;
13
-
14
13
& :has ([data-amplify-color-mode = ' dark' ]) {
15
14
background-color : var (--amplify-colors-neutral-100 );
16
15
}
17
-
18
16
@media (prefers-color-scheme : dark ) {
19
17
& :has ([data-amplify-color-mode = ' system' ]) {
20
18
background-color : var (--amplify-colors-neutral-100 );
@@ -108,7 +106,6 @@ kbd {
108
106
box-shadow :
109
107
0 1px 0 hsl (0 , 0% , 100% ) inset ,
110
108
0 2px 0 hsla (0 , 0% , 0% , 0.2 );
111
-
112
109
@include darkMode {
113
110
border-color : var (--amplify-colors-neutral-10 );
114
111
box-shadow :
@@ -118,10 +115,9 @@ kbd {
118
115
}
119
116
120
117
.main {
121
-
122
- & >h2 ,
123
- & >h3 ,
124
- & >h4 {
118
+ & > h2 ,
119
+ & > h3 ,
120
+ & > h4 {
125
121
scroll-margin-block : 9rem ;
126
122
}
127
123
}
@@ -188,7 +184,6 @@ ol:not([class]) {
188
184
}
189
185
190
186
.main {
191
-
192
187
.amplify-heading--2 ,
193
188
.amplify-heading--3 {
194
189
scroll-margin-top : 9rem ;
@@ -215,7 +210,6 @@ ol:not([class]) {
215
210
top : var (--amplify-space-small );
216
211
inset-inline-start : 50% ;
217
212
transform : translate (-50% , 0 );
218
-
219
213
& :not (:focus ):not (:active ) {
220
214
clip : rect (0 0 0 0 );
221
215
clip-path : inset (50% );
@@ -225,10 +219,9 @@ ol:not([class]) {
225
219
white-space : nowrap ;
226
220
width : 1px ;
227
221
}
228
-
229
222
[data-amplify-theme = ' default-theme' ] & {
230
223
& :focus-visible {
231
224
outline-color : var (--amplify-colors-white );
232
225
}
233
226
}
234
- }
227
+ }
0 commit comments