Browse code

Initial commit

Benjamin Roth authored on16/03/2023 20:22:35
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,118 @@
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
+
7
+@import "../../scss-variables";
8
+@import "../../_theme/variables-layout";
9
+
10
+html body {
11
+  .ce_rsce_actionmodal {
12
+    margin: 0px !important;
13
+
14
+
15
+    .modal-header {
16
+      border-bottom: 0px;
17
+      padding-bottom: 0px;
18
+    }
19
+
20
+    .modal--image {
21
+      position: relative;
22
+
23
+      &.without-padding {
24
+        margin: calc(-1 * var(--bs-modal-padding)) calc(-1 * var(--bs-modal-padding)) 0 calc(-1 * var(--bs-modal-padding));
25
+      }
26
+
27
+      .modal-image--wrapper {
28
+        min-height: rfs-value(400px);
29
+      }
30
+
31
+      .image--content {
32
+        position: absolute;
33
+        left: 0;
34
+        top: 0;
35
+        width: 100%;
36
+        height: 100%;
37
+        color: var(--bs-body-color-inverse);
38
+        padding: 0px var(--bs-modal-padding);
39
+
40
+        .row {
41
+          height: 100%;
42
+
43
+          .left--col {
44
+
45
+
46
+            .modal-image--big-headline {
47
+              white-space: nowrap;
48
+
49
+              span {
50
+                display: block;
51
+                line-height: 1;
52
+
53
+                font-weight: $font-weight-bold;
54
+                @include font-size(50px);
55
+
56
+                //white-space: nowrap;
57
+
58
+                @include media-breakpoint-up(xl) {
59
+                  @include font-size(65px);
60
+                }
61
+
62
+                @include media-breakpoint-down(sm) {
63
+                  font-size: rfs-value(50px) !important;
64
+                  text-align: center;
65
+                }
66
+              }
67
+            }
68
+          }
69
+
70
+          .right--col {
71
+
72
+            .modal-image--text-wrapper {
73
+              padding: .75rem;
74
+              background-color: rgba(0, 0, 0, .75);
75
+              font-weight: $font-weight-bold;
76
+              margin: 0 0 0 auto;
77
+
78
+              span {
79
+                display: block;
80
+                font-size: rfs-value(30px);
81
+                margin-bottom: .5rem;
82
+                line-height: 1.2;
83
+              }
84
+
85
+              p {
86
+
87
+              }
88
+
89
+            }
90
+          }
91
+        }
92
+      }
93
+    }
94
+
95
+
96
+    .modal--progress {
97
+      .progressbar--images {
98
+        img {
99
+          max-height: rfs-value(35px);
100
+        }
101
+      }
102
+    }
103
+
104
+
105
+    .modal-footer {
106
+      border-top: 0px;
107
+      padding-top: 0px;
108
+
109
+      .ce--buttons {
110
+        flex: 1;
111
+      }
112
+
113
+      img {
114
+        max-height: 50px;
115
+      }
116
+    }
117
+  }
118
+}
0 119
\ No newline at end of file