Commit 74be459b authored by Aron Carroll's avatar Aron Carroll Committed by gergely-ujvari

Add new simple-search module to the css directory

parent bbfb88c1
@import "base.scss";
.simple-search-form {
color: $gray;
@include fonticon("\e60c", left) {
position: absolute;
top: 50%;
left: 8px;
margin-top: -0.5em;
font-size: 14px;
line-height: 1;
}
&.simple-search-inactive {
color: $grayLighter;
}
position: relative;
}
.simple-search-input {
height: 26px; // Temporary fix for FF.
width: 100%;
border-radius: 15px;
border-color: #C5C5C5 !important; // Override base input styles.
padding-left: 2em;
.simple-search-inactive & {
background-color: $grayLightest;
border-color: $grayLightest !important;
}
}
.simple-search-clear {
@include fonticon("\36", left) {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
}
position: absolute;
right: 5px;
top: 50%;
border: none;
border-radius: 50%;
background: $grayLight;
color: #fff;
width: 16px;
height: 16px;
margin-top: -8px;
font-size: 8px;
text-align: center;
text-shadow: none;
&:focus, &:hover, &:active:not([disabled]) {
@include transition(background-color 200ms ease-in);
background-color: $grayLight;
color: #fff;
border: none;
background-image: none;
box-shadow: none;
top: 50%; // Reset button state.
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment