hopeless-cloud/assets/scss/_single.scss
2023-06-14 21:16:37 +02:00

116 lines
1.8 KiB
SCSS

#scrollToTopButton{
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
}
#verification{
display: flex;
flex-direction: column;
align-items: center;
margin-top: 20vh;
#secret-word{
font-size: 1.5rem;
margin-bottom: 1rem;
}
form {
display: flex;
flex-direction: column;
width: auto;
input[type="password"] {
margin-bottom: 1.5rem;
padding: 10px 20px;
}
input[type="submit"] {
padding: 10px 20px;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: $main-orange;
}
}
}
.hidden{
display: none;
}
.single-container{
.archive{
.author-image {
object-fit: cover;
border-radius: 50%;
width: 48px;
height: 48px;
}
.author-info {
display: flex;
font-size: 1rem;
}
.small-categories-container {
margin-right: 3rem;
text-align: right;
}
.article-content > :not(.toc-container){
a{
color: #6086b4;
}
}
}
.pre-and-post {
display: flex;
margin: 5px 0;
justify-content: space-between;
a {
font-weight: bolder;
}
}
.article-content {
margin: 2rem 0;
}
}
@media (max-width: 768px) {
#verification{
#secret-word{
font-size: 1rem;
margin-top: 1rem;
}
form {
input[type="password"] {
padding: 10px 20px;
width: auto;
margin-bottom: 1rem;
}
input[type="submit"] {
padding: 10px 20px;
cursor: pointer;
background-color: $main-orange;
}
}
}
.single-container .title {
text-align: left;
.small-categories-container {
margin-right: 5vw;
}
}
}