refactor: splitting and reorganizing style files

This commit is contained in:
vince
2024-07-08 22:30:19 +08:00
parent 414a639db1
commit 04a1533a1e
56 changed files with 412 additions and 157 deletions

View File

@@ -0,0 +1,79 @@
/* Make clicks pass-through */
#nprogress {
pointer-events: none;
}
#nprogress .bar {
@apply bg-primary;
position: fixed;
top: 0;
left: 0;
z-index: 1031;
width: 100%;
height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
position: absolute;
right: 0;
display: block;
width: 100px;
height: 100%;
box-shadow:
0 0 10px hsl(var(--primary)),
0 0 5px hsl(var(--primary));
opacity: 1;
transform: rotate(3deg) translate(0, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
position: fixed;
top: 15px;
right: 15px;
z-index: 1031;
display: block;
}
#nprogress .spinner-icon {
box-sizing: border-box;
width: 18px;
height: 18px;
border: solid 2px transparent;
border-top-color: hsl(var(--primary));
border-left-color: hsl(var(--primary));
border-radius: 50%;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
position: relative;
overflow: hidden;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@keyframes nprogress-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes nprogress-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

View File

@@ -1 +0,0 @@
@import './scss/index';

View File

@@ -0,0 +1,5 @@
import './scss/index.scss';
import './css/tailwind.css';
import './css/nprogress.css';
export {};

View File

@@ -1,4 +1,4 @@
@forward './common/constants.scss';
@forward './constants.scss';
@mixin b($block) {
$B: $namespace + '-' + $block !global;

View File

@@ -1,5 +1,4 @@
#app,
.ant-app,
body,
html {
width: 100%;
@@ -7,10 +6,6 @@ html {
overscroll-behavior: none;
}
.ant-app {
color: inherit;
}
*,
::after,
::before {

View File

@@ -1,4 +1,4 @@
/** css 样式重置 */
@import 'modern-normalize/modern-normalize.css';
@import './common/base';
@import './base';
@import './transition';