Jerry/cyp
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

search flex

Browse source
This commit is contained in:
Ondrej Zara 2019-04-01 13:28:10 +02:00
parent 5dccd9d849
commit 2a11e6f886
2 changed files with 4 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
app/app.css
View file

@ -525,9 +525,7 @@ nav ul li.active {
.search {
display: flex;
align-items: center;
max-width: 50%;
margin-left: auto;
transition: all 300ms;
}
.search .icon {
width: 32px;
@ -538,15 +536,12 @@ nav ul li.active {
color: inherit;
background-color: inherit;
border-bottom: 1px solid var(--fg);
xtransition: all 300ms;
transition: all 300ms;
width: 0;
padding: 0;
}
.search.open {
flex-grow: 1;
}
.search.open input {
flex-grow: 1;
width: 10vw;
}
.art {
margin-right: var(--icon-spacing);

7
app/css/search.less
View file

@ -1,9 +1,7 @@
.search {
display: flex;
align-items: center;
max-width: 50%;
margin-left: auto;
transition: all 300ms;
.icon {
width: 32px;
@ -15,15 +13,14 @@
color: inherit;
background-color: inherit;
border-bottom: 1px solid var(--fg);
xtransition: all 300ms;
transition: all 300ms;
width: 0;
padding: 0;
}
&.open {
flex-grow: 1;
input {
flex-grow: 1;
width: 10vw;
}
}
}