@@ -726,6 +726,57 @@ video {
726726 }
727727}
728728
729+ .select-primary {
730+ display : block;
731+ width : 100% ;
732+ border-radius : 0.5rem ;
733+ border-width : 1px ;
734+ --tw-border-opacity : 1 ;
735+ border-color : rgb (209 213 219 / var (--tw-border-opacity ));
736+ --tw-bg-opacity : 1 ;
737+ background-color : rgb (249 250 251 / var (--tw-bg-opacity ));
738+ padding : 0.625rem ;
739+ font-size : 0.875rem ;
740+ line-height : 1.25rem ;
741+ --tw-text-opacity : 1 ;
742+ color : rgb (17 24 39 / var (--tw-text-opacity ));
743+ }
744+
745+ .select-primary : focus {
746+ --tw-border-opacity : 1 ;
747+ border-color : rgb (59 130 246 / var (--tw-border-opacity ));
748+ --tw-ring-opacity : 1 ;
749+ --tw-ring-color : rgb (59 130 246 / var (--tw-ring-opacity ));
750+ }
751+
752+ @media (prefers-color-scheme : dark) {
753+ .select-primary {
754+ --tw-border-opacity : 1 ;
755+ border-color : rgb (75 85 99 / var (--tw-border-opacity ));
756+ --tw-bg-opacity : 1 ;
757+ background-color : rgb (55 65 81 / var (--tw-bg-opacity ));
758+ --tw-text-opacity : 1 ;
759+ color : rgb (255 255 255 / var (--tw-text-opacity ));
760+ }
761+
762+ .select-primary ::-moz-placeholder {
763+ --tw-placeholder-opacity : 1 ;
764+ color : rgb (156 163 175 / var (--tw-placeholder-opacity ));
765+ }
766+
767+ .select-primary ::placeholder {
768+ --tw-placeholder-opacity : 1 ;
769+ color : rgb (156 163 175 / var (--tw-placeholder-opacity ));
770+ }
771+
772+ .select-primary : focus {
773+ --tw-border-opacity : 1 ;
774+ border-color : rgb (59 130 246 / var (--tw-border-opacity ));
775+ --tw-ring-opacity : 1 ;
776+ --tw-ring-color : rgb (59 130 246 / var (--tw-ring-opacity ));
777+ }
778+ }
779+
729780.m-4 {
730781 margin : 1rem ;
731782}
@@ -740,11 +791,6 @@ video {
740791 margin-right : 1rem ;
741792}
742793
743- .mx-96 {
744- margin-left : 24rem ;
745- margin-right : 24rem ;
746- }
747-
748794.my-10 {
749795 margin-top : 2.5rem ;
750796 margin-bottom : 2.5rem ;
@@ -815,8 +861,8 @@ video {
815861 height : 100vh ;
816862}
817863
818- .h-96 {
819- height : 24 rem ;
864+ .w-1\/ 6 {
865+ width : 16.666667 % ;
820866}
821867
822868.w-11\/ 12 {
@@ -855,6 +901,10 @@ video {
855901 width : 100vw ;
856902}
857903
904+ .w-2\/ 6 {
905+ width : 33.333333% ;
906+ }
907+
858908.flex-col {
859909 flex-direction : column;
860910}
@@ -895,6 +945,12 @@ video {
895945 margin-left : calc (0.5rem * calc (1 - var (--tw-space-x-reverse )));
896946}
897947
948+ .space-x-1 > : not ([hidden ]) ~ : not ([hidden ]) {
949+ --tw-space-x-reverse : 0 ;
950+ margin-right : calc (0.25rem * var (--tw-space-x-reverse ));
951+ margin-left : calc (0.25rem * calc (1 - var (--tw-space-x-reverse )));
952+ }
953+
898954.rounded-lg {
899955 border-radius : 0.5rem ;
900956}
@@ -903,6 +959,10 @@ video {
903959 border-width : 1px ;
904960}
905961
962+ .border-4 {
963+ border-width : 4px ;
964+ }
965+
906966.border-emerald-500 {
907967 --tw-border-opacity : 1 ;
908968 border-color : rgb (16 185 129 / var (--tw-border-opacity ));
@@ -913,6 +973,11 @@ video {
913973 border-color : rgb (31 41 55 / var (--tw-border-opacity ));
914974}
915975
976+ .border-red-500 {
977+ --tw-border-opacity : 1 ;
978+ border-color : rgb (239 68 68 / var (--tw-border-opacity ));
979+ }
980+
916981.bg-emerald-500 {
917982 --tw-bg-opacity : 1 ;
918983 background-color : rgb (16 185 129 / var (--tw-bg-opacity ));
@@ -933,6 +998,11 @@ video {
933998 background-color : rgb (15 23 42 / var (--tw-bg-opacity ));
934999}
9351000
1001+ .bg-white {
1002+ --tw-bg-opacity : 1 ;
1003+ background-color : rgb (255 255 255 / var (--tw-bg-opacity ));
1004+ }
1005+
9361006.p-2 {
9371007 padding : 0.5rem ;
9381008}
@@ -941,6 +1011,10 @@ video {
9411011 padding : 1rem ;
9421012}
9431013
1014+ .p-0 {
1015+ padding : 0px ;
1016+ }
1017+
9441018.px-4 {
9451019 padding-left : 1rem ;
9461020 padding-right : 1rem ;
@@ -1021,10 +1095,6 @@ video {
10211095 transition-duration : 1000ms ;
10221096}
10231097
1024- .duration-300 {
1025- transition-duration : 300ms ;
1026- }
1027-
10281098.duration-200 {
10291099 transition-duration : 200ms ;
10301100}
@@ -1033,31 +1103,10 @@ video {
10331103 transition-timing-function : cubic-bezier (0.4 , 0 , 0.2 , 1 );
10341104}
10351105
1036- .hover\:border-4 : hover {
1037- border-width : 4px ;
1038- }
1039-
1040- .hover\:border-\[40px\] : hover {
1041- border-width : 40px ;
1042- }
1043-
1044- .hover\:border-\[30px\] : hover {
1045- border-width : 30px ;
1046- }
1047-
1048- .hover\:border-\[20px\] : hover {
1049- border-width : 20px ;
1050- }
1051-
10521106.hover\:border-\[10px\] : hover {
10531107 border-width : 10px ;
10541108}
10551109
1056- .hover\:border-red-500 : hover {
1057- --tw-border-opacity : 1 ;
1058- border-color : rgb (239 68 68 / var (--tw-border-opacity ));
1059- }
1060-
10611110.hover\:bg-emerald-500 : hover {
10621111 --tw-bg-opacity : 1 ;
10631112 background-color : rgb (16 185 129 / var (--tw-bg-opacity ));
0 commit comments