Browse code

Progress

Benjamin Roth authored on14/12/2022 00:09:31
Showing1 changed files
1 1
deleted file mode 100644
... ...
@@ -1,161 +0,0 @@
1
-@if not-imported("import_once_func") { @import "import_once_func"; }
2
-@if not-imported("framework") { @import "framework"; }
3
-
4
-/*
5
- ------ HEADER ------
6
-*/
7
-#footer {
8
-  position: relative;
9
-  overflow: hidden;
10
-  color: $color-text-footer;
11
-  font-size: font-size(14px);
12
-  z-index: 0;
13
-  background: $color-bg-secondary url("../images/base/footer.jpg") no-repeat 50% 50%;
14
-  -webkit-background-size: 100% 100%;
15
-  background-size: 100% 100%;
16
-
17
-  .-footer-black & {
18
-    background: $color-bg-tertiary url("../images/base/footer_black.jpg") no-repeat 50% 50%;
19
-    -webkit-background-size: 100% 100%;
20
-    background-size: 100% 100%;
21
-
22
-    a {
23
-      &:hover,
24
-      &:active {
25
-        color: $color-link;
26
-      }
27
-    }
28
-  }
29
-
30
-  a {
31
-    color: $color-text-invert;
32
-
33
-    &:hover,
34
-    &:active {
35
-      color: $color-text;
36
-    }
37
-  }
38
-
39
-  .inside {
40
-  }
41
-
42
-  .mod_customnav {
43
-    margin-bottom: 4.5rem;
44
-    text-align: center;
45
-    .level_1 {
46
-      display: inline-flex;
47
-      justify-content: center;
48
-      flex-wrap: wrap;
49
-
50
-      > li {
51
-        padding: 0 15px 15px;
52
-      }
53
-    }
54
-  }
55
-
56
-  .social {
57
-    margin-top: 0;
58
-
59
-    .footer-social {
60
-      text-align: right;
61
-
62
-      @include for-mobile {
63
-        text-align: center;
64
-      }
65
-    }
66
-
67
-    .social-wrapper {
68
-      display: inline-block;
69
-      text-align: center;
70
-
71
-      p {
72
-        margin-bottom: 0;
73
-      }
74
-      svg {
75
-        font-size: 50px;
76
-      }
77
-    }
78
-  }
79
-
80
-  .partner {
81
-    .ce_text {
82
-      display: inline-flex;
83
-      align-items: center;
84
-      justify-content: flex-start;
85
-      white-space: nowrap;
86
-
87
-      .image_container {
88
-        margin-left: 1em;
89
-        order:1;
90
-        img {
91
-          opacity: .7;
92
-        }
93
-      }
94
-    }
95
-  }
96
-
97
-  .footer-content {
98
-    padding: 0 80px;
99
-  }
100
-
101
-  .footer-address {
102
-    font-weight: 400;
103
-    margin-top: 20px;
104
-    h5 {
105
-      font-size: font-size(20px);
106
-      .ff_a {
107
-        font-size: font-size(16px);
108
-        letter-spacing: normal;
109
-      }
110
-    }
111
-
112
-    a {
113
-      border-bottom: 1px $color-text-invert solid;
114
-      @include transition(color 0.2s ease, border-color 0.2s ease);
115
-
116
-      &:hover,
117
-      &:active {
118
-        border-bottom-color: $color-link;
119
-      }
120
-    }
121
-  }
122
-
123
-  .footer-right {
124
-    padding-left: 30px;
125
-  }
126
-
127
-  h5 {
128
-    @include small-caps;
129
-    font-size: font-size(22px);
130
-    color: $color-link;
131
-    letter-spacing: normal;
132
-  }
133
-
134
-  @include for-tablet {
135
-    .footer-content {
136
-      padding: 0 40px;
137
-    }
138
-
139
-    .footer-openinghours,
140
-    .footer-legalnav {
141
-      margin-top: 30px;
142
-    }
143
-    .footer-payment {
144
-      ul {
145
-        justify-content: center;
146
-      }
147
-    }
148
-    .rs-column {
149
-      text-align: center;
150
-    }
151
-    .footer-right {
152
-      padding-left: 0;
153
-    }
154
-  }
155
-
156
-  @include for-mobile {
157
-    .footer-content {
158
-      padding: 0 20px;
159
-    }
160
-  }
161
-}
162 0
\ No newline at end of file
Browse code

