@@ -554,7 +554,7 @@ video {
554554 display : none;
555555}
556556
557- [type = 'text' ], input : where (: not ([type ])), [type = 'email' ], [type = 'url' ], [type = 'password' ], [type = 'number' ], [type = 'date' ], [type = 'datetime-local' ], [type = 'month' ], [type = 'search' ], [type = 'tel' ], [type = 'time' ], [type = 'week' ], [multiple ], textarea , select {
557+ input : where ( [type='text']) , input:where(: not ([type])), input:where( [type='email']) , input:where( [type='url']) , input:where( [type='password']) , input:where( [type='number']) , input:where( [type='date']) , input:where( [type='datetime-local']) , input:where( [type='month']) , input:where( [type='search']) , input:where( [type='tel']) , input:where( [type='time']) , input:where( [type='week']) , select:where( [multiple]) , textarea, select {
558558 -webkit-appearance: none;
559559 -moz-appearance : none;
560560 appearance : none;
@@ -571,7 +571,7 @@ video {
571571 --tw-shadow : 0 0 # 0000 ;
572572}
573573
574- [type = 'text' ]: focus, input : where (: not ([type ])): focus, [type = 'email' ]: focus, [type = 'url' ]: focus, [type = 'password' ]: focus, [type = 'number' ]: focus, [type = 'date' ]: focus, [type = 'datetime-local' ]: focus, [type = 'month' ]: focus, [type = 'search' ]: focus, [type = 'tel' ]: focus, [type = 'time' ]: focus, [type = 'week' ]: focus , [multiple ]: focus , textarea : focus , select : focus {
574+ input : where ( [type = 'text' ]) : focus, input : where (: not ([type ])): focus, input : where ( [type = 'email' ]) : focus, input : where ( [type = 'url' ]) : focus, input : where ( [type = 'password' ]) : focus, input : where ( [type = 'number' ]) : focus, input : where ( [type = 'date' ]) : focus, input : where ( [type = 'datetime-local' ]) : focus, input : where ( [type = 'month' ]) : focus, input : where ( [type = 'search' ]) : focus, input : where ( [type = 'tel' ]) : focus, input : where ( [type = 'time' ]) : focus, input : where ( [type = 'week' ]) : focus, select : where ( [multiple ]) : focus , textarea : focus , select : focus {
575575 outline : 2px solid transparent;
576576 outline-offset : 2px ;
577577 --tw-ring-inset : var (--tw-empty , /*!*/ /*!*/ );
@@ -622,7 +622,7 @@ select {
622622 print-color-adjust : exact;
623623}
624624
625- [multiple ], [ size ] : where (select : not ([size = "1" ])) {
625+ select : where ( [multiple ]) , select : where ([ size ] : not ([size = "1" ])) {
626626 background-image : initial;
627627 background-position : initial;
628628 background-repeat : unset;
@@ -632,7 +632,7 @@ select {
632632 print-color-adjust : unset;
633633}
634634
635- [type = 'checkbox' ], [type = 'radio' ] {
635+ input : where ( [type='checkbox']) , input:where( [type='radio']) {
636636 -webkit-appearance: none;
637637 -moz-appearance : none;
638638 appearance : none;
@@ -655,15 +655,15 @@ select {
655655 --tw-shadow : 0 0 # 0000 ;
656656}
657657
658- [type = 'checkbox' ] {
658+ input : where ( [type = 'checkbox' ]) {
659659 border-radius : 0px ;
660660}
661661
662- [type = 'radio' ] {
662+ input : where ( [type='radio']) {
663663 border-radius : 100% ;
664664}
665665
666- [type = 'checkbox' ]: focus, [type = 'radio' ]: focus {
666+ input : where ( [type='checkbox']) : focus, input:where( [type='radio']) : focus {
667667 outline: 2px solid transparent;
668668 outline-offset : 2px ;
669669 --tw-ring-inset : var (--tw-empty , /*!*/ /*!*/ );
@@ -675,44 +675,44 @@ select {
675675 box-shadow : var (--tw-ring-offset-shadow ), var (--tw-ring-shadow ), var (--tw-shadow );
676676}
677677
678- [type = 'checkbox' ]: checked, [type = 'radio' ]: checked {
678+ input : where ( [type = 'checkbox' ]) : checked, input : where ( [type = 'radio' ]) : checked {
679679 border-color : transparent;
680680 background-color : currentColor;
681681 background-size : 100% 100% ;
682682 background-position : center;
683683 background-repeat : no-repeat;
684684}
685685
686- [type = 'checkbox' ]: checked {
686+ input : where ( [type='checkbox']) : checked {
687687 background-image : url ("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e" );
688688}
689689
690690@media (forced-colors : active) {
691- [type = 'checkbox' ]: checked {
691+ input : where ( [type='checkbox']) : checked {
692692 -webkit-appearance : auto;
693693 -moz-appearance : auto;
694694 appearance : auto;
695695 }
696696}
697697
698- [type = 'radio' ]: checked {
698+ input : where ( [type='radio']) : checked {
699699 background-image : url ("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e" );
700700}
701701
702702@media (forced-colors : active) {
703- [type = 'radio' ]: checked {
703+ input : where ( [type='radio']) : checked {
704704 -webkit-appearance : auto;
705705 -moz-appearance : auto;
706706 appearance : auto;
707707 }
708708}
709709
710- [type = 'checkbox' ]: checked: hover, [type = 'checkbox' ]: checked: focus, [type = 'radio' ]: checked: hover, [type = 'radio' ]: checked : focus {
710+ input : where ( [type='checkbox']) : checked:hover, input:where( [type='checkbox']) : checked:focus, input:where( [type='radio']) : checked:hover, input:where( [type='radio']) : checked : focus {
711711 border-color : transparent;
712712 background-color : currentColor;
713713}
714714
715- [type = 'checkbox' ]: indeterminate {
715+ input : where ( [type='checkbox']) : indeterminate {
716716 background-image : url ("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e" );
717717 border-color : transparent;
718718 background-color : currentColor;
@@ -722,19 +722,19 @@ select {
722722}
723723
724724@media (forced-colors : active) {
725- [type = 'checkbox' ]: indeterminate {
725+ input : where ( [type='checkbox']) : indeterminate {
726726 -webkit-appearance : auto;
727727 -moz-appearance : auto;
728728 appearance : auto;
729729 }
730730}
731731
732- [type = 'checkbox' ]: indeterminate: hover, [type = 'checkbox' ]: indeterminate : focus {
732+ input : where ( [type='checkbox']) : indeterminate:hover, input:where( [type='checkbox']) : indeterminate : focus {
733733 border-color : transparent;
734734 background-color : currentColor;
735735}
736736
737- [type = 'file' ] {
737+ input : where ( [type='file']) {
738738 background : unset;
739739 border-color : inherit;
740740 border-width : 0 ;
@@ -744,7 +744,7 @@ select {
744744 line-height : inherit;
745745}
746746
747- [type = 'file' ]: focus {
747+ input : where ( [type='file']) : focus {
748748 outline : 1px solid ButtonText;
749749 outline : 1px auto -webkit-focus-ring-color;
750750}
0 commit comments