7 lines
2.8 KiB
CSS
7 lines
2.8 KiB
CSS
|
/*!
|
||
|
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
|
||
|
*/.fr-search-bar{display:flex;flex-direction:row}.fr-search-bar .fr-label{clip:rect(0,0,0,0);border:0;display:block;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fr-search-bar .fr-input{border-radius:.25rem 0 0;box-shadow:inset 0 -2px 0 0 var(--border-action-high-blue-france);margin:0;max-height:2.5rem}.fr-search-bar .fr-input::placeholder{font-style:italic}.fr-search-bar .fr-input::-webkit-search-cancel-button{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23161616' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z'/%3E%3C/svg%3E");-webkit-appearance:none;background-image:var(--data-uri-svg);background-repeat:no-repeat;background-size:1rem 1rem;height:1rem;width:1rem}.fr-search-bar .fr-btn{border-radius:0 .25rem 0 0;flex:1 0 auto;font-size:1rem;line-height:1.5rem;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-search-bar .fr-btn:before{--icon-size:1.5rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(../../icons/system/search-line.svg);mask-image:url(../../icons/system/search-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-search-bar .fr-input--valid{box-shadow:inset 0 -2px 0 0 var(--border-plain-success)}.fr-search-bar .fr-input--error{box-shadow:inset 0 -2px 0 0 var(--border-plain-error)}:root[data-fr-theme=dark] .fr-search-bar .fr-input::-webkit-search-cancel-button{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23fff' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z'/%3E%3C/svg%3E")}@media (min-width:36em){
|
||
|
/*! media sm */}@media (min-width:48em){
|
||
|
/*! media md */.fr-search-bar--lg .fr-btn{font-size:1.125rem;line-height:1.75rem;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.5rem 1.5rem}.fr-search-bar--lg .fr-btn:before{--icon-size:1.5rem;margin-left:-.1875rem;margin-right:.5rem}.fr-search-bar--lg .fr-input{max-height:3rem}}@media (min-width:62em){
|
||
|
/*! media lg */}@media (min-width:78em){
|
||
|
/*! media xl */}
|