UnisKB/ui/src/styles/variables.scss

40 lines
1.1 KiB
SCSS
Raw Normal View History

2023-10-13 08:11:54 +00:00
:root {
2023-11-08 11:08:54 +00:00
--app-base-px: 8px;
2023-11-02 10:25:09 +00:00
--app-layout-bg-color: #f5f6f7;
2023-11-13 11:02:13 +00:00
--app-text-color: #1f2329;
--app-text-color-light-1: rgba(31, 35, 41, 0.1);
2023-11-03 08:12:57 +00:00
--app-text-color-secondary: #646a73;
2023-11-13 11:02:13 +00:00
--app-text-color-disable: #bbbfc4;
2023-11-02 10:25:09 +00:00
--app-view-padding: 24px;
2023-10-18 11:06:22 +00:00
--app-view-bg-color: #ffffff;
2023-11-08 11:08:54 +00:00
--app-border-color-dark: #bbbfc4;
2023-11-02 10:25:09 +00:00
2023-10-13 08:11:54 +00:00
/** header 组件 */
--app-header-height: 56px;
--app-header-padding: 0 20px;
2023-11-02 10:25:09 +00:00
--app-header-bg-color: linear-gradient(90deg, #ebf1ff 24.34%, #e5fbf8 56.18%, #f2ebfe 90.18%);
--app-logo-color: linear-gradient(180deg, #3370ff 0%, #7f3bf5 100%);
2023-11-08 11:08:54 +00:00
// 计算高度
--app-main-height: calc(100vh - var(--app-header-height) - var(--app-view-padding) * 2 - 40px);
2023-10-16 10:58:51 +00:00
/** sidebar 组件 */
--sidebar-bg-color: #ffffff;
2023-11-02 10:25:09 +00:00
--sidebar-width: 240px;
/** tag */
--tag-deflaut-bg: rgba(51, 112, 255, 0.2);
--tag-deflaut-color: #2b5fd9;
2023-11-03 08:12:57 +00:00
/** card */
--card-width: 330px;
--card-min-height: 160px;
--card-min-width: 220px;
2023-11-02 10:25:09 +00:00
/** team */
--team-manage-left-width: 280px;
2023-11-08 11:08:54 +00:00
/** dataset */
--create-dataset-height: calc(
100vh - var(--app-header-height) - var(--app-view-padding) * 2 - 70px
);
2023-09-15 09:40:35 +00:00
}