Skip to content

Commit 4b5c21b

Browse files
zbryiktzbryikt
committed
add ldcover
1 parent 4b1ab1c commit 4b5c21b

File tree

10 files changed

+553
-0
lines changed

10 files changed

+553
-0
lines changed

‎package-lock.json‎

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@
3030
"fedep": "^0.0.15",
3131
"fs-extra": "^8.0.0",
3232
"ldcolor": "^0.0.4",
33+
"ldcover": "^1.3.3",
3334
"ldslider": "^2.0.6",
3435
"ldview": "^0.2.2",
3536
"livescript": "^1.6.0",
@@ -53,6 +54,7 @@
5354
"proxise",
5455
"ldview",
5556
"ldslider",
57+
"ldcover",
5658
"ldcolor"
5759
]
5860
}

‎web/static/assets/lib/ldcover/1.3.3/ldcv.css‎

Lines changed: 203 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,203 @@
1+
.ldcv {
2+
position: fixed;
3+
top: 0;
4+
left: 0;
5+
z-index: -1;
6+
width: 100%;
7+
height: 100%;
8+
opacity: 0;
9+
text-align: center;
10+
perspective: 1024px;
11+
visibility: hidden;
12+
}
13+
.ldcv:before {
14+
content: " ";
15+
display: block;
16+
position: absolute;
17+
top: 0;
18+
left: 0;
19+
width: 100%;
20+
height: 100%;
21+
background: rgba(0,0,0,0.5);
22+
}
23+
.ldcv:after {
24+
content: " ";
25+
display: inline-block;
26+
height: 100%;
27+
width: 0px;
28+
vertical-align: middle;
29+
margin-right: -0.25em;
30+
}
31+
.ldcv.running,
32+
.ldcv.active {
33+
z-index: 1;
34+
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
35+
}
36+
.ldcv.no-shadow:before,
37+
.ldcv.bare:before {
38+
display: none;
39+
}
40+
.ldcv.active {
41+
visibility: visible;
42+
opacity: 1;
43+
}
44+
.ldcv > .base > .inner {
45+
width: 100%;
46+
height: 100%;
47+
overflow: hidden;
48+
border-radius: 5px;
49+
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
50+
background: #fff;
51+
padding: 0;
52+
transform: translateZ(0);
53+
transform-origin: 50% 50%;
54+
transition: all 0.2s ease-in-out;
55+
}
56+
.ldcv > .base > .inner > .foot {
57+
padding: 15px;
58+
margin-top: 15px;
59+
border-top: 1px solid #ddd;
60+
}
61+
.ldcv.shown > .base > .inner {
62+
transform: none !important;
63+
}
64+
.ldcv > .base {
65+
text-align: left;
66+
z-index: 5;
67+
max-width: 80%;
68+
max-height: 90%;
69+
display: inline-block;
70+
vertical-align: middle;
71+
}
72+
.ldcv.default-size > .base {
73+
width: 640px;
74+
height: 600px;
75+
}
76+
.ldcv.margin-centered > .base {
77+
position: absolute;
78+
top: 0;
79+
left: 0;
80+
bottom: 0;
81+
right: 0;
82+
margin: auto;
83+
transform: initial;
84+
perspective: 300px;
85+
}
86+
.ldcv.transform-centered > .base {
87+
left: 50%;
88+
top: 50%;
89+
transform: translate(-50%, -50%);
90+
}
91+
.ldcv.bare {
92+
position: absolute;
93+
width: auto;
94+
height: auto;
95+
}
96+
.ldcv.bare > .base {
97+
width: auto;
98+
height: auto;
99+
max-width: initial;
100+
max-height: initial;
101+
transform: initial;
102+
top: initial;
103+
left: initial;
104+
right: initial;
105+
bottom: initial;
106+
position: absolute;
107+
}
108+
.ldcv.bare > .base > .inner {
109+
overflow: visible;
110+
}
111+
.ldcv.scroll {
112+
background: rgba(0,0,0,0.5);
113+
overflow-y: scroll;
114+
overflow-x: hidden;
115+
padding-top: 50px;
116+
padding-bottom: 50px;
117+
}
118+
.ldcv.scroll:before {
119+
display: none;
120+
}
121+
.ldcv.scroll > .base {
122+
max-height: initial;
123+
}
124+
/* if we want by default scrolling, we can add this class
125+
.ldcv.noscroll
126+
background: initial
127+
overflow: auto
128+
padding: auto
129+
&:before
130+
display: block
131+
& > .base
132+
max-height: 90%
133+
*/
134+
.ldcv.light:before {
135+
background: rgba(255,255,255,0.8);
136+
}
137+
.ldcv.scroll.light {
138+
background: rgba(255,255,255,0.8);
139+
}
140+
/*
141+
.ldcv > .base > .inner
142+
transform: scaleX(0.9) translateY(-40px)
143+
.ldcv.active > .base. > .inner
144+
transform: scaleX(1.0) translateY(0)
145+
*/
146+
/*
147+
.ldcv > .base > .inner
148+
transform: scaleX(0.9) rotateX(15deg)
149+
transition: all 0.3s ease-in-out
150+
.ldcv.active > .base > .inner
151+
transform: scaleX(1.0) rotateX(0deg)
152+
*/
153+
.ldcv.lg > .base {
154+
width: 960px;
155+
height: 700px;
156+
}
157+
.ldcv.md > .base {
158+
width: 720px;
159+
height: 500px;
160+
}
161+
.ldcv.full > .base {
162+
border: none;
163+
border-radius: 0;
164+
width: 100%;
165+
height: 100%;
166+
max-width: 100%;
167+
max-height: 100%;
168+
}
169+
.ldcv.full > .base > .inner {
170+
border-radius: 0;
171+
}
172+
.ldcv.mini {
173+
width: auto;
174+
height: auto;
175+
left: auto;
176+
top: auto;
177+
right: auto;
178+
bottom: auto;
179+
}
180+
.ldcv.mini:before,
181+
.ldcv.mini:after {
182+
display: none;
183+
}
184+
.ldcv.mini > .base {
185+
max-width: initial;
186+
max-height: initial;
187+
}
188+
.ldcv.mini > .base > .inner {
189+
width: initial;
190+
height: initial;
191+
}
192+
.ldcv.mini.left {
193+
left: 1.25em;
194+
}
195+
.ldcv.mini.right {
196+
right: 1.25em;
197+
}
198+
.ldcv.mini.top {
199+
top: 1.25em;
200+
}
201+
.ldcv.mini.bottom {
202+
bottom: 1.25em;
203+
}

