@@ -470,70 +470,6 @@ pre code {
470470 cursor : not-allowed;
471471}
472472
473- /* Form elements */
474- .form-control {
475- display : block;
476- width : 100% ;
477- padding : var (--space-8 ) var (--space-12 );
478- font-size : var (--font-size-md );
479- line-height : 1.5 ;
480- color : var (--color-text );
481- background-color : var (--color-surface );
482- border : 1px solid var (--color-border );
483- border-radius : var (--radius-base );
484- transition : border-color var (--duration-fast ) var (--ease-standard ),
485- box-shadow var (--duration-fast ) var (--ease-standard );
486- }
487-
488- textarea .form-control {
489- font-family : var (--font-family-base );
490- font-size : var (--font-size-base );
491- }
492-
493- select .form-control {
494- padding : var (--space-8 ) var (--space-12 );
495- -webkit-appearance : none;
496- -moz-appearance : none;
497- appearance : none;
498- background-image : var (--select-caret-light );
499- background-repeat : no-repeat;
500- background-position : right var (--space-12 ) center;
501- background-size : 16px ;
502- padding-right : var (--space-32 );
503- }
504-
505- /* Add a dark mode specific caret */
506- @media (prefers-color-scheme : dark) {
507- select .form-control {
508- background-image : var (--select-caret-dark );
509- }
510- }
511-
512- /* Also handle data-color-scheme */
513- [data-color-scheme = "dark" ] select .form-control {
514- background-image : var (--select-caret-dark );
515- }
516-
517- [data-color-scheme = "light" ] select .form-control {
518- background-image : var (--select-caret-light );
519- }
520-
521- .form-control : focus {
522- border-color : var (--color-primary );
523- outline : var (--focus-outline );
524- }
525-
526- .form-label {
527- display : block;
528- margin-bottom : var (--space-8 );
529- font-weight : var (--font-weight-medium );
530- font-size : var (--font-size-sm );
531- }
532-
533- .form-group {
534- margin-bottom : var (--space-16 );
535- }
536-
537473/* Card component */
538474.card {
539475 background-color : var (--color-surface );
@@ -673,34 +609,14 @@ select.form-control {
673609.mb-8 {
674610 margin-bottom : var (--space-8 );
675611}
676- .mx-8 {
677- margin-left : var (--space-8 );
678- margin-right : var (--space-8 );
679- }
680- .my-8 {
681- margin-top : var (--space-8 );
682- margin-bottom : var (--space-8 );
683- }
684612
685613.p-0 {
686614 padding : 0 ;
687615}
688- .py-8 {
689- padding-top : var (--space-8 );
690- padding-bottom : var (--space-8 );
691- }
692- .px-8 {
693- padding-left : var (--space-8 );
694- padding-right : var (--space-8 );
695- }
696616.py-16 {
697617 padding-top : var (--space-16 );
698618 padding-bottom : var (--space-16 );
699619}
700- .px-16 {
701- padding-left : var (--space-16 );
702- padding-right : var (--space-16 );
703- }
704620
705621.block {
706622 display : block;
@@ -2058,10 +1974,4 @@ a:hover {
20581974
20591975.cursor-blink {
20601976 animation : blink 1s infinite;
2061- }
2062-
2063- /* Cursor blink animation for quotes */
2064- @keyframes blink {
2065- 0% , 50% { opacity : 1 ; }
2066- 51% , 100% { opacity : 0 ; }
20671977}
0 commit comments