Skip to content

Commit e8d1f31

Browse files
add Glide.js v2.0.6
1 parent fe8a567 commit e8d1f31

File tree

8 files changed

+2061
-1
lines changed

8 files changed

+2061
-1
lines changed
Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
.glide {
2+
position: relative;
3+
width: 100%;
4+
height: 100%;
5+
}
6+
.glide__wrapper {
7+
overflow: hidden;
8+
}
9+
.glide__track {
10+
position: relative;
11+
width: 100%;
12+
height: 100%;
13+
list-style: none;
14+
-webkit-backface-visibility: hidden;
15+
backface-visibility: hidden;
16+
-webkit-transform-style: preserve-3d;
17+
transform-style: preserve-3d;
18+
-ms-touch-action: pan-Y;
19+
touch-action: pan-Y;
20+
overflow: hidden;
21+
}
22+
.glide__track.dragging {
23+
cursor: -webkit-grabbing;
24+
cursor: grabbing;
25+
-webkit-user-select: none;
26+
-moz-user-select: none;
27+
-ms-user-select: none;
28+
user-select: none;
29+
}
30+
.glide__slide {
31+
width: 100%;
32+
-webkit-user-select: none;
33+
-moz-user-select: none;
34+
-ms-user-select: none;
35+
user-select: none;
36+
-webkit-touch-callout: none;
37+
-webkit-tap-highlight-color: transparent;
38+
}
39+
.glide__slide a {
40+
-webkit-user-select: none;
41+
-moz-user-select: none;
42+
-ms-user-select: none;
43+
user-select: none;
44+
-webkit-user-drag: none;
45+
-moz-user-select: none;
46+
-ms-user-select: none;
47+
}
48+
.glide__arrows {
49+
-webkit-touch-callout: none;
50+
-webkit-user-select: none;
51+
-moz-user-select: none;
52+
-ms-user-select: none;
53+
user-select: none;
54+
}
55+
.glide__arrow {
56+
cursor: pointer;
57+
}
58+
.glide__bullets {
59+
-webkit-touch-callout: none;
60+
-webkit-user-select: none;
61+
-moz-user-select: none;
62+
-ms-user-select: none;
63+
user-select: none;
64+
}
65+
.glide--slider .glide__slide {
66+
float: left;
67+
clear: none;
68+
}
69+
.glide--carousel.glide--vertical .glide__track {
70+
overflow: visible;
71+
}
72+
.glide--carousel .glide__slide {
73+
float: left;
74+
clear: none;
75+
}
76+
.glide--slideshow .glide__wrapper {
77+
height: 100%;
78+
}
79+
.glide--slideshow .glide__slide {
80+
height: 100%;
81+
position: absolute;
82+
top: 0;
83+
left: 0;
84+
z-index: -1;
85+
-webkit-transform-style: preserve-3d;
86+
-webkit-transform: translate3d(0px, 0px, 0px);
87+
}
88+
.glide--slideshow .glide__slide.active {
89+
z-index: 1;
90+
}

ajax/libs/Glide.js/2.0.6/css/glide.core.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.
Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
.glide__arrows {
2+
position: absolute;
3+
}
4+
.glide--horizontal .glide__arrows {
5+
top: 50%;
6+
width: 92%;
7+
margin-left: 4%;
8+
}
9+
.glide--vertical .glide__arrows {
10+
left: 50%;
11+
height: 88%;
12+
margin-top: 6%;
13+
}
14+
.glide__arrow {
15+
position: absolute;
16+
z-index: 2;
17+
color: white;
18+
text-transform: uppercase;
19+
font: 11px Arial, sans-serif;
20+
padding: 9px 12px;
21+
background-color: transparent;
22+
border: 2px solid rgba(255, 255, 255, 0.5);
23+
border-radius: 4px;
24+
-webkit-transition: border 300ms ease-in-out;
25+
transition: border 300ms ease-in-out;
26+
}
27+
.glide__arrow:focus {
28+
outline: none;
29+
}
30+
.glide__arrow:hover {
31+
border-color: white;
32+
}
33+
.glide--horizontal .glide__arrow {
34+
-webkit-transform: translateY(-50%);
35+
transform: translateY(-50%);
36+
}
37+
.glide--horizontal .glide__arrow.prev {
38+
left: 0;
39+
}
40+
.glide--horizontal .glide__arrow.next {
41+
right: 0;
42+
}
43+
.glide--vertical .glide__arrow {
44+
-webkit-transform: translateX(-50%);
45+
transform: translateX(-50%);
46+
}
47+
.glide--vertical .glide__arrow.prev {
48+
top: 0;
49+
}
50+
.glide--vertical .glide__arrow.next {
51+
bottom: 0;
52+
}
53+
.glide__bullets {
54+
position: absolute;
55+
list-style: none;
56+
}
57+
.glide--horizontal .glide__bullets {
58+
bottom: 8%;
59+
left: 0;
60+
width: 100%;
61+
height: 12px;
62+
text-align: center;
63+
}
64+
.glide--vertical .glide__bullets {
65+
top: 50%;
66+
right: 8%;
67+
width: 12px;
68+
height: auto;
69+
-webkit-transform: translateY(-50%);
70+
transform: translateY(-50%);
71+
}
72+
.glide__bullets > * {
73+
display: inline-block;
74+
background-color: rgba(255, 255, 255, 0.5);
75+
width: 12px;
76+
height: 12px;
77+
padding: 0;
78+
cursor: pointer;
79+
border-radius: 50%;
80+
border: 2px solid transparent;
81+
-webkit-transition: all 300ms ease-in-out;
82+
transition: all 300ms ease-in-out;
83+
}
84+
.glide--horizontal .glide__bullets > * {
85+
margin: 0 5px;
86+
}
87+
.glide--vertical .glide__bullets > * {
88+
vertical-align: middle;
89+
}
90+
.glide__bullets > *.active {
91+
background-color: white;
92+
}
93+
.glide__bullets > *:focus {
94+
outline: none;
95+
}
96+
.glide__bullets > *:hover,
97+
.glide__bullets > *:focus {
98+
border: 2px solid white;
99+
background-color: rgba(255, 255, 255, 0.5);
100+
}
101+
.glide--slider .glide__arrow {
102+
opacity: 1;
103+
-webkit-transition: opacity 150ms ease;
104+
transition: opacity 150ms ease;
105+
}
106+
.glide--slider .glide__arrow.disabled {
107+
opacity: 0.33;
108+
}

ajax/libs/Glide.js/2.0.6/css/glide.theme.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)