honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(aio): search input animation

This commit is contained in:
Stefanie Fluin 2017-03-23 12:34:31 -07:00 committed by Pete Bacon Darwin
parent 4918cd241f
commit b8f3533d53
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
aio/src/styles/1-layouts/_top-menu.scss
View File

@ -31,6 +31,7 @@ md-toolbar.mat-toolbar {
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
width: 100%; width: 100%;
min-width: 150px;
height: 100%; height: 100%;
} }
@ -41,7 +42,12 @@ aio-search-box input {
background-color: $offwhite; background-color: $offwhite;
padding: 5px 10px; padding: 5px 10px;
margin-left: 8px; margin-left: 8px;
min-width:200px; width:150px;
width: 50%;
height: 40%; height: 40%;
@include bp(big){
transition: width 0.4s ease-in-out;
&:focus {
width: 50%;
}
}
} }