Sha256: 36030a654fe2351f7c57a0f74881db6e3ce66291096c7026aa97e76a6ee44520
Contents?: true
Size: 1.9 KB
Versions: 60
Compression:
Stored size: 1.9 KB
Contents
.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 {
@include flex($align:center);
padding: 8px 16px;
font-size: $t4-text;
line-height: 22px;
.result-text {
display: flex;
span {
margin: 0;
}
}
.result-icon {
@include flex($justify:center, $align:center);
svg {
width: 16px;
height: 16px;
}
}
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
60 entries across 60 versions & 1 rubygems