Sha256: e0b06eff3a608549d64540d27c20bd28d9099361c64002cc321aaa776a4c26de
Contents?: true
Size: 1.83 KB
Versions: 13
Compression:
Stored size: 1.83 KB
Contents
@keyframes auto_select_highlight {
0% {
background: $light-blue-color;
color: $white;
}
100% {
background: $background-color;
color: $light-blue-color;
}
}
.auto_select {
width: 100%;
ul, li {
list-style: none;
margin: 0;
padding: 0;
}
ul {
clear: both;
padding: 8px 15px 0;
&:after {
clear: both;
content: "";
display: block;
}
}
li {
float: left;
}
a {
background: $background-color;
border-radius: 3px;
color: $light-blue-color;
display: inline-block;
line-height: 18px;
margin-bottom: 8px;
margin-right: 8px;
padding: 5px 24px 5px 10px;
position: relative;
transition: 0.5s;
&:focus {
animation: auto_select_highlight 1s;
}
&:before {
@extend .fa;
@extend .fa-times;
color: $light-red-color;
display: block;
height: 16px;
font-size: 10px;
line-height: 16px;
margin-top: -8px;
position: absolute;
right: 10px;
text-align: center;
top: 50%;
}
&:hover{
color: $light-blue-color;
&:before {
color: $default-red-color;
}
}
}
&__count {
clear: both;
color: $light-grey-color;
display: block;
font-size: 11px;
font-weight: normal;
padding: 8px 15px 0;
}
&--spacing {
margin-bottom: 8px;
}
}
.twitter-typeahead {
width: 100%;
}
.tt {
&-menu {
right: 0;
}
&-input {
background-color: $white !important;
&[disabled] {
background-color: #EEEEEE !important;
}
}
&-dataset {
background: $white;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
border-radius: 0 0 3px 3px;
padding: 5px 0;
}
&-suggestion {
padding: 3px 20px;
&:hover {
background-color: #F5F5F5;
}
}
}
@import '_auto_select_desktop';
Version data entries
13 entries across 13 versions & 1 rubygems