wishthis/semantic/dist/components/input.min.css

9 lines
40 KiB
CSS
Raw Normal View History

2022-01-13 13:00:31 +00:00
/*!
2023-08-17 09:47:40 +00:00
* # Fomantic-UI 2.9.2 - Input
* https://github.com/fomantic/Fomantic-UI/
2022-01-13 13:00:31 +00:00
*
*
* Released under the MIT license
2023-08-17 09:47:40 +00:00
* https://opensource.org/licenses/MIT
2022-01-13 13:00:31 +00:00
*
2023-08-17 09:47:40 +00:00
*/.ui.input{position:relative;font-weight:400;font-style:normal;display:inline-flex;color:rgba(0,0,0,.87)}.ui.input>input{margin:0;max-width:100%;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:1.21428571em;font-family:Raleway,sans-serif;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);border-radius:.28571429rem;transition:box-shadow .1s ease,border-color .1s ease;box-shadow:none}.ui.input>input:not([type=color]){padding:.67857143em 1em}.ui.input>input::-webkit-calendar-picker-indicator{padding:0;opacity:.5;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;cursor:pointer}.ui.input>input:-ms-input-placeholder{color:rgba(191,191,191,.87)}.ui.input>input::-ms-input-placeholder{color:rgba(191,191,191,.87)}.ui.input>input::placeholder{color:rgba(191,191,191,.87)}.ui.input>input::-moz-placeholder{opacity:1}.ui.disabled.input,.ui.input:not(.disabled) input[disabled]{opacity:.45}.ui.disabled.input>input,.ui.input:not(.disabled) input[disabled]{pointer-events:none}.ui.input.down input,.ui.input>input:active{border-color:rgba(0,0,0,.3);background:#fafafa;color:rgba(0,0,0,.87);box-shadow:none}.ui.loading.loading.input>i.icon::before{position:absolute;content:"";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.loading.input>i.icon::after{position:absolute;content:"";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;box-shadow:0 0 0 1px transparent}.ui.input.focus>input,.ui.input>input:focus{border-color:#a285df;background:#fff;color:rgba(0,0,0,.8);box-shadow:none}.ui.input.focus>input:-ms-input-placeholder,.ui.input>input:focus:-ms-input-placeholder{color:rgba(115,115,115,.87)}.ui.input.focus>input::-ms-input-placeholder,.ui.input>input:focus::-ms-input-placeholder{color:rgba(115,115,115,.87)}.ui.input.focus>input::placeholder,.ui.input>input:focus::placeholder{color:rgba(115,115,115,.87)}.ui.input.error>input{background-color:#fff6f6;border-color:#e0b4b4;color:#9f3a38;box-shadow:none}.ui.input>input:not(:-ms-input-placeholder):invalid{background-color:#fff6f6;border-color:#e0b4b4;color:#9f3a38;box-shadow:none}.ui.input>input:not(:placeholder-shown):invalid{background-color:#fff6f6;border-color:#e0b4b4;color:#9f3a38;box-shadow:none}.ui.input.error>input:-ms-input-placeholder{color:#e7bdbc}.ui.input.error>input::-ms-input-placeholder{color:#e7bdbc}.ui.input.error>input::placeholder{color:#e7bdbc}.ui.input.error>input:focus:-ms-input-placeholder{color:#da9796}.ui.input.error>input:focus::-ms-input-placeholder{color:#da9796}.ui.input.error>input:focus::placeholder{color:#da9796}.ui.input.info>input{background-color:#f8ffff;border-color:#a9d5de;color:#276f86;box-shadow:none}.ui.input.info>input:-ms-input-placeholder{color:#98cfe1}.ui.input.info>input::-ms-input-placeholder{color:#98cfe1}.ui.input.info>input::placeholder{color:#98cfe1}.ui.input.info>input:focus:-ms-input-placeholder{color:#70bdd6}.ui.input.info>input:focus::-ms-input-placeholder{color:#70bdd6}.ui.input.info>input:focus::placeholder{color:#70bdd6}.ui.input.success>input{background-color:#fcfff5;border-color:#a3c293;color:#2c662d;box-shadow:none}.ui.input.success>input:-ms-input-placeholder{color:#8fcf90}.ui.input.success>input::-ms-input-placeholder{color:#8fcf90}.ui.input.success>input::placeholder{color:#8fcf90}.ui.input.success>input:focus:-ms-input-placeholder{color:#6cbf6d}.ui.input.success>input:focus::-ms-input-placeholder{color:#6cbf6d}.ui.input.success>input:focus::placeholder{color:#6cbf6d}.ui.input.warning>input{background-color:#fffaf3;border-color:#c9ba9b;color:#573a08;box-shadow:none}.ui.input.warning>input:-ms-input-placeholder{color:#edad3e}.ui.input.warning>input::-ms-input-placeholder{color:#edad3e}.ui.input.warning>input::placeholder{color:#edad3e}.ui.input.warning>input:focus:-ms-input-placeholder{color:#e39715}.ui.input.warning