2020-11-25 21:31:34 +09:00
|
|
|
._formPanel {
|
|
|
|
background: var(--panel);
|
|
|
|
border-radius: var(--radius);
|
2021-04-14 01:41:49 +09:00
|
|
|
transition: background 0.2s ease;
|
2020-11-25 21:31:34 +09:00
|
|
|
|
|
|
|
&._formClickable {
|
|
|
|
&:hover {
|
2020-12-20 17:19:18 +09:00
|
|
|
//background: var(--panelHighlight);
|
2020-11-25 21:31:34 +09:00
|
|
|
}
|
2021-04-14 01:41:49 +09:00
|
|
|
|
|
|
|
&:active {
|
|
|
|
background: var(--panelHighlight);
|
|
|
|
transition: background 0s;
|
|
|
|
}
|
2020-11-25 21:31:34 +09:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-04-12 13:06:00 +09:00
|
|
|
._formLabel,
|
|
|
|
._formCaption {
|
|
|
|
font-size: 80%;
|
|
|
|
color: var(--fgTransparentWeak);
|
|
|
|
|
|
|
|
&:empty {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-11-25 21:31:34 +09:00
|
|
|
._formLabel {
|
2021-04-11 21:09:35 +09:00
|
|
|
position: sticky;
|
|
|
|
top: var(--stickyTop, 0px);
|
|
|
|
z-index: 2;
|
|
|
|
margin: -8px calc(var(--formXPadding) * -1) 0 calc(var(--formXPadding) * -1);
|
2021-04-22 22:29:33 +09:00
|
|
|
padding: 8px calc(var(--formContentHMargin) + var(--formXPadding)) 8px calc(var(--formContentHMargin) + var(--formXPadding));
|
2021-04-11 21:09:35 +09:00
|
|
|
background: var(--X17);
|
2021-08-11 22:34:45 +09:00
|
|
|
-webkit-backdrop-filter: var(--blur, blur(10px));
|
|
|
|
backdrop-filter: var(--blur, blur(10px));
|
2021-04-12 13:06:00 +09:00
|
|
|
}
|
2020-11-25 21:31:34 +09:00
|
|
|
|
2021-04-12 13:06:00 +09:00
|
|
|
._themeChanging_ ._formLabel {
|
|
|
|
transition: none !important;
|
|
|
|
background: transparent;
|
2020-11-25 21:31:34 +09:00
|
|
|
}
|
|
|
|
|
|
|
|
._formCaption {
|
2021-04-22 22:29:33 +09:00
|
|
|
padding: 8px var(--formContentHMargin) 0 var(--formContentHMargin);
|
2020-11-25 21:31:34 +09:00
|
|
|
}
|
|
|
|
|
|
|
|
._formItem {
|
|
|
|
& + ._formItem {
|
|
|
|
margin-top: 24px;
|
|
|
|
}
|
|
|
|
}
|