Skip to content

Commit ba661e5

Browse files
committed
feat: stylization of the base layout
1 parent 2a9df7a commit ba661e5

1 file changed

Lines changed: 64 additions & 0 deletions

File tree

assets/style/index.css

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
* {
2+
outline: none;
3+
margin: 0;
4+
padding: 0;
5+
font-family: sans-serif;
6+
7+
box-sizing: border-box;
8+
}
9+
10+
html, body {
11+
height: 100%;
12+
overflow: hidden;
13+
14+
scroll-behavior: smooth;
15+
}
16+
17+
main {
18+
position: relative;
19+
width: 200%;
20+
height: 400%;
21+
}
22+
main > section {
23+
position: relative;
24+
float: left;
25+
width: 50%;
26+
height: calc(25% - 50px);
27+
overflow: hidden;
28+
29+
display: flex;
30+
flex-flow: column;
31+
}
32+
33+
footer {
34+
position: fixed;
35+
left: 0;
36+
bottom: 0;
37+
width: 100%;
38+
height: 50px;
39+
background-color: #24292e;
40+
41+
z-index: 3;
42+
}
43+
footer > h3 {
44+
display: block;
45+
width: 100%;
46+
height: 40%;
47+
text-align: center;
48+
font-weight: normal;
49+
color: #fff;
50+
}
51+
footer > div {
52+
width: 100%;
53+
height: 60%;
54+
text-align: center;
55+
font-size: 14px;
56+
57+
display: flex;
58+
justify-content: space-between;
59+
align-items: center;
60+
}
61+
footer > div > a {
62+
padding: 0 5px 0 10px;
63+
color: #fff;
64+
}

0 commit comments

Comments
 (0)