diff --git a/src/styles/components.css b/src/styles/components.css index 38aaffb..769e505 100644 --- a/src/styles/components.css +++ b/src/styles/components.css @@ -30,80 +30,6 @@ -webkit-text-fill-color: var(--field-selection-text); } -.field[type='date']::-webkit-datetime-edit-day-field, -.field[type='date']::-webkit-datetime-edit-month-field, -.field[type='date']::-webkit-datetime-edit-year-field, -.field[type='time']::-webkit-datetime-edit-hour-field, -.field[type='time']::-webkit-datetime-edit-minute-field, -.field[type='datetime-local']::-webkit-datetime-edit-day-field, -.field[type='datetime-local']::-webkit-datetime-edit-month-field, -.field[type='datetime-local']::-webkit-datetime-edit-year-field, -.field[type='datetime-local']::-webkit-datetime-edit-hour-field, -.field[type='datetime-local']::-webkit-datetime-edit-minute-field { - border-radius: 0.375rem; -} - -.field[type='date']::-webkit-datetime-edit-day-field:focus { - border-radius: 0.375rem; - background-color: var(--field-selection-bg) !important; - color: var(--field-selection-text) !important; - -webkit-text-fill-color: var(--field-selection-text) !important; -} -.field[type='date']::-webkit-datetime-edit-month-field:focus { - border-radius: 0.375rem; - background-color: var(--field-selection-bg) !important; - color: var(--field-selection-text) !important; - -webkit-text-fill-color: var(--field-selection-text) !important; -} -.field[type='date']::-webkit-datetime-edit-year-field:focus { - border-radius: 0.375rem; - background-color: var(--field-selection-bg) !important; - color: var(--field-selection-text) !important; - -webkit-text-fill-color: var(--field-selection-text) !important; -} -.field[type='time']::-webkit-datetime-edit-hour-field:focus { - border-radius: 0.375rem; - background-color: var(--field-selection-bg) !important; - color: var(--field-selection-text) !important; - -webkit-text-fill-color: var(--field-selection-text) !important; -} -.field[type='time']::-webkit-datetime-edit-minute-field:focus { - border-radius: 0.375rem; - background-color: var(--field-selection-bg) !important; - color: var(--field-selection-text) !important; - -webkit-text-fill-color: var(--field-selection-text) !important; -} -.field[type='datetime-local']::-webkit-datetime-edit-day-field:focus { - border-radius: 0.375rem; - background-color: var(--field-selection-bg) !important; - color: var(--field-selection-text) !important; - -webkit-text-fill-color: var(--field-selection-text) !important; -} -.field[type='datetime-local']::-webkit-datetime-edit-month-field:focus { - border-radius: 0.375rem; - background-color: var(--field-selection-bg) !important; - color: var(--field-selection-text) !important; - -webkit-text-fill-color: var(--field-selection-text) !important; -} -.field[type='datetime-local']::-webkit-datetime-edit-year-field:focus { - border-radius: 0.375rem; - background-color: var(--field-selection-bg) !important; - color: var(--field-selection-text) !important; - -webkit-text-fill-color: var(--field-selection-text) !important; -} -.field[type='datetime-local']::-webkit-datetime-edit-hour-field:focus { - border-radius: 0.375rem; - background-color: var(--field-selection-bg) !important; - color: var(--field-selection-text) !important; - -webkit-text-fill-color: var(--field-selection-text) !important; -} -.field[type='datetime-local']::-webkit-datetime-edit-minute-field:focus { - border-radius: 0.375rem; - background-color: var(--field-selection-bg) !important; - color: var(--field-selection-text) !important; - -webkit-text-fill-color: var(--field-selection-text) !important; -} - .field:disabled { border-color: var(--field-disabled-border); background-color: var(--field-disabled-bg);