add footer and style home
This commit is contained in:
parent
1d135a1b7d
commit
61c1067f22
14 changed files with 364 additions and 447 deletions
58
assets/css/src/html.css
Normal file
58
assets/css/src/html.css
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
body {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
min-height: 100vh;
|
||||
padding: var(--unit--vertical) var(--unit--horizontal);
|
||||
background-color: var(--color-background);
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
hr {
|
||||
height: calc(var(--unit--vertical) / 2);
|
||||
border: none;
|
||||
background-color: var(--color-primary);
|
||||
width: calc(var(--unit--horizontal) * 4);
|
||||
margin: calc(var(--unit--vertical) * 2) calc(var(--unit--horizontal));
|
||||
}
|
||||
|
||||
nav hr {
|
||||
background-color: var(--color-background);
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* ================= SCROLLBAR ================= */
|
||||
body,
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
/* Works on Firefox */
|
||||
|
||||
* {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
|
||||
}
|
||||
|
||||
/* Works on Chrome, Edge, and Safari */
|
||||
|
||||
*::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
a:not(.no-line) {
|
||||
text-decoration: dotted;
|
||||
text-decoration-color: #fff;
|
||||
text-decoration-line: underline;
|
||||
text-underline-offset: 0.2rem;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue