Template
1
0
mirror of https://github.com/un-pany/v3-admin-vite.git synced 2025-04-23 04:19:20 +08:00
v3-admin-vite/src/styles/index.scss
pany 6baf92a815 Revert "Revert "feat:主题切换动画""
This reverts commit 54e86ab517494b81b4bb2cf51d572351a194fb95.
2024-03-21 09:54:36 +08:00

71 lines
1.2 KiB
SCSS

// 全局 CSS 变量
@import "./variables.css";
// Transition
@import "./transition.scss";
// Element Plus
@import "./element-plus.scss";
// Vxe Table
@import "./vxe-table.scss";
// 注册多主题
@import "./theme/register.scss";
// mixin
@import "./mixins.scss";
// 业务页面几乎都应该在根元素上挂载 class="app-container",以保持页面美观
.app-container {
padding: 20px;
}
html {
height: 100%;
}
::view-transition-old(root) {
animation: none;
mix-blend-mode: normal;
}
::view-transition-new(root) {
mix-blend-mode: normal;
animation: wave 0.7s ease-in;
}
@keyframes wave {
from {
clip-path: circle(0% at var(--x) var(--y));
}
to {
clip-path: circle(150% at var(--x) var(--y));
}
}
body {
height: 100%;
background-color: var(--v3-body-bg-color);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial,
sans-serif;
@extend %scrollbar;
}
#app {
height: 100%;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
a,
a:focus,
a:hover {
color: inherit;
outline: none;
text-decoration: none;
}
div:focus {
outline: none;
}