Browse code

Update

Benjamin Roth authored on17/03/2023 09:52:56
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,181 @@
1
+@import "../../variables-layout";
2
+
3
+@import "../../../_vendor/node_modules/bootstrap/scss/functions";
4
+@import "../../../_vendor/node_modules/bootstrap/scss/variables";
5
+@import "../../../_vendor/node_modules/bootstrap/scss/mixins";
6
+@import "../../../_fonts/fontawesome/scss/fontawesome";
7
+@import "../../../_fonts/fontawesome/scss/light";
8
+
9
+@import "../../scss-variables";
10
+@import "../../_theme/variables-layout";
11
+
12
+html body {
13
+  .ce_rsce_landingpageentry {
14
+    position: relative;
15
+
16
+    .boxed--image {
17
+      z-index: 10;
18
+      position: absolute;
19
+
20
+      //top: 50%;
21
+      top: 50px;
22
+      right: 50%;
23
+      transform: translate(50%, -50%);
24
+
25
+      @include media-breakpoint-up(md) {
26
+        top: 600px;
27
+      }
28
+
29
+
30
+      img {
31
+        padding: 1rem;
32
+        background-color: white;
33
+      }
34
+    }
35
+
36
+    .row > div:first-child {
37
+
38
+      @include media-breakpoint-up(md) {
39
+        border-right: 2px solid white;
40
+      }
41
+
42
+      .content--inner {
43
+
44
+        @include media-breakpoint-up(md) {
45
+          margin: 0 3rem 0 auto;
46
+        }
47
+      }
48
+
49
+      .middle--content {
50
+        justify-content: right;
51
+      }
52
+    }
53
+
54
+    .landingpage-column {
55
+      height: 100%;
56
+
57
+      .lp--inner {
58
+        display: flex;
59
+        flex-flow: column wrap;
60
+        min-height: 100%;
61
+      }
62
+
63
+
64
+      .lp--top {
65
+        position: relative;
66
+
67
+        @include media-breakpoint-up(md) {
68
+          border-bottom: 2px solid white;
69
+        }
70
+
71
+
72
+        > a {
73
+          position: absolute;
74
+          left: 0;
75
+          top: 0;
76
+          width: 100%;
77
+          height: 100%;
78
+          z-index: 10;
79
+        }
80
+
81
+        .lp--image-holder {
82
+          min-height: rfs-value(300px);
83
+
84
+          @include media-breakpoint-up(md) {
85
+            min-height: rfs-value(600px);
86
+          }
87
+        }
88
+
89
+        &:after {
90
+          content: '';
91
+          position: absolute;
92
+          opacity: 0;
93
+          left: 0;
94
+          top: 0;
95
+          width: 100%;
96
+          height: 100%;
97
+          transition: all .3s ease;
98
+        }
99
+
100
+        &:hover {
101
+          &:after {
102
+            opacity: 1;
103
+          }
104
+        }
105
+      }
106
+
107
+      .lp--middle {
108
+        .middle--content {
109
+          display: flex;
110
+          flex-flow: row wrap;
111
+          padding: 3rem 3rem 3rem 5rem;
112
+          align-content: flex-end;
113
+          min-height: rfs-value(150px);
114
+
115
+          @include media-breakpoint-up(md) {
116
+            min-height: rfs-value(300px);
117
+          }
118
+
119
+          a {
120
+            text-decoration: none;
121
+            @include font-size(55px);
122
+            font-weight: 200;
123
+            text-transform: uppercase;
124
+
125
+
126
+            &:after {
127
+              @extend %fa-icon;
128
+              @extend .fal;
129
+              content: fa-content($fa-var-angle-right);
130
+              @include font-size(80px);
131
+              margin-left: 20px;
132
+              vertical-align: sub;
133
+              position: relative;
134
+            }
135
+          }
136
+        }
137
+      }
138
+
139
+
140
+      .lp--bottom {
141
+        padding: 1.5rem 0;
142
+        flex: 1;
143
+        display: flex;
144
+        flex-flow: column wrap;
145
+        @include media-breakpoint-up(md) {
146
+          padding: 3.5rem 0;
147
+        }
148
+
149
+        .content--inner {
150
+          padding-left: 1rem;
151
+          padding-right: 1rem;
152
+          height: 100%;
153
+          display: flex;
154
+          flex-flow: column wrap;
155
+          flex: 1;
156
+          @include media-breakpoint-up(md) {
157
+            max-width: calc(480px + 4rem);
158
+            margin-left: 3rem;
159
+            padding-left: 2rem;
160
+            padding-right: 2rem;
161
+          }
162
+
163
+
164
+          h3 {
165
+            font-weight: $font-weight-medium;
166
+            margin-bottom: 2rem;
167
+          }
168
+
169
+          .text {
170
+            flex: 1;
171
+          }
172
+
173
+        }
174
+
175
+        .btn {
176
+          min-width: 175px;
177
+        }
178
+      }
179
+    }
180
+  }
181
+}
0 182
\ No newline at end of file