taiga-front/app/modules/discover/components/discover-search-bar/discover-search-bar.scss

51 lines
1.1 KiB
SCSS

.discover-header {
background: url('../images/discover.png') repeat-x bottom left $whitish;
margin-bottom: 2.5rem;
padding: 1rem 1rem 2rem;
text-align: center;
.discover-header-inner {
@include centered;
margin: 0 auto;
}
.title {
@extend %xxlarge;
margin-bottom: 0;
}
.project-number {
@extend %light;
@extend %large;
color: $primary;
}
form {
margin: 0 30%;
position: relative;
@include breakpoint(tablet) {
margin: 0 .5rem;
}
}
input[type="text"] {
background: $white;
border: 0;
padding: 1rem;
width: 100%;
&:focus {
outline-color: $primary-light;
}
&:-webkit-autofill {
background: rgba($primary-dark, .5);
}
}
.search-button {
@include svg-size(1.5rem);
fill: $gray-light;
position: absolute;
right: 1rem;
top: 1rem;
transition: fill .2s;
&:hover {
cursor: pointer;
fill: $primary;
}
}
}