cyp/app/css/search.less

27 lines
344 B
Text
Raw Permalink Normal View History

2019-04-01 04:02:26 +08:00
.search {
2019-04-03 01:19:46 +08:00
.flex-row;
2019-04-01 17:18:28 +08:00
margin-left: auto;
2019-04-03 01:19:46 +08:00
transition: all 300ms;
width: 32px;
max-width: 20ch;
2019-04-01 17:18:28 +08:00
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;
2019-04-03 01:19:46 +08:00
outline: none;
2019-04-01 04:02:26 +08:00
color: inherit;
background-color: inherit;
border-bottom: 1px solid var(--fg);
2019-04-01 17:18:28 +08:00
width: 0;
2019-04-01 04:02:26 +08:00
padding: 0;
2019-04-03 01:19:46 +08:00
flex-grow: 1;
2019-04-01 04:02:26 +08:00
}
2019-04-01 17:18:28 +08:00
&.open {
2019-04-03 01:19:46 +08:00
flex: 1;
2019-04-01 04:02:26 +08:00
}
}