eSales Media Git repositories
Browse code

Initial commit

Benjamin Roth authored on16/03/2023 20:22:35
Showing1 changed files
files/base/layout/css/_root-variables.scss
History View file @c584c6c
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,173 @@
1 
+:root {
2 
+  --animate-duration: 1500ms;
3 
+  --animate-delay: 0.75s;
4 
+
5 
+  --bs-primary: var(--bs-red);
6 
+  --bs-secondary: var(--bs-gray-900);
7 
+
8 
+  --bs-primary-rgb: 135, 22, 35;
9 
+  --bs-secondary-rgb: 33, 37, 41;
10 
+
11 
+  --bs-blue: #00274a;
12 
+  --bs-indigo: #6610f2;
13 
+  --bs-purple: #6f42c1;
14 
+  --bs-pink: #d63384;
15 
+  --bs-red: #871623;
16 
+  --bs-orange: #fd7e14;
17 
+  --bs-yellow: #ffc107;
18 
+  --bs-green: #198754;
19 
+  --bs-teal: #20c997;
20 
+  --bs-cyan: #0dcaf0;
21 
+
22 
+  --bs-white: #fff;
23 
+  --bs-black: #000;
24 
+
25 
+  --bs-gray: #6c757d;
26 
+  --bs-gray-dark: #343a40;
27 
+  --bs-gray-100: #f8f9fa;
28 
+  --bs-gray-200: #e9ecef;
29 
+  --bs-gray-300: #dee2e6;
30 
+  --bs-gray-400: #ced4da;
31 
+  --bs-gray-500: #adb5bd;
32 
+  --bs-gray-600: #888888;
33 
+  --bs-gray-700: #495057;
34 
+  --bs-gray-800: #343a40;
35 
+  --bs-gray-900: #212529;
36 
+
37 
+  --bs-success: #dbe8e2;
38 
+  //--bs-success-rgb: 212, 237, 218;
39 
+
40 
+  --bs-info: #d1ecf1;
41 
+  //--bs-info-rgb: 209, 236, 241;
42 
+
43 
+  --bs-warning: #fff3cd;
44 
+  //--bs-warning-rgb: 255, 243, 205;
45 
+
46 
+  --bs-danger: #f8d7da;
47 
+  //--bs-danger-rgb: 248, 215, 218;
48 
+
49 
+  --bs-light: var(--bs-gray-200);
50 
+  //--bs-light-rgb: 254, 254, 254;
51 
+
52 
+  --bs-dark: var(--bs-gray-900);
53 
+  //--bs-dark-rgb: 214, 216, 217;
54 
+
55 
+
56 
+  --bs-white-rgb: 255, 255, 255;
57 
+  --bs-black-rgb: 0, 0, 0;
58 
+
59 
+
60 
+  --bs-font-primary: "Open Sans", sans-serif;
61 
+  --bs-font-secondary: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
62 
+  --bs-font-tertiary: "Montserrat", sans-serif;
63 
+
64 
+  --bs-font-sans-serif: var(--bs-font-primary);
65 
+  --bs-font-monospace: var(--bs-font-secondary);
66 
+
67 
+  --bs-gradient: linear-gradient(180deg, rgba(var(--bs-white-rgb), 0.15), rgba(var(--bs-white-rgb), 0));
68 
+
69 
+  --bs-font-weight-100: 100;
70 
+  --bs-font-weight-200: 200;
71 
+  --bs-font-weight-300: 300;
72 
+  --bs-font-weight-400: 400;
73 
+  --bs-font-weight-500: 500;
74 
+  --bs-font-weight-600: 600;
75 
+  --bs-font-weight-700: 700;
76 
+  --bs-font-weight-800: 800;
77 
+  --bs-font-weight-900: 900;
78 
+
79 
+  --bs-body-font-family: var(--bs-font-primary);
80 
+  --bs-body-font-size: 1rem;
81 
+  --bs-body-font-weight: #{$font-weight-light};
82 
+
83 
+  --bs-body-line-height-lg: 1.5;
84 
+  --bs-body-line-height: 1.3;
85 
+  --bs-body-line-height-sm: 1.15;
86 
+  --bs-body-line-height-xs: 1;
87 
+
88 
+  --bs-body-color: #212529;
89 
+  --bs-body-color-rgb: 33, 37, 41;
90 
+
91 
+  --bs-body-bg: #fff;
92 
+  --bs-body-bg-rgb: 255, 255, 255;
93 
+
94 
+  --bs-body-color-inverse: #fff;
95 
+  --bs-headline-color: var(--bs-body-color);
96 
+  --bs-headline-font-weight: #{$font-weight-bold};
97 
+
98 
+
99 
+  --bs-border-radius-sm: 5px;
100 
+  --bs-border-radius: 10px;
101 
+  --bs-border-radius-xl: 25px;
102 
+
103 
+  --bs-base-box-shadow: 0 0 12px rgba(39, 39, 39, 0.15);
104 
+
105 
+  --bs-border-color: var(--bs-gray-300);
106 
+  --bs-header-navbar-bg: rgba(255, 255, 255, 0.9);
107 
+
108 
+  --bs-footer-top-bg: var(--bs-gray-600);
109 
+  --bs-footer-middle-bg: var(--bs-primary);
110 
+  --bs-footer-bottom-bg: var(--bs-black);
111 
+
112 
+  --swiper-theme-color: var(--bs-primary);
113 
+
114 
+  --bs-megamenu-width: 1100px;
115 
+  --bs-megamenu-background: rgba(0, 0, 0, 0.85);
116 
+  --bs-megamenu-overlay-background: rgba(var(--bs-white-rgb), 0.5);
117 
+  --bs-megamenu-lvl1-color: var(--bs-body-color-inverse);
118 
+  --bs-megamenu-lvl2-color: var(--bs-primary);
119 
+  --bs-megamenu-lvl3-color: var(--bs-body-color-inverse);
120 
+  --bs-megamenu-imageHeight: 125px;
121 
+
122 
+
123 
+  //Inputs
124 
+  --bs-input-border-radius: var(--bs-border-radius);
125 
+  --bs-input-border: 1px solid var(--bs-border-color);
126 
+  --bs-input-shadow: var(--bs-base-box-shadow);
127 
+  --bs-input-padding-x: .75rem;
128 
+  --bs-input-padding-y: 1rem;
129 
+  --bs-input-color: var(--bs-body-color);
130 
+  --bs-placeholder-color: var(--bs-body-color-rgb), 0.4;
131 
+
132 
+  //Shop
133 
+  --bs-shop-bg: var(--bs-gray-200);
134 
+  --bs-shop-filter-bg: var(--bs-gray-100);
135 
+
136 
+
137 
+  //Stöerer
138 
+  --bs-fixed-stoerer--bg: var(--bs-white);
139 
+  --bs-fixed-stoerer--color: var(--bs-primary);
140 
+  --bs-fixed-stoerer--font-size: 1.75rem;
141 
+  --bs-fixed-stoerer--padding: 5px;
142 
+  --bs-fixed-stoerer--box-shadow: var(--bs-base-box-shadow);
143 
+  --bs-fixed-stoerer--right: 0;
144 
+  --bs-fixed-stoerer--top: 35vh;
145 
+  --bs-fixed-stoerer--border-radius: 10px 0px 0px 10px;
146 
+
147 
+
148 
+  //MMenu
149 
+  --mm-line-height: 20px;
150 
+  --mm-listitem-size: 44px;
151 
+  --mm-navbar-size: 44px;
152 
+  --mm-offset-top: 0;
153 
+  --mm-offset-right: 0;
154 
+  --mm-offset-bottom: 0;
155 
+  --mm-offset-left: 0;
156 
+  --mm-color-border: rgba(0, 0, 0, 0.1);
157 
+  --mm-color-button: rgba(0, 0, 0, 0.3);
158 
+  --mm-color-text: var(--bs-body-color);
159 
+  --mm-color-text-dimmed: rgba(0, 0, 0, 0.3);
160 
+  --mm-color-text-highlighted: rgba(0, 0, 0, 0.05);
161 
+  --mm-color-background: var(--bs-body-bg);
162 
+  --mm-color-background-highlight: rgba(0, 0, 0, 0.05);
163 
+  --mm-color-background-emphasis: rgba(var(--bs-white-rgb), 0.4);
164 
+  --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
165 
+
166 
+  //variables-layout beachten
167 
+  --bs-container-width-sm: 540px;
168 
+  --bs-container-width-md: 720px;
169 
+  --bs-container-width-lg: 960px;
170 
+  --bs-container-width-xl: 1140px;
171 
+  --bs-container-width-xxl: 1600px;
172 
+
173 
+}