javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-26 08:13:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

css cleanup

Browse Source
This commit is contained in:
Adam Bradley
2015-09-05 21:02:44 -05:00
parent 463de4b437
commit c41801c55f
23 changed files with 381 additions and 389 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
ionic/components/search-bar/modes/ios.scss
View File

@ -14,44 +14,44 @@ $search-bar-ios-background-size: 13px 13px !default;
padding: $search-bar-ios-padding;
background: $search-bar-ios-background-color;
border-bottom: 1px solid $search-bar-ios-border-color;
}
.search-bar-icon {
width: 100%;
height: 13px;
transform: translateX(calc(50% - 60px));
@include svg-background-image($search-bar-ios-background-svg);
background-size: $search-bar-ios-background-size;
background-repeat: no-repeat;
position: absolute;
left: 10px;
top: 8px;
}
.search-bar-input {
height: $search-bar-ios-input-height;
padding: 0 28px;
font-size: 1.4rem;
font-weight: 400;
border-radius: 5px;
color: #000;
background-color: #fff;
background-repeat: no-repeat;
background-position: 8px center;
@include calc(padding-left, "50% - 28px");
}
.search-bar-input-container.left-align {
.search-bar-icon {
width: 100%;
height: 13px;
transform: translateX(calc(50% - 60px));
@include svg-background-image($search-bar-ios-background-svg);
background-size: $search-bar-ios-background-size;
background-repeat: no-repeat;
position: absolute;
left: 10px;
top: 8px;
transform: translateX(0);
}
.search-bar-input {
height: $search-bar-ios-input-height;
padding: 0 28px;
font-size: 1.4rem;
font-weight: 400;
border-radius: 5px;
color: #000;
background-color: #fff;
background-repeat: no-repeat;
background-position: 8px center;
@include calc(padding-left, "50% - 28px");
}
.search-bar-input-container.left-align {
.search-bar-icon {
transform: translateX(0);
}
.search-bar-input {
padding-left: 28px;
}
padding-left: 28px;
}
}