Files
gitea-github-theme/styles/public/modal.ts
2025-08-05 12:59:23 +08:00

30 lines
719 B
TypeScript

import { animationDown } from "src/core/theme";
import { css, themeVars } from "src/types/vars";
export const modal = css`
.ui.modal {
animation: ${animationDown};
border: 1.5px solid ${themeVars.color.light.border};
> .header {
background-color: ${themeVars.color.menu};
border-bottom: 1.5px solid ${themeVars.color.light.border};
}
> .content,
form > .content {
background-color: ${themeVars.color.menu};
}
> .actions,
.content + .actions,
.content + form > .actions {
background-color: ${themeVars.color.menu};
border-top: 1.5px solid ${themeVars.color.light.border};
}
.actions > .ui.button {
padding: 8px 12px;
}
}
`;