eSales Media Git repositories
Browse code

Initial commit

Benjamin Roth authored on07/11/2022 09:19:06
Showing1 changed files
files/themes/aldegott_2022/assets/css/inc/slick-theme.scss
History View file @6e83285
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,195 @@
1 
+@if not-imported("import_once_func") { @import "import_once_func"; }
2 
+@if not-imported("settings") { @import "settings"; }
3 
+
4 
+// Default Variables
5 
+
6 
+$slick-prev-character: "\e90e" !default;
7 
+$slick-next-character: "\e90d" !default;
8 
+$slick-dot-size: 6px !default;
9 
+$slick-opacity-default: 0.75 !default;
10 
+$slick-opacity-on-hover: 1 !default;
11 
+$slick-opacity-not-active: 0.35 !default;
12 
+
13 
+/* Slider */
14 
+
15 
+.slick-slider-container {
16 
+  padding: 0;
17 
+}
18 
+.slick-slider {
19 
+  overflow: visible;
20 
+  position: relative;
21 
+}
22 
+.slick-slider-slide {
23 
+  vertical-align: middle;
24 
+}
25 
+.slick-slide {
26 
+}
27 
+
28 
+.slick-list {
29 
+  padding: 0;
30 
+
31 
+  .slick-loading & {
32 
+    background: #000;
33 
+  }
34 
+}
35 
+
36 
+/* Arrows */
37 
+
38 
+.slick-prev,
39 
+.slick-next {
40 
+  z-index: 10;
41 
+  position: absolute;
42 
+  display: block;
43 
+  height: 45px;
44 
+  width: 35px;
45 
+  line-height: 0;
46 
+  font-size: 0;
47 
+  cursor: pointer;
48 
+  color: transparent;
49 
+  top: 50%;
50 
+  -webkit-transform: translate(0, -50%);
51 
+  -ms-transform: translate(0, -50%);
52 
+  transform: translate(0, -50%);
53 
+  padding: 0;
54 
+  border: none;
55 
+  outline: none;
56 
+  opacity: $slick-opacity-default;
57 
+  -webkit-transition: all 0.2s ease-in-out;
58 
+  -moz-transition: all 0.2s ease-in-out;
59 
+  -ms-transition: all 0.2s ease-in-out;
60 
+  -o-transition: all 0.2s ease-in-out;
61 
+  transition: all 0.2s ease-in-out;
62 
+  &:hover, &:focus {
63 
+    outline: none;
64 
+    //background: $color-bg-tertiary;
65 
+    color: transparent;
66 
+    opacity: $slick-opacity-on-hover;
67 
+    &:before {
68 
+      //color: $color-text-invert;
69 
+    }
70 
+  }
71 
+  &.slick-disabled {
72 
+    opacity: $slick-opacity-not-active;
73 
+  }
74 
+  &:before {
75 
+    @include iconfont;
76 
+    line-height: 45px;
77 
+    color: $color-text;
78 
+    text-shadow: 0 0 5px #000;
79 
+    font-size: 30px;
80 
+    position: relative;
81 
+    -webkit-transition: all .75s cubic-bezier(0,0,0,1);
82 
+    -moz-transition: all .75s cubic-bezier(0,0,0,1);
83 
+    -ms-transition: all .75s cubic-bezier(0,0,0,1);
84 
+    -o-transition: all .75s cubic-bezier(0,0,0,1);
85 
+    transition: all .75s cubic-bezier(0,0,0,1);
86 
+  }
87 
+}
88 
+
89 
+.slick-prev {
90 
+  left: 15px;
91 
+  [dir="rtl"] & {
92 
+    left: auto;
93 
+    right: 15px;
94 
+  }
95 
+  &:before {
96 
+    left: 0;
97 
+    content: $slick-prev-character;
98 
+    [dir="rtl"] & {
99 
+      left: auto;
100 
+      right: 0;
101 
+      content: $slick-next-character;
102 
+    }
103 
+  }
104 
+  &:hover {
105 
+    &:before {
106 
+      left: -5px;
107 
+    }
108 
+  }
109 
+  [dir="rtl"] & {
110 
+    &:hover {
111 
+      &:before {
112 
+        right: -5px;
113 
+      }
114 
+    }
115 
+  }
116 
+}
117 
+
118 
+.slick-next {
119 
+  right: 15px;
120 
+  [dir="rtl"] & {
121 
+    left: 15px;
122 
+    right: auto;
123 
+  }
124 
+  &:before {
125 
+    right: 0;
126 
+    content: $slick-next-character;
127 
+    [dir="rtl"] & {
128 
+      right: auto;
129 
+      left: 0;
130 
+      content: $slick-prev-character;
131 
+    }
132 
+  }
133 
+  &:hover {
134 
+    &:before {
135 
+      right: -5px;
136 
+    }
137 
+  }
138 
+  [dir="rtl"] & {
139 
+    &:hover {
140 
+      &:before {
141 
+        left: -5px;
142 
+      }
143 
+    }
144 
+  }
145 
+}
146 
+
147 
+/* Dots */
148 
+
149 
+.slick-dotted.slick-slider {
150 
+  margin-bottom: 30px;
151 
+}
152 
+
153 
+.slick-dots {
154 
+  position: absolute;
155 
+  top: 100%;
156 
+  list-style: none;
157 
+  display: block;
158 
+  text-align: center;
159 
+  padding: 0;
160 
+  margin: 0;
161 
+  width: 100%;
162 
+  line-height: 30px;
163 
+  li {
164 
+    position: relative;
165 
+    display: inline-block;
166 
+    vertical-align: middle;
167 
+    height: 12px;
168 
+    width: 12px;
169 
+    margin: 0 5px;
170 
+    padding: 0;
171 
+    cursor: pointer;
172 
+    button {
173 
+      border: 0;
174 
+      background: $color-bg-secondary;
175 
+      display: block;
176 
+      height: 12px;
177 
+      width: 12px;
178 
+      outline: none;
179 
+      line-height: 0px;
180 
+      font-size: 0px;
181 
+      color: transparent;
182 
+      padding: 5px;
183 
+      cursor: pointer;
184 
+      -webkit-border-radius: 99px;
185 
+      -moz-border-radius: 99px;
186 
+      border-radius: 99px;
187 
+      &:hover, &:focus {
188 
+        outline: none;
189 
+      }
190 
+    }
191 
+    &.slick-active button {
192 
+      background: $color-bg-tertiary;
193 
+    }
194 
+  }
195 
+}