oui-kit
Version:
🎯 *UI toolkit with a French touch* 🇫🇷
55 lines (44 loc) • 780 B
text/stylus
@require "../../stylus/index.styl";
.oui {
oui-form();
&-input-container {
use: stack-x;
padding-x: 0;
input {
use: stack-item-grow;
width: auto;
padding-x: 8;
}
button {
cursor: pointer;
padding-x: 8;
}
svg {
display: flex;
flex-shrink: 0;
flex-grow: 0;
size: 1em;
}
}
&-input-clearable {
use: center;
color: var(--s2-fg);
padding-x: 8;
cursor: pointer;
&:hover {
color: inherit ;
}
svg {
size: 0.8em;
}
}
/* https://vueuse.org/core/useTextareaAutosize/ */
&-textarea._autosize {
resize: none;
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
}
}