maik/Personal-Website
1
0
Fork 0
mirror of https://github.com/maikka39/Personal-Website.git synced 2026-10-24 06:56:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix indentation

Browse Source
This commit is contained in:
maik
2025-01-05 01:13:00 +01:00
parent 31a552963f
commit 46c6f9037e
1 changed files with 189 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/maik-blog/assets/scss/_post.scss
+189 -188
View File
@@ -1,222 +1,223 @@
.post { .post {
width: 100%; width: 100%;
max-width: 1000px; max-width: 1000px;
text-align: left; text-align: left;
padding: 20px; padding: 20px;
margin: 20px auto; margin: 20px auto;
position: relative;
@media #{$media-size-tablet} {
max-width: 600px;
}
@media #{$media-size-medium} {
max-width: 800px;
}
&-date {
&:after {
content: "—";
}
}
&-title {
font-size: 2.625rem;
margin: 0 0 20px;
@media #{$media-size-phone} {
font-size: 2rem;
}
a {
text-decoration: none;
}
}
&-subtitle {
font-size: 1.9rem;
margin: -15px 0 20px;
@media #{$media-size-phone} {
font-size: 1.6rem;
}
}
&-breadcrumbs {
font-size: 1.15rem;
margin: 10px 0 5px;
@media #{$media-size-phone} {
font-size: 0.9rem;
}
}
&-description {
font-size: 1.15rem;
@media #{$media-size-phone} {
font-size: 1.075rem;
}
}
&-tags {
display: block;
margin-bottom: 20px;
font-size: 1rem;
opacity: 0.5;
a {
text-decoration: none;
}
}
&-content {
margin-top: 30px;
}
&-cover {
border-radius: 8px;
margin: 30px -5.20%;
width: 110%;
max-width: 110%;
text-decoration: none;
@media #{$media-size-medium} {
max-width: 860px;
}
@media #{$media-size-tablet} { @media #{$media-size-tablet} {
margin: 20px 0; max-width: 600px;
width: 100% !important; }
@media #{$media-size-medium} {
max-width: 800px;
} }
img { &-date {
width: 100%; &:after {
} content: "—";
} }
&-info {
margin-top: 30px;
font-size: 0.8rem;
line-height: normal;
@include dimmed;
p {
margin: 0.8em 0;
} }
a:hover { &-title {
border-bottom: 1px solid white; font-size: 2.625rem;
margin: 0 0 20px;
@media #{$media-size-phone} {
font-size: 2rem;
}
a {
text-decoration: none;
}
} }
svg { &-subtitle {
margin-right: 0.8em; font-size: 1.9rem;
margin: -15px 0 20px;
@media #{$media-size-phone} {
font-size: 1.6rem;
}
} }
.tag { &-breadcrumbs {
margin-right: 0.5em; font-size: 1.15rem;
display: inline-block; margin: 10px 0 5px;
&::before { @media #{$media-size-phone} {
content: "#"; font-size: 0.9rem;
} }
} }
}
.flag { &-description {
border-radius: 50%; font-size: 1.15rem;
margin: 0 5px; @media #{$media-size-phone} {
} font-size: 1.075rem;
}
}
&-tags {
display: block;
margin-bottom: 20px;
font-size: 1rem;
opacity: 0.5;
a {
text-decoration: none;
}
}
&-content {
margin-top: 30px;
}
&-cover {
border-radius: 8px;
margin: 30px -5.2%;
width: 110%;
max-width: 110%;
text-decoration: none;
@media #{$media-size-medium} {
max-width: 860px;
}
@media #{$media-size-tablet} {
margin: 20px 0;
width: 100% !important;
}
img {
width: 100%;
}
}
&-info {
margin-top: 30px;
font-size: 0.8rem;
line-height: normal;
@include dimmed;
p {
margin: 0.8em 0;
}
a:hover {
border-bottom: 1px solid white;
}
svg {
margin-right: 0.8em;
}
.tag {
margin-right: 0.5em;
display: inline-block;
&::before {
content: "#";
}
}
}
.flag {
border-radius: 50%;
margin: 0 5px;
}
} }
.pagination { .pagination {
margin-top: 20px; margin-top: 20px;
&__title { &__title {
display: flex; display: flex;
text-align: center; text-align: center;
position: relative; position: relative;
margin: 20px 0; margin: 20px 0;
&-h { &-h {
text-align: center; text-align: center;
margin: 0 auto; margin: 0 auto;
padding: 5px 10px; padding: 5px 10px;
background: $light-background; background: $light-background;
color: $light-color-secondary; color: $light-color-secondary;
font-size: 0.8rem; font-size: 0.8rem;
text-transform: uppercase; text-transform: uppercase;
text-decoration: none; text-decoration: none;
letter-spacing: 0.1em; letter-spacing: 0.1em;
z-index: 1; z-index: 1;
.dark-theme & { .dark-theme & {
background: $dark-background; background: $dark-background;
color: $dark-color-secondary; color: $dark-color-secondary;
} }
}
hr {
position: absolute;
left: 0;
right: 0;
width: 100%;
margin-top: 15px;
z-index: 0;
}
} }
hr { &__buttons {
position: absolute; display: flex;
left: 0; align-items: center;
right: 0; justify-content: center;
width: 100%;
margin-top: 15px;
z-index: 0;
}
}
&__buttons { a {
display: flex; text-decoration: none;
align-items: center; font-weight: bold;
justify-content: center; }
a {
text-decoration: none;
font-weight: bold;
} }
}
} }
.button { .button {
position: relative; position: relative;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: $light-background-secondary; background: $light-background-secondary;
font-size: 1rem; font-size: 1rem;
font-weight: 600; font-weight: 600;
border-radius: 8px; border-radius: 8px;
max-width: 40%; max-width: 40%;
padding: 0; padding: 0;
cursor: pointer; cursor: pointer;
appearance: none; appearance: none;
.dark-theme & { .dark-theme & {
background: $dark-background-secondary; background: $dark-background-secondary;
} }
+ .button { + .button {
margin-left: 10px; margin-left: 10px;
} }
a { a {
display: flex; display: flex;
padding: 8px 16px; padding: 8px 16px;
text-decoration: none; text-decoration: none;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
} }
&__text { &__text {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
} }
&.next .button__icon { &.next .button__icon {
margin-left: 8px; margin-left: 8px;
} }
&.previous .button__icon { &.previous .button__icon {
margin-right: 8px; margin-right: 8px;
} }
} }