2 lines
1.0 KiB
CSS
2 lines
1.0 KiB
CSS
.search_input{color:white;border:0;outline:0;background:none;max-width:386px;width:0;caret-color:transparent;line-height:44px;-webkit-transition:width 0.4s linear;transition:width 0.4s linear}.search_input:not(:placeholder-shown){padding:0 10px;width:100%;max-width:450px;caret-color:red;-webkit-transition:width 0.4s linear;transition:width 0.4s linear}.searchbar{height:66px;max-width:450px;background-color:#353b48;border-radius:40px;padding:10px}.searchbar:hover>.search_icon{background:white;color:#e74c3c}.searchbar:hover>.search_input{padding:0 10px;max-width:450px;width:80%;min-width:100px;caret-color:red;-webkit-transition:width 0.4s linear;transition:width 0.4s linear}.search_icon{height:44px;width:44px;float:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;color:white}.search_icon p{height:0.6em;font-weight:bold}
|
|
/*# sourceMappingURL=search.min.css.map */ |