eSales Media Git repositories
Browse code

Update

Benjamin Roth authored on17/03/2023 09:52:56
Showing1 changed files
files/base/layout/css/elements/elements.scss
History View file @7812883
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,179 @@
1 
+
2 
+[class*="bg-"]:not(.alert):not(.ce_rsce_twocolimagewall):not(.ce_rsce_fullwidthgallery):not(.badge) {
3 
+  padding: $basic-gutter 0px;
4 
+
5 
+  @include media-breakpoint-down(md) {
6 
+    padding-left: 0rem;
7 
+    padding-right: 0rem;
8 
+  }
9 
+
10 
+  > *:last-child {
11 
+    margin-bottom: 0px !important;
12 
+  }
13 
+
14 
+  .content--element:first-child .row-mid-content {
15 
+    @include media-breakpoint-down(md) {
16 
+      padding-top: 0px;
17 
+    }
18 
+  }
19 
+}
20 
+
21 
+
22 
+.mod_article .ce_headline + div {
23 
+  margin-top: 0px;
24 
+}
25 
+
26 
+.content--element {
27 
+  position: relative;
28 
+
29 
+  &.content--box {
30 
+    z-index: 10;
31 
+    padding: 2rem;
32 
+  }
33 
+
34 
+  &.border-top {
35 
+    padding-top: $basic-gutter;
36 
+    margin-top: $basic-gutter;
37 
+  }
38 
+
39 
+  &.border-bottom {
40 
+    padding-bottom: $basic-gutter;
41 
+    margin-bottom: $basic-gutter;
42 
+  }
43 
+}
44 
+
45 
+.content--box {
46 
+  @include content-box();
47 
+}
48 
+
49 
+.ce_text {
50 
+  figure.float_above {
51 
+    text-align: center;
52 
+  }
53 
+}
54 
+
55 
+.progress {
56 
+  background-color: var(--bs-gray-100);
57 
+}
58 
+
59 
+
60 
+&.start {
61 
+  .mod_pageimage {
62 
+    .page-image--holder {
63 
+      min-height: 75vh;
64 
+      @include media-breakpoint-up(md) {
65 
+        background-attachment: fixed;
66 
+      }
67 
+    }
68 
+  }
69 
+}
70 
+
71 
+&:not(.start) {
72 
+  .mod_pageimage {
73 
+    .page-image--holder {
74 
+      min-height: rfs-value(275px);
75 
+      margin-bottom: 2rem;
76 
+    }
77 
+  }
78 
+}
79 
+
80 
+
81 
+.text--wrapper {
82 
+  min-height: 100%;
83 
+
84 
+  &.with-image {
85 
+    @extend .row;
86 
+
87 
+    &.image-right {
88 
+      flex-flow: row-reverse;
89 
+
90 
+      .image {
91 
+        @extend .col-lg-6;
92 
+
93 
+        @include media-breakpoint-down(md) {
94 
+          margin-top: 1rem;
95 
+        }
96 
+      }
97 
+
98 
+      .text {
99 
+        @extend .col-lg-6;
100 
+
101 
+        @include media-breakpoint-up(md) {
102 
+          @include padding-right(35px);
103 
+        }
104 
+      }
105 
+    }
106 
+
107 
+    &.image-left {
108 
+      .image {
109 
+        @extend .col-lg-6;
110 
+
111 
+        @include media-breakpoint-down(md) {
112 
+          margin-top: 1rem;
113 
+        }
114 
+      }
115 
+
116 
+      .text {
117 
+        @extend .col-lg-6;
118 
+
119 
+        @include media-breakpoint-up(md) {
120 
+          @include padding-left(35px);
121 
+        }
122 
+      }
123 
+    }
124 
+  }
125 
+}
126 
+
127 
+.BodyScrollToTop {
128 
+  width: rfs-value(60px);
129 
+  height: rfs-value(60px);
130 
+  line-height: rfs-value(55px);
131 
+  text-align: center;
132 
+  color: var(--bs-white);
133 
+  border: 2px solid var(--bs-secondary);
134 
+  background-color: var(--bs-secondary);
135 
+  border-radius: 50%;
136 
+  margin: 1.5rem auto 0 auto;
137 
+  transition: all 0.3s ease;
138 
+  @include font-size(45px);
139 
+  cursor: pointer;
140 
+  bottom: 100px;
141 
+  right: 50px;
142 
+  position: fixed;
143 
+  opacity: 0;
144 
+  visibility: hidden;
145 
+  box-shadow: $box-shadow;
146 
+  z-index: 5;
147 
+
148 
+  &.visible {
149 
+    opacity: 1;
150 
+    visibility: visible;
151 
+  }
152 
+
153 
+  i {
154 
+    line-height: rfs-value(56px);
155 
+  }
156 
+
157 
+  &:hover {
158 
+    color: var(--bs-secondary);
159 
+    background-color: var(--bs-white);
160 
+  }
161 
+}
162 
+
163 
+.video_container {
164 
+  position: relative;
165 
+  padding-bottom: 56.25%;
166 
+
167 
+  iframe, embed {
168 
+    position: absolute;
169 
+    top: 0;
170 
+    left: 0;
171 
+    width: 100%;
172 
+    height: 100%;
173 
+  }
174 
+}
175 
+
176 
+
177 
+.ce_player > .video_container{
178 
+  padding-bottom: 0px;
179 
+}