Skip to content

Commit 14dc808

Browse files
zenboxzenbox
committed
feat: Add SCSS helpers and mixins for improved styling and layout; include Bootstrap dependencies
1 parent d8ca6d1 commit 14dc808

File tree

103 files changed

+23910
-389
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

103 files changed

+23910
-389
lines changed

‎100vh.html

+78
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
<!DOCTYPE html>
2+
<html
3+
lang="de"
4+
data-bs-theme="light">
5+
<head>
6+
<meta charset="UTF-8" />
7+
<meta
8+
name="viewport"
9+
content="width=device-width, initial-scale=1.0" />
10+
<title>Responsive Template</title>
11+
<link
12+
rel="stylesheet"
13+
href="assets/css/bootstrap.css" />
14+
<link
15+
rel="stylesheet"
16+
href="assets/css/my-theme.css" />
17+
18+
<link
19+
rel="stylesheet"
20+
href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css" />
21+
<style>
22+
* {
23+
box-sizing: border-box;
24+
}
25+
body > * {
26+
border: 2px dashed red;
27+
background: hsla(120, 50%, 40%, 0.2);
28+
}
29+
/**/
30+
31+
body {
32+
display: flex;
33+
flex-direction: column;
34+
justify-content: space-between;
35+
36+
min-height: 100vh;
37+
margin: 0;
38+
39+
background: hsla(0, 50%, 40%, 0.2);
40+
}
41+
42+
header {
43+
height: 8rem;
44+
flex-grow: 0;
45+
overflow: hidden;
46+
}
47+
48+
main {
49+
flex-grow: 1;
50+
overflow: auto;
51+
}
52+
53+
footer {
54+
flex-grow: 0;
55+
min-height: 4rem;
56+
}
57+
</style>
58+
</head>
59+
<body>
60+
<header>header</header>
61+
<main>
62+
<p>main content</p>
63+
<p>main content</p>
64+
<p>main content</p>
65+
<p>main content</p>
66+
<p>main content</p>
67+
<p>main content</p>
68+
<p>main content</p>
69+
<p>main content</p>
70+
<p>main content</p>
71+
<p>main content</p>
72+
<p>main content</p>
73+
</main>
74+
<footer>footer</footer>
75+
76+
<script src="assets/js/bootstrap.js"></script>
77+
</body>
78+
</html>

0 commit comments

Comments
 (0)