2021-12-14 20:00:20 +08:00
|
|
|
@import './theme.scss';
|
|
|
|
|
// 颜色
|
|
|
|
|
$--color-red: #fc625d;
|
|
|
|
|
$--color-warn: #fcbc40;
|
|
|
|
|
$--color-success: #34c749;
|
|
|
|
|
|
2021-12-14 20:32:22 +08:00
|
|
|
// 文字
|
|
|
|
|
$--color-text-1: hsla(0, 0%, 100%, 0.9);
|
|
|
|
|
$--color-text-2: hsla(0, 0%, 100%, 0.7);
|
|
|
|
|
$--color-text-3: hsla(0, 0%, 100%, 0.5);
|
|
|
|
|
$--color-text-4: hsla(0, 0%, 100%, 0.3);
|
|
|
|
|
|
2021-12-15 14:25:28 +08:00
|
|
|
$--max-width: 1920px;
|
2021-12-14 20:00:20 +08:00
|
|
|
// 顶部距离
|
|
|
|
|
$--header-height: 60px;
|
2021-12-14 15:53:30 +08:00
|
|
|
// 模糊
|
2021-12-14 21:28:32 +08:00
|
|
|
$--filter-blur-base: blur(20px);
|
2021-12-14 15:53:30 +08:00
|
|
|
// 毛玻璃
|
2021-12-14 21:28:32 +08:00
|
|
|
$--filter-color-base-1: rgba(0, 0, 0, 0.1);
|
|
|
|
|
$--filter-color-base-2: rgba(0, 0, 0, 0.2);
|
|
|
|
|
$--filter-color-base-3: rgba(23, 23, 26, 0.3);
|
2021-12-14 15:53:30 +08:00
|
|
|
// 边框
|
2021-12-14 20:00:20 +08:00
|
|
|
$--border-radius-base: 8px;
|
|
|
|
|
$--border-bottom-style: 1px solid $--color-border;
|
2021-12-14 21:28:32 +08:00
|
|
|
// 阴影
|
|
|
|
|
$--border-shadow: 0 8px 20px rgba(0,0,0, .15);
|
