Blockchain explorer for Ethereum based network and a tool for inspecting and analyzing EVM based blockchains.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
blockscout/apps/block_scout_web/assets/css/components/_search.scss

74 lines
1.6 KiB

$main-search-autocomplete-background-color: #f5f6fa !default;
.mobile-search-show {
@media screen and (max-width: 992px) {
width: 100%;
}
@media screen and (min-width: 992px) {
display: none !important;
}
}
.mobile-search-hide {
@media screen and (max-width: 992px) {
display: none !important;
}
}
.search-control {
@media screen and (min-width: 992px) {
height: 57px !important;
}
@media screen and (max-width: 992px) {
height: 33px !important;
}
&.focused-field {
border: 1px solid $secondary !important;
}
}
.autoComplete_wrapper {
width: 100% !important;
}
.main-search-autocomplete {
width: 100% !important;
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
background-color: $main-search-autocomplete-background-color !important;
@media screen and (max-width: 992px) {
height: auto !important;
}
}
.main-search-autocomplete, .main-search-autocomplete-mobile {
font-size: 14px !important;
color: #828ba0 !important;
}
.autocomplete-category {
display: flex;
align-items: center;
font-size: 13px;
font-weight: 100;
text-transform: uppercase;
color: rgb(33,33,33);
margin-left: auto;
}
.autoComplete_highlight {
background-color: #feff54 !important;
color: #212121 !important;
}
ul[id^='autoComplete_list_'] {
margin-left: -39px !important;
border-radius: 0px !important;
padding: 5px !important;
}
li[id^='autoComplete_result_'] {
font-size: 12px !important;
border-radius: 0 !important;
}