mirror of
https://github.com/bitcoinresearchkit/brk.git
synced 2026-07-23 08:58:11 -07:00
nym21
77 lines
1.6 KiB
CSS
77 lines
1.6 KiB
CSS
main[data-page="ask"] [data-ask-composer] {
|
|
position: relative;
|
|
display: block;
|
|
border: 1px solid var(--field-border-color);
|
|
border-radius: var(--control-radius);
|
|
padding: 0.25rem;
|
|
background: var(--ask-panel);
|
|
transition: border-color 120ms ease;
|
|
|
|
&:focus-within {
|
|
border-color: var(--orange);
|
|
}
|
|
|
|
> fieldset {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
|
|
> label {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
|
|
> span {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
white-space: nowrap;
|
|
border: 0;
|
|
}
|
|
|
|
> textarea {
|
|
display: block;
|
|
field-sizing: content;
|
|
width: 100%;
|
|
min-height: var(--ask-control-size);
|
|
max-height: 12rem;
|
|
border: 0;
|
|
padding: 0.5625rem
|
|
calc(var(--ask-icon-size) + 0.75rem) 0.5625rem 0.75rem;
|
|
background: transparent;
|
|
font-size: var(--font-size-sm);
|
|
line-height: var(--line-height-sm);
|
|
resize: none;
|
|
|
|
&:focus-visible {
|
|
outline: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
> div {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0.25rem;
|
|
display: grid;
|
|
place-items: center;
|
|
width: var(--ask-icon-size);
|
|
height: var(--ask-icon-size);
|
|
translate: 0 -50%;
|
|
|
|
> button:last-child::before {
|
|
width: 0.55rem;
|
|
height: 0.55rem;
|
|
border-radius: 0.08rem;
|
|
background: currentColor;
|
|
content: "";
|
|
}
|
|
}
|
|
}
|
|
}
|