Add an input-container to search field in Contact toolbar

This commit is contained in:
iRouge
2015-02-26 00:39:18 -05:00
committed by Francis Lachapelle
parent 5819cc75d3
commit 012d953d65
4 changed files with 24 additions and 4 deletions
@@ -11,7 +11,7 @@
@import 'extends';
/**
MD-ICONS
Usage: place Material Design Iconic Font icons on almost any elemnt using the Prefix md-icon
Usage: place Material Design Iconic Font icons on almost any element using the Prefix md-icon
and the icon's name (http://zavoloklom.github.io/material-design-iconic-font/icons.html)
exemple : <i class="md-icon-more-horiz></i>
@@ -37,3 +37,7 @@ src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAjEMAAsAA
font-weight: normal;
font-style: normal;
}
.md-icon-lg {
line-height: 1;
vertical-align: initial;
}
@@ -35,6 +35,17 @@ $input-padding-top: 2px !default;
padding: 0 2px;
}
.sg-search-field-container {
margin-bottom: 12px;
color: white;
label {
color: inherit;
}
input {
color: inherit;
border: none;
}
}
.pseudo-input-label,
.button-label {
@@ -45,6 +56,7 @@ $input-padding-top: 2px !default;
font-size: sg-size(caption);
line-height: $sg-line-height-1;
}
.pseudo-input-label--no-margin,
.button-label {
margin-top: 0;