Sha256: 8178dff85156207db7b03decf231db7e6c59138883ab3fe8b7638da71cbacaa3
Contents?: true
Size: 1.7 KB
Versions: 5
Compression:
Stored size: 1.7 KB
Contents
&--navigation--search {
margin-right: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
@include thredded-media-tablet-and-down {
position: initial;
}
label {
display: none;
}
input[type="search"] {
box-shadow: none;
width: 100%;
@include thredded-media-desktop-and-up {
$padding-x: 0.75rem;
background: transparent;
border-color: transparent;
font-size: $thredded-font-size-small;
line-height: 1rem;
min-width: 13rem;
text-align: right;
width: auto;
padding: 0.90625rem $padding-x 0.8125rem $padding-x;
margin-right: -($padding-x);
// Webkit adds an extra padding that we need to remove.
-webkit-margin-end: -($padding-x + 0.75rem);
&, &:focus {
transition: background, border-color, box-shadow, min-width 0.15s ease-out 0s;
}
&:focus {
background: $thredded-background-color;
box-shadow: none;
margin-right: 0;
-webkit-margin-end: 0;
min-width: 16rem;
text-align: left;
}
&:hover {
border-color: transparent;
box-shadow: none;
}
&::placeholder {
color: $thredded-secondary-nav-color;
transition: $thredded-action-transition;
// Firefox applies default opacity of 0.54, while all the other browsers use 1.
// See https://bugzilla.mozilla.org/show_bug.cgi?id=556145
opacity: 1;
}
&:hover:not(:focus) {
cursor: pointer;
&::placeholder {
color: $thredded-nav-hover-color;
}
}
&:focus {
border-color: $thredded-base-border-color;
}
}
}
[type="submit"] {
display: none;
}
}
Version data entries
5 entries across 5 versions & 1 rubygems