enhancement of search input
This commit is contained in:
parent
3448ae56fb
commit
a8ed5ac79f
|
@ -2,6 +2,7 @@
|
|||
@import "mixins";
|
||||
@import "panel";
|
||||
@import "commons";
|
||||
@import "buttons";
|
||||
.panel {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
|
@ -15,8 +16,35 @@
|
|||
.form-with-button {
|
||||
width: calc(100% - #{$button-size});
|
||||
float: left;
|
||||
|
||||
background-color: $column-color;
|
||||
border-color: $button-border-color;
|
||||
color: #fff;
|
||||
font-size: $default-font-size;
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
height: 29px;
|
||||
padding: 0 5px 0 5px;
|
||||
}
|
||||
|
||||
|
||||
// .form-control {
|
||||
// margin: 0 0 5px 5px;
|
||||
// width: calc(100% - 10px);
|
||||
// background-color: $column-color;
|
||||
// border-color: $status-secondary-color;
|
||||
// color: #fff;
|
||||
// font-size: $default-font-size;
|
||||
// &:focus {
|
||||
// box-shadow: none;
|
||||
// }
|
||||
// // &--privacy {
|
||||
// // display: inline-block;
|
||||
// // width: calc(100% - 15px - #{$btn-send-status-width} - #{$counter-width});
|
||||
// // }
|
||||
// }
|
||||
|
||||
.form-button {
|
||||
width: $button-size;
|
||||
height: 29px;
|
||||
|
@ -25,11 +53,16 @@
|
|||
cursor: pointer;
|
||||
background-color: $button-background-color;
|
||||
color: $button-color;
|
||||
color: whitesmoke;
|
||||
transition: all .2s;
|
||||
&:hover {
|
||||
background-color: $button-background-color-hover;
|
||||
color: $button-color-hover;
|
||||
}
|
||||
|
||||
|
||||
border: 1px solid $button-border-color;
|
||||
border-width: 1px 1px 1px 0;
|
||||
}
|
||||
|
||||
$search-form-height: 70px;
|
||||
|
@ -113,4 +146,4 @@ $search-form-height: 70px;
|
|||
background-color: $button-background-color-hover;
|
||||
}
|
||||
@include clearfix;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -11,7 +11,7 @@ $height-button: 40px;
|
|||
|
||||
.left-bar-link {
|
||||
color: $font-link-primary;
|
||||
color: darken(whitesmoke, 15);
|
||||
color: darken(whitesmoke, 17);
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
color: $font-link-primary-hover;
|
||||
|
|
|
@ -47,7 +47,7 @@ $button-color: darken(white, 30);
|
|||
$button-color-hover: white;
|
||||
$button-background-color: $color-primary;
|
||||
$button-background-color-hover: lighten($color-primary, 20);
|
||||
|
||||
$button-border-color: #303957;
|
||||
|
||||
|
||||
$column-background: #0f111a;
|
||||
|
|
Loading…
Reference in New Issue