new css framework and layout

This commit is contained in:
2021-10-19 23:04:41 +01:00
parent 86ced7369c
commit f868e56103
14 changed files with 110 additions and 219 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

1
css/spectre.min.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -3,48 +3,18 @@ html {
}
header {
margin-top: 2rem;
margin-bottom: 4rem;
padding-left: 1rem !important;
padding-right: 1rem !important;
box-sizing: border-box;
margin-right: 0;
padding: 1rem 0;
}
header div {
text-align: center;
}
header a {
display: inline-block;
text-align: center;
font-size: 1.5rem;
position: relative;
}
header a::after {
content: '';
display: inline-block;
position: absolute;
left: 25%;
bottom: -0.4rem;
width: 50%;
height: 1px;
background: #9b4dca;
transition: all 0.3s;
}
header a:hover::after {
left: 0%;
width: 100%;
background: #606c76;
main {
padding: 1rem 2rem;
}
.vertical-space {
width: 100%;
height: 1px;
margin-top: 2rem;
margin-bottom: 2rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
.text-center {
@ -67,10 +37,6 @@ header a:hover::after {
margin-top: 1rem;
}
.heading h1, .heading h2 {
text-align: center;
}
svg {
max-width: 100%;
}