Skip to content

Commit c4082c7

Browse files
alexmojakialexmojaki
authored
Merge pull request alexmojaki#72 from ChrisjanWust/style
Overhauled home page
2 parents 2addde9 + 7a69867 commit c4082c7

40 files changed

+2921
-85
lines changed

‎.gitignore‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,6 +120,9 @@ venv.bak/
120120
# mkdocs documentation
121121
/site
122122

123+
# Jetbrains tools
124+
.idea/
125+
123126
# mypy
124127
.mypy_cache/
125128
.dmypy.json
@@ -130,3 +133,6 @@ dmypy.json
130133

131134
backend/static/
132135
backend/main/tests/error_screenshot.png
136+
137+
# temporary local files
138+
tmp/

‎backend/main/static/css/brochure/_normalize.scss‎

Lines changed: 236 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,236 @@
1+
html {
2+
line-height: 1.15;
3+
-ms-text-size-adjust: 100%;
4+
-webkit-text-size-adjust: 100%;
5+
scroll-behavior: smooth;
6+
}
7+
8+
body {
9+
margin: 0;
10+
}
11+
12+
article,
13+
aside,
14+
footer,
15+
header,
16+
nav,
17+
section {
18+
display: block;
19+
}
20+
21+
section{
22+
margin-bottom: 80px;
23+
}
24+
25+
h1 {
26+
font-size: 2em;
27+
margin: 0.67em 0;
28+
}
29+
30+
figcaption,
31+
figure,
32+
main {
33+
display: block;
34+
}
35+
36+
figure {
37+
margin: 1em 40px;
38+
}
39+
40+
hr {
41+
box-sizing: content-box;
42+
height: 0;
43+
overflow: visible;
44+
}
45+
46+
pre {
47+
font-family: monospace, monospace;
48+
font-size: 1em;
49+
}
50+
51+
a {
52+
background-color: transparent;
53+
-webkit-text-decoration-skip: objects;
54+
}
55+
56+
abbr[title] {
57+
border-bottom: none;
58+
text-decoration: underline;
59+
text-decoration: underline dotted;
60+
}
61+
62+
b,
63+
strong {
64+
font-weight: inherit;
65+
}
66+
67+
b,
68+
strong {
69+
font-weight: bolder;
70+
}
71+
72+
code,
73+
kbd,
74+
samp {
75+
font-family: monospace, monospace;
76+
font-size: 1em;
77+
}
78+
79+
dfn {
80+
font-style: italic;
81+
}
82+
83+
mark {
84+
background-color: #ff0;
85+
color: #000;
86+
}
87+
88+
small {
89+
font-size: 80%;
90+
}
91+
92+
sub,
93+
sup {
94+
font-size: 75%;
95+
line-height: 0;
96+
position: relative;
97+
vertical-align: baseline;
98+
}
99+
100+
sub {
101+
bottom: -0.25em;
102+
}
103+
104+
sup {
105+
top: -0.5em;
106+
}
107+
108+
audio,
109+
video {
110+
display: inline-block;
111+
}
112+
113+
audio:not([controls]) {
114+
display: none;
115+
height: 0;
116+
}
117+
118+
img {
119+
border-style: none;
120+
}
121+
122+
svg:not(:root) {
123+
overflow: hidden;
124+
}
125+
126+
button,
127+
input,
128+
optgroup,
129+
select,
130+
textarea {
131+
font-family: sans-serif;
132+
font-size: 100%;
133+
line-height: 1.15;
134+
margin: 0;
135+
}
136+
137+
button,
138+
input {
139+
overflow: visible;
140+
}
141+
142+
button,
143+
select {
144+
text-transform: none;
145+
}
146+
147+
button,
148+
html [type="button"],
149+
[type="reset"],
150+
[type="submit"] {
151+
-webkit-appearance: button;
152+
}
153+
154+
button::-moz-focus-inner,
155+
[type="button"]::-moz-focus-inner,
156+
[type="reset"]::-moz-focus-inner,
157+
[type="submit"]::-moz-focus-inner {
158+
border-style: none;
159+
padding: 0;
160+
}
161+
162+
button:-moz-focusring,
163+
[type="button"]:-moz-focusring,
164+
[type="reset"]:-moz-focusring,
165+
[type="submit"]:-moz-focusring {
166+
outline: 1px dotted ButtonText;
167+
}
168+
169+
fieldset {
170+
padding: 0.35em 0.75em 0.625em;
171+
}
172+
173+
legend {
174+
box-sizing: border-box;
175+
color: inherit;
176+
display: table;
177+
max-width: 100%;
178+
padding: 0;
179+
white-space: normal;
180+
}
181+
182+
progress {
183+
display: inline-block;
184+
vertical-align: baseline;
185+
}
186+
187+
textarea {
188+
overflow: auto;
189+
}
190+
191+
[type="checkbox"],
192+
[type="radio"] {
193+
box-sizing: border-box;
194+
padding: 0;
195+
}
196+
197+
[type="number"]::-webkit-inner-spin-button,
198+
[type="number"]::-webkit-outer-spin-button {
199+
height: auto;
200+
}
201+
202+
[type="search"] {
203+
-webkit-appearance: textfield;
204+
outline-offset: -2px;
205+
}
206+
207+
[type="search"]::-webkit-search-cancel-button,
208+
[type="search"]::-webkit-search-decoration {
209+
-webkit-appearance: none;
210+
}
211+
212+
::-webkit-file-upload-button {
213+
-webkit-appearance: button;
214+
font: inherit;
215+
}
216+
217+
details,
218+
menu {
219+
display: block;
220+
}
221+
222+
summary {
223+
display: list-item;
224+
}
225+
226+
canvas {
227+
display: inline-block;
228+
}
229+
230+
template {
231+
display: none;
232+
}
233+
234+
[hidden] {
235+
display: none;
236+
}