Initial commit

Benjamin Roth authored on07/11/2022 09:19:06
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,161 @@
1
+@if not-imported("import_once_func") { @import "import_once_func"; }
2
+@if not-imported("framework") { @import "framework"; }
3
+
4
+/*
5
+ ------ HEADER ------
6
+*/
7
+#footer {
8
+  position: relative;
9
+  overflow: hidden;
10
+  color: $color-text-footer;
11
+  font-size: font-size(14px);
12
+  z-index: 0;
13
+  background: $color-bg-secondary url("../images/base/footer.jpg") no-repeat 50% 50%;
14
+  -webkit-background-size: 100% 100%;
15
+  background-size: 100% 100%;
16
+
17
+  .-footer-black & {
18
+    background: $color-bg-tertiary url("../images/base/footer_black.jpg") no-repeat 50% 50%;
19
+    -webkit-background-size: 100% 100%;
20
+    background-size: 100% 100%;
21
+
22
+    a {
23
+      &:hover,
24
+      &:active {
25
+        color: $color-link;
26
+      }
27
+    }
28
+  }
29
+
30
+  a {
31
+    color: $color-text-invert;
32
+
33
+    &:hover,
34
+    &:active {
35
+      color: $color-text;
36
+    }
37
+  }
38
+
39
+  .inside {
40
+  }
41
+
42
+  .mod_customnav {
43
+    margin-bottom: 4.5rem;
44
+    text-align: center;
45
+    .level_1 {
46
+      display: inline-flex;
47
+      justify-content: center;
48
+      flex-wrap: wrap;
49
+
50
+      > li {
51
+        padding: 0 15px 15px;
52
+      }
53
+    }
54
+  }
55
+
56
+  .social {
57
+    margin-top: 0;
58
+
59
+    .footer-social {
60
+      text-align: right;
61
+
62
+      @include for-mobile {
63
+        text-align: center;
64
+      }
65
+    }
66
+
67
+    .social-wrapper {
68
+      display: inline-block;
69
+      text-align: center;
70
+
71
+      p {
72
+        margin-bottom: 0;
73
+      }
74
+      svg {
75
+        font-size: 50px;
76
+      }
77
+    }
78
+  }
79
+
80
+  .partner {
81
+    .ce_text {
82
+      display: inline-flex;
83
+      align-items: center;
84
+      justify-content: flex-start;
85
+      white-space: nowrap;
86
+
87
+      .image_container {
88
+        margin-left: 1em;
89
+        order:1;
90
+        img {
91
+          opacity: .7;
92
+        }
93
+      }
94
+    }
95
+  }
96
+
97
+  .footer-content {
98
+    padding: 0 80px;
99
+  }
100
+
101
+  .footer-address {
102
+    font-weight: 400;
103
+    margin-top: 20px;
104
+    h5 {
105
+      font-size: font-size(20px);
106
+      .ff_a {
107
+        font-size: font-size(16px);
108
+        letter-spacing: normal;
109
+      }
110
+    }
111
+
112
+    a {
113
+      border-bottom: 1px $color-text-invert solid;
114
+      @include transition(color 0.2s ease, border-color 0.2s ease);
115
+
116
+      &:hover,
117
+      &:active {
118
+        border-bottom-color: $color-link;
119
+      }
120
+    }
121
+  }
122
+
123
+  .footer-right {
124
+    padding-left: 30px;
125
+  }
126
+
127
+  h5 {
128
+    @include small-caps;
129
+    font-size: font-size(22px);
130
+    color: $color-link;
131
+    letter-spacing: normal;
132
+  }
133
+
134
+  @include for-tablet {
135
+    .footer-content {
136
+      padding: 0 40px;
137
+    }
138
+
139
+    .footer-openinghours,
140
+    .footer-legalnav {
141
+      margin-top: 30px;
142
+    }
143
+    .footer-payment {
144
+      ul {
145
+        justify-content: center;
146
+      }
147
+    }
148
+    .rs-column {
149
+      text-align: center;
150
+    }
151
+    .footer-right {
152
+      padding-left: 0;
153
+    }
154
+  }
155
+
156
+  @include for-mobile {
157
+    .footer-content {
158
+      padding: 0 20px;
159
+    }
160
+  }
161
+}
0 162
\ No newline at end of file