Sha256: 9805429f48514e68d5767e5e69f16ce2b1d9e6ee0ce61db38c5d04096d90c8dd
Contents?: true
Size: 867 Bytes
Versions: 7
Compression:
Stored size: 867 Bytes
Contents
.search {
@include padding(null $base-spacing);
align-items: center;
border-bottom: $base-border;
display: flex;
flex-direction: row;
justify-content: flex-start;
position: relative;
width: 100%;
}
.search__icon {
svg {
@include size(1em);
fill: $hint-grey;
transition: fill $base-duration $base-timing;
}
&--active {
svg {
fill: $action-color;
}
}
}
.search__input {
appearance: none;
border: 0;
box-shadow: none;
flex-grow: 1;
margin: 0;
padding: ($small-spacing * 1.5) $small-spacing;
&:focus {
box-shadow: none;
}
}
.search__hint {
@include position(absolute, 1em 0 null null);
color: $hint-grey;
opacity: 0;
transition: opacity $base-duration $base-timing;
svg {
@include size(100%);
}
path,
rect {
fill: $action-color;
}
&--active {
opacity: 1;
}
}
Version data entries
7 entries across 7 versions & 1 rubygems