‎backend/main/static/css/brochure/abstracts/_functions.scss‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
// --------------------------------------------------------------------
2+
// Retrieve Font Size -------------------------------------------------
3+
// Used in _mixins.scss [@mixin font-size] ----------------------------
4+
// --------------------------------------------------------------------
5+
@function get-font-size($size, $elem) {
6+
@return nth(map-get(map-get($font__scale, $elem), $size), 1);
7+
}
8+
9+
// --------------------------------------------------------------------
10+
// Retrieve Line Height -----------------------------------------------
11+
// Used in _mixins.scss [@mixin font-size] ----------------------------
12+
// --------------------------------------------------------------------
13+
@function get-line-height($size, $elem) {
14+
@return nth(map-get(map-get($font__scale, $elem), $size), 2);
15+
}
16+
17+
// --------------------------------------------------------------------
18+
// Retrieve Kerning ---------------------------------------------------
19+
// Used in _mixins.scss [@mixin font-size] ----------------------------
20+
// --------------------------------------------------------------------
21+
@function get-kerning($size, $elem) {
22+
@return nth(map-get(map-get($font__scale, $elem), $size), 3);
23+
}
24+
25+
// --------------------------------------------------------------------
26+
// Retrieve Font Family -----------------------------------------------
27+
// Used in _mixins.scss [@mixin font-family] --------------------------
28+
// --------------------------------------------------------------------
29+
@function get-font-family($elem) {
30+
@return map-get($font__family, $elem);
31+
}
32+
33+
// --------------------------------------------------------------------
34+
// Retrieve Font Weight -----------------------------------------------
35+
// Used in _mixins.scss [@mixin font-weight] --------------------------
36+
// --------------------------------------------------------------------
37+
@function get-font-weight($elem) {
38+
@return map-get($font__weight, $elem);
39+
}
40+
41+
// --------------------------------------------------------------------
42+
// Retrieve Padding of Content Area Elements --------------------------
43+
// Used in _mixins.scss [@mixin font-size] ----------------------------
44+
// --------------------------------------------------------------------
45+
@function get-content-padding($elem) {
46+
@return map-get($content__padding, $elem);
47+
}
48+
49+
// --------------------------------------------------------------------
50+
// Retrieve Colors ----------------------------------------------------
51+
// Usage: color(typography, 1) ----------------------------------------------
52+
// --------------------------------------------------------------------
53+
@function color($elem, $variant) {
54+
@return map-get(map-get($color, $elem), $variant);
55+
}

0 commit comments

Comments
 (0)