eSales Media Git repositories
Browse code

Progress

Benjamin Roth authored on14/12/2022 00:09:31
Showing1 changed files
files/themes/aldegott_2022/assets/css/landingpage/wein/inc/slick-theme.scss
History View file @bd9ee9a
1 1 
deleted file mode 100644
... ... 
@@ -1,195 +0,0 @@
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 
-}
Browse code

Initial commit

Benjamin Roth authored on07/11/2022 09:19:06
Showing1 changed files
files/themes/aldegott_2022/assets/css/landingpage/wein/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 
+}