cyp/app/css/search.less

26 lines
325 B
Text
Raw Normal View History

2019-04-01 04:02:26 +08:00
.search {
2019-04-01 17:18:28 +08:00
display: flex;
align-items: center;
margin-left: auto;
2019-04-01 04:02:26 +08:00
.icon {
width: 32px;
2019-04-01 17:18:28 +08:00
cursor: pointer;
2019-04-01 04:02:26 +08:00
}
input {
border: none;
color: inherit;
background-color: inherit;
border-bottom: 1px solid var(--fg);
2019-04-01 19:28:10 +08:00
transition: all 300ms;
2019-04-01 17:18:28 +08:00
width: 0;
2019-04-01 04:02:26 +08:00
padding: 0;
}
2019-04-01 17:18:28 +08:00
&.open {
2019-04-01 04:02:26 +08:00
input {
2019-04-01 19:28:10 +08:00
width: 10vw;
2019-04-01 04:02:26 +08:00
}
}
}