javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: update doc css (#7444)

Browse Source
This commit is contained in:
iamkun
2022-04-30 00:07:50 +08:00
committed by GitHub
parent 538d254d7a
commit 2003c345cf
3 changed files with 67 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/.vitepress/config/head.ts
View File

@@ -66,13 +66,6 @@ export const head: HeadConfig[] = [
href: '//fonts.loli.net/css?family=Inter:300,400,500,600|Open+Sans:400,600;display=swap',
},
],
[
'link',
{
rel: 'stylesheet',
href: '//unpkg.com/nprogress@0.2.0/nprogress.css',
},
],
[
'script',
{},

2
docs/.vitepress/theme/index.ts
View File

@@ -3,7 +3,7 @@ import ElementPlus from 'element-plus'
import VPApp, { NotFound, globals } from '../vitepress'
import { define } from '../utils/types'
import 'uno.css'
import './style.css'
import type { Theme } from 'vitepress'
export default define<Theme>({

66
docs/.vitepress/theme/style.css Normal file
View File

@@ -0,0 +1,66 @@
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: #29d;
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
#nprogress .peg {
display: block;
position: absolute;
right: 0;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
opacity: 1;
-webkit-transform: rotate(3deg) translateY(-4px);
-ms-transform: rotate(3deg) translateY(-4px);
transform: rotate(3deg) translateY(-4px);
}
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border-color: #29d transparent transparent #29d;
border-style: solid;
border-width: 2px;
border-radius: 50%;
-webkit-animation: nprogress-spinner 0.4s linear infinite;
animation: nprogress-spinner 0.4s linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(1turn);
}
}
@keyframes nprogress-spinner {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}