search: css

This commit is contained in:
Silke Pisulla 2017-01-02 15:59:57 +01:00
commit f3f931da21
3 changed files with 63 additions and 11 deletions

View file

@ -4,14 +4,58 @@
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
.search.main-sidebar{
form{
white-space: nowrap;
.no{
border: 1px solid ;
padding-right: 1.5rem;
#qsearch__in{
.search.main-sidebar {
form {
@icon-size: 40px;
display: block;
margin: @margin-default 0;
.no {
#qsearch__in {
width: 100%;
padding-left: 10px;
padding-right: (@icon-size + 10);
}
}
input {
min-height: @icon-size;
box-sizing: border-box;
border-color: @color-link;
border-radius: 0;
}
button[type="submit"] {
.fontello();
.hide-text-show-before();
.icon-search();
width: @icon-size;
min-height: @icon-size;
background-image: none;
background-color: @color-link;
border: solid 1px @color-link;
border-radius: 0;
color: #fff;
margin-left: -(@icon-size);
padding: 0;
transition: @transition color, @transition background-color;
&:hover,
&:focus,
&:active {
background-color: #fff;
color: @color-link;
}
&::before {
width: 100%;
color: inherit;
font-size: 25px;
text-align: center;
margin: 0;
}
}
}

View file

@ -25,15 +25,17 @@
@color-link: __existing__;
@margin-small: .5rem;
@margin-default: 1.5rem;
@margin-big: 2.5rem;
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* global vars */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@margin-small: .5rem;
@margin-default: 1.5rem;
@margin-big: 2.5rem;
@transition: ease-out .30s;
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* fonts */

View file

@ -158,6 +158,12 @@
}
}
.icon-search() {
&::before {
content: '\e81f';
}
}
.icon-puzzle-1{
&::before {
content: '\e817';