|
@ -1178,7 +1178,8 @@ a.ui.labels .label:hover { |
|
|
.ui.form input[type=tel], |
|
|
.ui.form input[type=tel], |
|
|
.ui.form input[type=text], |
|
|
.ui.form input[type=text], |
|
|
.ui.form input[type=time], |
|
|
.ui.form input[type=time], |
|
|
.ui.form input[type=url] { |
|
|
.ui.form input[type=url], |
|
|
|
|
|
.ui.form input { |
|
|
background: rgb(0 0 0 / 25%); |
|
|
background: rgb(0 0 0 / 25%); |
|
|
border: 1px solid transparent; |
|
|
border: 1px solid transparent; |
|
|
color: var(--text); |
|
|
color: var(--text); |
|
@ -1187,21 +1188,6 @@ a.ui.labels .label:hover { |
|
|
transition: color .1s ease, border-color .1s ease; |
|
|
transition: color .1s ease, border-color .1s ease; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.ui.form textarea:focus { |
|
|
|
|
|
color: var(--text); |
|
|
|
|
|
border-color: transparent; |
|
|
|
|
|
background: rgba(0, 0, 0, .5); |
|
|
|
|
|
box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35); |
|
|
|
|
|
-webkit-appearance: none; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.ui.form textarea, |
|
|
|
|
|
.ui.input textarea { |
|
|
|
|
|
background: rgb(0 0 0 / .25); |
|
|
|
|
|
border: 1px solid rgba(34, 36, 38, .15); |
|
|
|
|
|
color: var(--text); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.ui.form input:not([type]):focus, |
|
|
.ui.form input:not([type]):focus, |
|
|
.ui.form input[type=date]:focus, |
|
|
.ui.form input[type=date]:focus, |
|
|
.ui.form input[type=datetime-local]:focus, |
|
|
.ui.form input[type=datetime-local]:focus, |
|
@ -1220,6 +1206,37 @@ a.ui.labels .label:hover { |
|
|
background: rgb(0 0 0 / 50%); |
|
|
background: rgb(0 0 0 / 50%); |
|
|
box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35); |
|
|
box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35); |
|
|
} |
|
|
} |
|
|
|
|
|
.ui.form input:focus:hover, |
|
|
|
|
|
.ui.form textarea:focus:hover, |
|
|
|
|
|
input:focus:hover, |
|
|
|
|
|
textarea:focus:hover { |
|
|
|
|
|
background: rgb(0 0 0 / 50%) !important; |
|
|
|
|
|
border-color: rgb(255 255 255 / .1) !important; |
|
|
|
|
|
color: var(--text-hover) !important; |
|
|
|
|
|
} |
|
|
|
|
|
.ui.form input:hover, |
|
|
|
|
|
.ui.form textarea:hover, |
|
|
|
|
|
input:hover, |
|
|
|
|
|
textarea:hover { |
|
|
|
|
|
background: rgb(0 0 0 / 25%) !important ; |
|
|
|
|
|
border-color: rgb(255 255 255 / .1) !important; |
|
|
|
|
|
color: var(--text-hover) !important; |
|
|
|
|
|
} |
|
|
|
|
|
.ui.form textarea:focus { |
|
|
|
|
|
color: var(--text); |
|
|
|
|
|
border-color: transparent; |
|
|
|
|
|
background: rgba(0, 0, 0, .5); |
|
|
|
|
|
box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35); |
|
|
|
|
|
-webkit-appearance: none; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.ui.form textarea, |
|
|
|
|
|
.ui.input textarea { |
|
|
|
|
|
background: rgb(0 0 0 / .25); |
|
|
|
|
|
border: 1px solid rgba(34, 36, 38, .15); |
|
|
|
|
|
color: var(--text); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.ui.input.focus>input, |
|
|
.ui.input.focus>input, |
|
|
.ui.input>input:focus { |
|
|
.ui.input>input:focus { |
|
|