eSales Media Git repositories
Browse code

Update

Benjamin Roth authored on28/03/2023 09:47:26
Showing1 changed files
files/base/layout/css/elements/custom-elements/ce_rsce_equalboxfield.css
History View file @1b3db22
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,89 @@
1 
+html body .ce_rsce_equalboxfield .ce--equalboxfield > .row {
2 
+  min-height: 100%;
3 
+}
4 
+html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element {
5 
+  position: relative;
6 
+  min-height: 100%;
7 
+  height: 100%;
8 
+}
9 
+html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element a.box--link {
10 
+  position: absolute;
11 
+  left: 0;
12 
+  top: 0;
13 
+  width: 100%;
14 
+  min-height: 100%;
15 
+  z-index: 1;
16 
+}
17 
+html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element > .row {
18 
+  height: 100%;
19 
+  transition: all 0.3s ease;
20 
+}
21 
+html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element > .row:hover {
22 
+  opacity: 0.9;
23 
+}
24 
+html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element .box--image {
25 
+  width: 100%;
26 
+  min-height: 100%;
27 
+  position: relative;
28 
+}
29 
+html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element .box--image .box-image--holder {
30 
+  width: 100%;
31 
+  height: 100%;
32 
+  min-height: 12.5rem;
33 
+}
34 
+@media (min-width: 992px) {
35 
+  html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element .box--image .box-image--holder {
36 
+    position: absolute;
37 
+  }
38 
+}
39 
+html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element .box--details {
40 
+  padding: 1.5rem;
41 
+  display: flex;
42 
+  flex-flow: column wrap;
43 
+  min-height: 100%;
44 
+  line-height: var(--bs-body-line-height);
45 
+}
46 
+html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element .box--details p, html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element .box--details p * {
47 
+  line-height: var(--bs-body-line-height);
48 
+}
49 
+html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element .box--details .box--headline {
50 
+  font-size: calc(1.2625rem + 0.15vw);
51 
+}
52 
+@media (min-width: 1200px) {
53 
+  html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element .box--details .box--headline {
54 
+    font-size: 1.375rem;
55 
+  }
56 
+}
57 
+html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element .box--details .box--subline {
58 
+  margin-top: 0rem;
59 
+}
60 
+html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element .box--details > * + .box--text {
61 
+  margin-top: 1.5rem;
62 
+}
63 
+html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element .box--details .box--footer {
64 
+  margin-top: auto;
65 
+  padding-top: 1.5rem;
66 
+}
67 
+html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element .box--details .box--footer a {
68 
+  position: relative;
69 
+  z-index: 2;
70 
+}
71 
+html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element .box--details .box--footer a:not(.btn) {
72 
+  right: -1.5em;
73 
+  bottom: -1.5rem;
74 
+  width: 3.125rem;
75 
+  height: 3.125rem;
76 
+  line-height: 3.4375rem;
77 
+  text-align: center;
78 
+  background-color: rgba(255, 255, 255, 0.8);
79 
+  color: var(--bs-body-color);
80 
+  display: inline-block;
81 
+}
82 
+html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element .box--details .box--footer a:not(.btn) i {
83 
+  font-size: calc(1.275rem + 0.3vw);
84 
+}
85 
+@media (min-width: 1200px) {
86 
+  html body .ce_rsce_equalboxfield .ce--equalboxfield .box--element .box--details .box--footer a:not(.btn) i {
87 
+    font-size: 1.5rem;
88 
+  }
89 
+}