@@ -274,28 +274,28 @@ $week-number-radius: var-get($theme, 'week-number-border-radius');
274274 color : var-get ($theme , ' date-special-range-foreground' );
275275 background : var-get ($theme , ' date-special-range-background' );
276276
277- & ::after {
278- border-color : var-get ($theme , ' date-special-range-border-color' );
277+ & :hover {
278+ color : var-get ($theme , ' date-special-range-hover-foreground' );
279+ background : var-get ($theme , ' date-special-range-hover-background' );
280+
281+ // stylelint-disable-next-line
282+ & ::after {
283+ border-color : var-get ($theme , ' date-special-hover-border-color' );
284+ }
279285 }
280- }
281286
282- & :hover {
283- color : var-get ($theme , ' date-special-range-hover -foreground' );
284- background : var-get ($theme , ' date-special-range-hover -background' );
287+ & :focus {
288+ color : var-get ($theme , ' date-special-range-focus -foreground' );
289+ background : var-get ($theme , ' date-special-range-focus -background' );
285290
286- // stylelint-disable-next-line
287- & ::after {
288- border-color : var-get ($theme , ' date-special-hover-border-color' );
291+ // stylelint-disable-next-line
292+ & ::after {
293+ border-color : var-get ($theme , ' date-special-focus-border-color' );
294+ }
289295 }
290- }
291-
292- & :focus {
293- color : var-get ($theme , ' date-special-range-focus-foreground' );
294- background : var-get ($theme , ' date-special-range-focus-background' );
295296
296- // stylelint-disable-next-line
297297 & ::after {
298- border-color : var-get ($theme , ' date-special-focus -border-color' );
298+ border-color : var-get ($theme , ' date-special-range -border-color' );
299299 }
300300 }
301301 }
0 commit comments