@@ -10,11 +10,9 @@ html {
1010 -moz-text-size-adjust : none ;
1111 -webkit-text-size-adjust : none ;
1212 text-size-adjust : none ;
13-
1413 & :has ([data-amplify-color-mode = ' dark' ]) {
1514 background-color : var (--amplify-colors-neutral-100 );
1615 }
17-
1816 @media (prefers-color-scheme : dark ) {
1917 & :has ([data-amplify-color-mode = ' system' ]) {
2018 background-color : var (--amplify-colors-neutral-100 );
@@ -108,7 +106,6 @@ kbd {
108106 box-shadow :
109107 0 1px 0 hsl (0 , 0% , 100% ) inset ,
110108 0 2px 0 hsla (0 , 0% , 0% , 0.2 );
111-
112109 @include darkMode {
113110 border-color : var (--amplify-colors-neutral-10 );
114111 box-shadow :
@@ -118,10 +115,9 @@ kbd {
118115}
119116
120117.main {
121-
122- & >h2 ,
123- & >h3 ,
124- & >h4 {
118+ & > h2 ,
119+ & > h3 ,
120+ & > h4 {
125121 scroll-margin-block : 9rem ;
126122 }
127123}
@@ -188,7 +184,6 @@ ol:not([class]) {
188184}
189185
190186.main {
191-
192187 .amplify-heading--2 ,
193188 .amplify-heading--3 {
194189 scroll-margin-top : 9rem ;
@@ -215,7 +210,6 @@ ol:not([class]) {
215210 top : var (--amplify-space-small );
216211 inset-inline-start : 50% ;
217212 transform : translate (-50% , 0 );
218-
219213 & :not (:focus ):not (:active ) {
220214 clip : rect (0 0 0 0 );
221215 clip-path : inset (50% );
@@ -225,10 +219,9 @@ ol:not([class]) {
225219 white-space : nowrap ;
226220 width : 1px ;
227221 }
228-
229222 [data-amplify-theme = ' default-theme' ] & {
230223 & :focus-visible {
231224 outline-color : var (--amplify-colors-white );
232225 }
233226 }
234- }
227+ }
0 commit comments