asandikci.com/web
1
0
Fork 0
Code Issues 10 Pull requests Projects Releases Packages Wiki Activity Actions

Update related styles

Browse source
This commit is contained in:
Cotes Chung 2021-12-01 21:49:51 +08:00
parent df3a703988
commit 1c758cf4a2
4 changed files with 43 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
_sass/addon/commons.scss
View file

@ -223,19 +223,16 @@ i { // fontawesome icons
} }
} }
span {
@include panel-label;
}
.post-content { .post-content {
font-size: 0.9rem; font-size: 0.9rem;
} }
} }
#access-tags { #panel-wrapper {
> div.post-content > div { h4 {
max-width: 80%; @include panel-label;
font-family: inherit;
} }
.post-tag { .post-tag {
@ -996,7 +993,11 @@ $sidebar-display: "sidebar-display";
} }
#search-hints { #search-hints {
display: none; padding: 0 1rem;
h4 {
margin-bottom: 1.5rem;
}
.post-tag { .post-tag {
display: inline-block; display: inline-block;
@ -1005,13 +1006,15 @@ $sidebar-display: "sidebar-display";
background: var(--search-tag-bg); background: var(--search-tag-bg);
border: none; border: none;
padding: 0.5rem; padding: 0.5rem;
margin: 0 1rem 1rem 0; margin: 0 1.25rem 1rem 0;
&::before { &::before {
content: "#"; content: "#";
color: var(--text-muted-color); color: var(--text-muted-color);
padding-right: 0.2rem; padding-right: 0.2rem;
} }
@extend %link-color;
} }
} }
@ -1068,7 +1071,7 @@ $sidebar-display: "sidebar-display";
white-space: nowrap; white-space: nowrap;
} }
#page { #core-wrapper {
.categories, .categories,
#tags, #tags,
#archives { #archives {
@ -1105,20 +1108,28 @@ $sidebar-display: "sidebar-display";
@include pl-pr(0); @include pl-pr(0);
} }
#main > div.row:first-child > div { #main {
&:nth-child(1), .row:first-child {
&:nth-child(2) { > div {
margin-top: $topbar-height; /* same as the height of topbar */ &:nth-child(1),
&:nth-child(2) {
margin-top: $topbar-height; /* same as the height of topbar */
}
&:first-child {
/* 3rem for topbar, 6rem for footer */
min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$bottom-min-height});
}
}
} }
&:first-child { .row.alone {
/* 3rem for topbar, 6rem for footer */ margin-bottom: 4rem;
min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$post-extend-min-height});
} }
} }
#post-wrapper { #core-wrapper {
min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$post-extend-min-height}) !important; min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$bottom-min-height}) !important;
} }
#topbar-wrapper.row, #topbar-wrapper.row,
@ -1175,8 +1186,8 @@ $sidebar-display: "sidebar-display";
min-height: calc(100vh - #{$topbar-height} - #{$footer-height}); min-height: calc(100vh - #{$topbar-height} - #{$footer-height});
} }
#post-wrapper { #core-wrapper {
min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$post-extend-min-height}) !important; min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$bottom-min-height}) !important;
h1 { h1 {
margin-top: 2.2rem; margin-top: 2.2rem;
@ -1318,18 +1329,13 @@ $sidebar-display: "sidebar-display";
letter-spacing: 0; letter-spacing: 0;
} }
#search-hints {
display: block;
padding: 0 1rem;
}
#tags { #tags {
-webkit-box-pack: center !important; -webkit-box-pack: center !important;
-ms-flex-pack: center !important; -ms-flex-pack: center !important;
justify-content: center !important; justify-content: center !important;
} }
#page h1.dynamic-title { h1.dynamic-title {
display: none; display: none;
~ .post-content { ~ .post-content {
@ -1523,6 +1529,10 @@ $sidebar-display: "sidebar-display";
} }
} }
#search-hints {
display: none;
}
.post-content { .post-content {
font-size: 1.03rem; font-size: 1.03rem;
} }

2
_sass/addon/module.scss
View file

@ -48,7 +48,7 @@
} }
%section { %section {
#post-wrapper & { #core-wrapper & {
line-height: 1.2; line-height: 1.2;
margin-bottom: 1rem; margin-bottom: 1rem;
} }

2
_sass/addon/variables.scss
View file

@ -27,7 +27,7 @@ $main-content-max-width: 1150px !default;
$panel-max-width: 300px !default; $panel-max-width: 300px !default;
$post-extend-min-height: 35rem !default; $bottom-min-height: 35rem !default;
/* syntax highlight */ /* syntax highlight */

8
_sass/layout/post.scss
View file

@ -23,7 +23,7 @@
padding-right: $pr; padding-right: $pr;
} }
#post-wrapper .post-meta { h1 + .post-meta {
> div:nth-child(2) { > div:nth-child(2) {
> span:not(:first-child)::before { > span:not(:first-child)::before {
@include dot; @include dot;
@ -220,7 +220,7 @@ nav[data-toggle=toc] {
} }
} }
#post-extend-wrapper { #tail-wrapper {
min-height: 2rem; min-height: 2rem;
#disqus_thread { #disqus_thread {
@ -339,8 +339,8 @@ nav[data-toggle=toc] {
} }
@media all and (min-width: 768px) { @media all and (min-width: 768px) {
#post-wrapper { #core-wrapper {
.post-meta { h1 + .post-meta {
> div:not(:first-child)::before { > div:not(:first-child)::before {
@include dot(0.5rem, 0.2rem); @include dot(0.5rem, 0.2rem);
} }