7 lines
5.4 KiB
CSS
7 lines
5.4 KiB
CSS
|
/*!
|
||
|
|
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
|
||
|
|
*/.fr-input{--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);background-color:var(--background-contrast-grey);border-radius:.25rem .25rem 0 0;box-shadow:inset 0 -2px 0 0 var(--border-plain-grey);color:var(--text-default-grey);display:block;font-size:1rem;line-height:1.5rem;padding:.5rem 1rem;width:100%}.fr-input:not(textarea){max-height:2.5rem}.fr-input::placeholder{color:var(--text-mention-grey);font-style:italic;opacity:1}.fr-input::-webkit-contacts-auto-fill-button{--idle:transparent;--hover:var(--text-label-grey-hover);--active:var(--text-label-grey-active);background-color:var(--text-label-grey);cursor:pointer}.fr-input[type=date]{min-height:2.5rem}@supports selector(::-webkit-calendar-picker-indicator){.fr-input[type=date]{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23161616' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/%3E%3C/svg%3E");background-image:var(--data-uri-svg);background-position:calc(100% - 1rem) 50%;background-repeat:no-repeat;background-size:1rem 1rem;padding-right:3rem}.fr-input[type=date]::-webkit-calendar-picker-indicator{display:block;margin-right:-2.5rem;opacity:0;padding:1rem}}.fr-input-wrap{display:block;position:relative}.fr-input-wrap[class*=" fr-fi-"] .fr-input,.fr-input-wrap[class*=" fr-icon-"] .fr-input,.fr-input-wrap[class^=fr-fi-] .fr-input,.fr-input-wrap[class^=fr-icon-] .fr-input{padding-right:3rem}.fr-input-wrap[class*=" fr-fi-"]:before,.fr-input-wrap[class*=" fr-icon-"]:before,.fr-input-wrap[class^=fr-fi-]:before,.fr-input-wrap[class^=fr-icon-]:before{--icon-size:1rem;bottom:.75rem;margin:auto;pointer-events:none;position:absolute;right:1rem;top:.75rem}.fr-input-wrap--action,.fr-input-wrap--addon{display:flex;flex-direction:row;width:100%}.fr-input-wrap--addon>:first-child:not(:last-child){border-radius:.25rem 0 0 0}.fr-input-wrap--addon>:last-child:not(:first-child){border-radius:0 .25rem 0 0}.fr-input-wrap--action .fr-btn{margin-left:1rem}.fr-input-wrap+.fr-hint-text{margin-top:1rem}.fr-input-group{position:relative}.fr-input-group .fr-message:first-child{margin-top:1rem}.fr-input-group--error:before,.fr-input-group--info:before,.fr-input-group--valid:before{background-position:0 0;background-repeat:no-repeat;background-size:.125rem 100%;bottom:0;content:"";display:block;left:-.75rem;pointer-events:none;position:absolute;right:-.75rem;top:0}textarea.fr-input{min-height:3.75rem}.fr-input:disabled{box-shadow:inset 0 -2px 0 0 var(--border-disabled-grey);color:var(--text-disabled-grey)}.fr-input:-webkit-autofill,.fr-input:-webkit-autofill:focus,.fr-input:-webkit-autofill:hover,.fr-input:autofill,.fr-input:autofill:focus,.fr-input:autofill:hover{-webkit-text-fill-color:var(--text-label-grey);box-shadow:inset 0 -2px 0 0 var(--border-plain-grey),inset 0 0 0 1000px var(--background-contrast-info)}@supports selector(::-webkit-calendar-picker-indicator){:root[data-fr-theme=dark] .fr-input[type=date]{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/%3E%3C/svg%3E")}.fr-input[type=date]:disabled{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23929292' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/%3E%3C/svg%3E");background-image:var(--data-uri-svg);box-shadow:inset 0 -2px 0 0 var(--border-disabled-grey);color:var(--text-disabled-grey)}:root[data-fr-theme=dark] .fr-input[type=date]:disabled{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666
|
||
|
|
/*! media sm */}@media (min-width:48em){
|
||
|
|
/*! media md */}@media (min-width:62em){
|
||
|
|
/*! media lg */}@media (min-width:78em){
|
||
|
|
/*! media xl */}
|