Sha256: 8a35bed279662d803b8af91849aae71a12729c3334522efa747528e161d5936c
Contents?: true
Size: 1.7 KB
Versions: 21
Compression:
Stored size: 1.7 KB
Contents
@import "../helpers/index.scss";
@import "../dependency/bootstrap/scss/bootstrap";
.quick-search-modal {
.modal-dialog {
max-width: 526px;
height: auto;
.modal-content {
.modal-body {
padding: 24px 24px 0;
}
}
}
.quick-search-field {
@extend .input-group;
.search-input {
@extend .form-control;
}
.clear-search {
position: absolute;
top: 8px;
right: 16px;
@include font($size: $t4-text, $color: $ink-lighter-clr);
line-height: 22px;
z-index: 9;
cursor: pointer;
}
}
.search-results-container {
margin: 16px 0;
.result-item {
padding: 8px 16px;
font-size: $t4-text;
line-height: 22px;
span:nth-child(1) {
color: $grey-dark-clr;
}
span:nth-child(2) {
margin-left: 8px;
color: $primary-text-clr;
}
}
}
.results-action {
display: flex;
align-items: center;
padding: 4px 16px;
box-shadow: inset 0px 1px 0px rgba(148, 151, 155, 0.15);
.select {
@include font($size: $t6-text, $color: $ink-lighter-clr);
line-height: 16px;
cursor: pointer;
.move-arrow {
font-size: 10px;
margin-right: 4px;
&:nth-child(2) {
margin-right: 8px;
}
}
}
.enter-text {
@include font($size: $t6-text, $color: $ink-lightest-clr, $weight: 600);
line-height: 16px;
margin: 0 8px 0 24px;
}
.open-text {
@include font($size: $t6-text, $color: $ink-lightest-clr);
line-height: 16px;
margin: 0;
}
}
.active-item {
background: $grey-light-clr;
width: 100%;
height: 40px;
float: left;
border-radius: 2px;
}
}
Version data entries
21 entries across 21 versions & 1 rubygems