eSales Media Git repositories
Browse code

Initial commit

Benjamin Roth authored on16/03/2023 20:22:35
Showing1 changed files
files/base/layout/css/scaffolding/helper-classes.scss
History View file @c584c6c
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,144 @@
1 
+.bg-gradient {
2 
+  @extend .bg-gradient;
3 
+}
4 
+
5 
+.pos-centered {
6 
+  transform: translate(-50%, -50%);
7 
+  left: 50%;
8 
+  top: 50%;
9 
+
10 
+  .column--kachel {
11 
+    position: relative;
12 
+    margin: auto;
13 
+  }
14 
+}
15 
+
16 
+.pos-centered-right {
17 
+  transform: translate(0%, -50%);
18 
+  right: 0;
19 
+  top: 50%;
20 
+
21 
+  .column--kachel {
22 
+    right: 0;
23 
+  }
24 
+}
25 
+
26 
+.pos-centered-left {
27 
+  transform: translate(0%, -50%);
28 
+  left: 0;
29 
+  top: 50%;
30 
+
31 
+  .column--kachel {
32 
+    left: 0;
33 
+  }
34 
+}
35 
+
36 
+.pos-top-right {
37 
+  top: 0;
38 
+  right: 0;
39 
+
40 
+  .column--kachel {
41 
+    top: 0;
42 
+    right: 0;
43 
+  }
44 
+}
45 
+
46 
+.pos-top-left {
47 
+  top: 0;
48 
+  left: 0;
49 
+
50 
+  .column--kachel {
51 
+    top: 0;
52 
+    left: 0;
53 
+  }
54 
+}
55 
+
56 
+.pos-top-center {
57 
+  transform: translate(-50%, 50px);
58 
+  left: 50%;
59 
+  top: 0;
60 
+
61 
+  .column--kachel {
62 
+    position: relative;
63 
+    margin: 0 auto;
64 
+  }
65 
+}
66 
+
67 
+.pos-bottom-right {
68 
+  bottom: 0;
69 
+  right: 0;
70 
+
71 
+  .column--kachel {
72 
+    bottom: 0;
73 
+    right: 0;
74 
+  }
75 
+}
76 
+
77 
+.pos-bottom-left {
78 
+  bottom: 0;
79 
+  left: 0;
80 
+
81 
+  .column--kachel {
82 
+    bottom: 0;
83 
+    left: 0;
84 
+  }
85 
+}
86 
+
87 
+.pos-bottom-center {
88 
+  transform: translate(-50%, 0px);
89 
+  left: 50%;
90 
+  bottom: 0;
91 
+
92 
+  .column--kachel {
93 
+    position: relative;
94 
+    margin: 0 auto;
95 
+  }
96 
+}
97 
+
98 
+.two-column-text {
99 
+  @include media-breakpoint-up(lg) {
100 
+    column-count: 2;
101 
+    column-gap: var(--bs-gutter-x);
102 
+  }
103 
+}
104 
+
105 
+
106 
+.half-container {
107 
+  max-width: 100%;
108 
+  padding-left: 1rem;
109 
+  padding-right: 1rem;
110 
+
111 
+
112 
+  @include media-breakpoint-up(sm) {
113 
+    max-width: calc(var(--bs-container-width-sm));
114 
+    padding: 0px;
115 
+  }
116 
+
117 
+  @include media-breakpoint-up(md) {
118 
+    max-width: calc(var(--bs-container-width-md) / 2);
119 
+  }
120 
+
121 
+  @include media-breakpoint-up(lg) {
122 
+    max-width: calc(var(--bs-container-width-lg) / 2)
123 
+  }
124 
+  @include media-breakpoint-up(xl) {
125 
+    max-width: calc(var(--bs-container-width-xl) / 2)
126 
+  }
127 
+
128 
+  @include media-breakpoint-up(xxl) {
129 
+    max-width: calc(var(--bs-container-width-xxl) / 2)
130 
+  }
131 
+}
132 
+
133 
+
134 
+@for $n from 0 through 50 {
135 
+    .fs-#{$n}px {
136 
+        font-size: rfs-value(#{$n}px) !important;
137 
+    }
138 
+}
139 
+
140 
+
141 
+.w-auto{
142 
+  max-width: none !important;
143 
+  min-width: 0 !important;
144 
+}
0 145 
\ No newline at end of file