‎web/static/assets/lib/ldcover/1.3.3/ldcv.effects.css‎

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
.ldcv.ldcv-scale > .base > .inner {
2+
transform: scale(0.8);
3+
opacity: 0;
4+
}
5+
.ldcv.ldcv-scale.active > .base > .inner {
6+
transform: scale(1);
7+
opacity: 1;
8+
}
9+
.ldcv.ldcv-zoom > .base > .inner {
10+
transform: scale(2);
11+
opacity: 0;
12+
}
13+
.ldcv.ldcv-zoom.active > .base > .inner {
14+
transform: scale(1);
15+
opacity: 1;
16+
}
17+
.ldcv.ldcv-vortex > .base > .inner {
18+
transform: scale(0) rotate(540deg);
19+
transition-duration: 0.6s;
20+
opacity: 0;
21+
}
22+
.ldcv.ldcv-vortex.active > .base > .inner {
23+
transform: scale(1) rotate(0);
24+
opacity: 1;
25+
}
26+
.ldcv.ldcv-slide-rtl > .base > .inner {
27+
transform: translate(10%, 0);
28+
opacity: 0;
29+
}
30+
.ldcv.ldcv-slide-rtl.active > .base > .inner {
31+
transform: translate(0, 0);
32+
opacity: 1;
33+
}
34+
.ldcv.ldcv-slide-ltr > .base > .inner {
35+
transform: translate(-10%, 0);
36+
opacity: 0;
37+
}
38+
.ldcv.ldcv-slide-ltr.active > .base > .inner {
39+
transform: translate(0, 0);
40+
opacity: 1;
41+
}
42+
.ldcv.ldcv-slide-ttb > .base > .inner {
43+
transform: translate(0, -10%);
44+
opacity: 0;
45+
}
46+
.ldcv.ldcv-slide-ttb.active > .base > .inner {
47+
transform: translate(0, 0);
48+
opacity: 1;
49+
}
50+
.ldcv.ldcv-slide-btt > .base > .inner {
51+
transform: translate(0, 10%);
52+
opacity: 0;
53+
}
54+
.ldcv.ldcv-slide-btt.active > .base > .inner {
55+
transform: translate(0, 0);
56+
opacity: 1;
57+
}
58+
.ldcv.ldcv-flip-h-left > .base > .inner {
59+
transform: rotateY(60deg);
60+
opacity: 0;
61+
}
62+
.ldcv.ldcv-flip-h-left.active > .base > .inner {
63+
transform: rotateY(0);
64+
opacity: 1;
65+
}
66+
.ldcv.ldcv-flip-h-right > .base > .inner {
67+
transform: rotateY(-60deg);
68+
opacity: 0;
69+
}
70+
.ldcv.ldcv-flip-h-right.active > .base > .inner {
71+
transform: rotateY(0);
72+
opacity: 1;
73+
}
74+
.ldcv.ldcv-flip-v-top > .base > .inner {
75+
transform: rotateX(60deg);
76+
opacity: 0;
77+
}
78+
.ldcv.ldcv-flip-v-top.active > .base > .inner {
79+
transform: rotateX(0);
80+
opacity: 1;
81+
}
82+
.ldcv.ldcv-flip-v-bottom > .base > .inner {
83+
transform: rotateX(-60deg);
84+
opacity: 0;
85+
}
86+
.ldcv.ldcv-flip-v-bottom.active > .base > .inner {
87+
transform: rotateX(0);
88+
opacity: 1;
89+
}
90+
.ldcv.ldcv-fade > .base > .inner {
91+
transform: translate(0, 0);
92+
opacity: 0;
93+
}
94+
.ldcv.ldcv-fade.active > .base > .inner {
95+
transform: translate(0, 0);
96+
opacity: 1;
97+
}

‎web/static/assets/lib/ldcover/1.3.3/ldcv.effects.min.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)