This repository has been archived on 2020-10-30. You can view files and clone it, but cannot push or open issues or pull requests.
hugo-blog/assets/css/_about.scss

92 lines
1.3 KiB
SCSS
Raw Permalink Normal View History

2020-02-19 21:42:08 +00:00
.page.about {
&.header-expanded .wrapper {
.navigation {
z-index: 10;
}
&::before {
content: "";
z-index: -1;
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
header {
z-index: 5;
position: relative;
margin-top: 0;
margin-bottom: 9.6rem;
height: calc(100vh - 1.6em);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 1.3em;
@media (min-width: 768px) {
margin-bottom: 8.4rem;
}
}
2020-02-24 21:37:05 +00:00
.intro p {
font-size: 2.2rem;
margin: 0.5rem 0;
}
h1 {
font-size: 3.2rem;
margin: 0.75rem;
}
.more-hint {
position: absolute;
right: 50%;
bottom: 0;
transform: translateX(50%);
font-size: 1em;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.more-scroll {
font-size: 2em;
}
.more-svg {
height: 3em;
width: 3em;
}
}
2020-02-19 21:42:08 +00:00
.content {
text-align: center;
2020-02-24 21:37:05 +00:00
font-size: 1.3em;
2020-02-19 21:42:08 +00:00
}
ul {
padding-left: 0;
list-style: none;
}
p {
2020-02-19 21:42:08 +00:00
margin: 3rem;
}
li p {
2020-02-19 21:42:08 +00:00
margin: 2rem 0;
}
h2 {
font-size: 1.4em;
2020-02-19 21:42:08 +00:00
}
2020-02-20 21:34:46 +00:00
h3 {
font-size: 1.1em;
}
2020-02-19 21:42:08 +00:00
}