Sha256: fae933eea811231c9e77f739be867a3d9487dc26a91e76a48df4ed6ae5e8d10e
Contents?: true
Size: 1.86 KB
Versions: 13
Compression:
Stored size: 1.86 KB
Contents
.query {
bottom: 10px;
float: none !important;
left: 0;
position: absolute;
right: 0;
z-index: 10;
&--filtered {
form {
margin-right: 108px;
}
}
&__search {
display: block;
margin-right: 72px;
label {
display: block;
margin: 0;
position: relative;
&:before {
@extend .fa;
@extend .fa-search;
color: $default-primary-color;
left: 8px;
margin-top: -7px;
position: absolute;
top: 50%;
z-index: 10;
}
input {
@extend .form-control;
&::placeholder {
color: $light-grey-color;
}
border-radius: 2px;
border: none;
box-shadow: none;
color: $default-primary-color;
font-weight: normal;
height: 30px;
padding: 4px 5px 4px 27px;
position: relative;
width: 100%;
}
}
}
&__actions {
@include dropdown($left_or_right: "right");
color: $white;
position: absolute;
right: 0;
.query__clear, .query__create, .query__more {
border-radius: 2px;
border: none;
color: $white;
float: left;
height: 30px;
line-height: 30px;
margin-left: 6px;
text-align: center;
text-decoration: none;
width: 30px;
}
.query__clear {
@extend .fa;
@extend .fa-ban;
background-color: $light-grey-color;
&:hover {
background-color: $default-grey-color;
}
}
.query__create {
@extend .fa;
@extend .fa-plus;
background-color: $light-green-color;
&:hover {
background-color: $default-green-color;
}
}
.query__more {
@extend .fa;
@extend .fa-chevron-down;
background-color: $light-blue-color;
&:hover {
background-color: $default-blue-color;
}
}
}
}
Version data entries
13 entries across 13 versions & 1 rubygems