eSales Media Git repositories
Browse code

Update

Benjamin Roth authored on17/03/2023 09:52:56
Showing1 changed files
files/base/layout/css/areas/main.scss
History View file @7812883
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,119 @@
1 
+#wrapper {
2 
+  display: flex;
3 
+  min-height: 100vh;
4 
+  flex-flow: column nowrap;
5 
+  overflow: hidden;
6 
+
7 
+  #container {
8 
+    @include media-breakpoint-up(md) {
9 
+      &.with--left-col:not(.with--right-col) {
10 
+        #main {
11 
+          max-width: calc(100% - #{$left-col--width});
12 
+        }
13 
+      }
14 
+
15 
+      &.with--right-col:not(.with--left-col) {
16 
+        #main {
17 
+          max-width: calc(100% - #{$right-col--width});
18 
+        }
19 
+      }
20 
+
21 
+      &.with--right-col.with--left-col {
22 
+        #main {
23 
+          max-width: calc(100% - (#{$right-col--width} + #{$left-col--width}));
24 
+        }
25 
+      }
26 
+    }
27 
+  }
28 
+
29 
+  #main {
30 
+    //overflow: hidden;
31 
+
32 
+
33 
+    .mod_article {
34 
+      .ce--inner {
35 
+        position: relative;
36 
+      }
37 
+
38 
+      > *:not(.ce_headline):not(.ce_html) {
39 
+        margin-bottom: $basic-gutter;
40 
+      }
41 
+
42 
+      &:last-child {
43 
+        *[class*="bg-"]:last-of-type {
44 
+          margin-bottom: 0;
45 
+        }
46 
+
47 
+
48 
+      }
49 
+
50 
+      &:first-child {
51 
+        *[class*="bg-"]:first-of-type {
52 
+          margin-top: 0px;
53 
+        }
54 
+      }
55 
+
56 
+      &[class*="bg-"] {
57 
+        overflow: hidden;
58 
+
59 
+        .ce_rsce_headimagelogo {
60 
+          &:first-child {
61 
+            margin-top: -$basic-gutter !important;
62 
+          }
63 
+
64 
+          margin-left: -$basic-gutter;
65 
+          margin-right: -$basic-gutter;
66 
+          margin-bottom: $basic-gutter/2;
67 
+
68 
+          > .ce--inner {
69 
+            margin-bottom: 0px !important;
70 
+          }
71 
+        }
72 
+
73 
+        > div > * {
74 
+          &:not(:last-child):not(.ce_headline) {
75 
+            margin: rfs-value($basic-gutter auto);
76 
+
77 
+            &.ce_rsce_linkboxen {
78 
+              margin-bottom: rfs-value($basic-gutter);
79 
+            }
80 
+          }
81 
+
82 
+          &:first-child {
83 
+            margin-top: 0px !important; // ??
84 
+          }
85 
+        }
86 
+
87 
+        &:last-of-type {
88 
+          //margin-bottom: rfs-value(-$basic-gutter);
89 
+        }
90 
+
91 
+        & + .mod_article {
92 
+          .content--element:first-child {
93 
+            &[class*="bg-"] {
94 
+              margin-top: 0px;
95 
+            }
96 
+          }
97 
+        }
98 
+      }
99 
+
100 
+      *[class*="bg-dark"] {
101 
+        color: var(--bs-body-color-inverse);
102 
+
103 
+        * {
104 
+          color: inherit;
105 
+        }
106 
+      }
107 
+
108 
+      & + .mod_article {
109 
+        &[class*="bg-"] {
110 
+          margin-top: rfs-value($basic-gutter);
111 
+        }
112 
+
113 
+        .content--element[class*="bg-"]:first-of-type {
114 
+          margin-top: 0px;
115 
+        }
116 
+      }
117 
+    }
118 
+  }
119 
+}