Update related styles
This commit is contained in:
Cotes Chung
parent
df3a703988
commit
1c758cf4a2
4 changed files with 43 additions and 33 deletions
|
|
@ -223,19 +223,16 @@ i { // fontawesome icons
|
|||
}
|
||||
}
|
||||
|
||||
span {
|
||||
@include panel-label;
|
||||
}
|
||||
|
||||
.post-content {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#access-tags {
|
||||
> div.post-content > div {
|
||||
max-width: 80%;
|
||||
#panel-wrapper {
|
||||
h4 {
|
||||
@include panel-label;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.post-tag {
|
||||
|
|
@ -996,7 +993,11 @@ $sidebar-display: "sidebar-display";
|
|||
}
|
||||
|
||||
#search-hints {
|
||||
display: none;
|
||||
padding: 0 1rem;
|
||||
|
||||
h4 {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.post-tag {
|
||||
display: inline-block;
|
||||
|
|
@ -1005,13 +1006,15 @@ $sidebar-display: "sidebar-display";
|
|||
background: var(--search-tag-bg);
|
||||
border: none;
|
||||
padding: 0.5rem;
|
||||
margin: 0 1rem 1rem 0;
|
||||
margin: 0 1.25rem 1rem 0;
|
||||
|
||||
&::before {
|
||||
content: "#";
|
||||
color: var(--text-muted-color);
|
||||
padding-right: 0.2rem;
|
||||
}
|
||||
|
||||
@extend %link-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1068,7 +1071,7 @@ $sidebar-display: "sidebar-display";
|
|||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#page {
|
||||
#core-wrapper {
|
||||
.categories,
|
||||
#tags,
|
||||
#archives {
|
||||
|
|
@ -1105,20 +1108,28 @@ $sidebar-display: "sidebar-display";
|
|||
@include pl-pr(0);
|
||||
}
|
||||
|
||||
#main > div.row:first-child > div {
|
||||
&:nth-child(1),
|
||||
&:nth-child(2) {
|
||||
margin-top: $topbar-height; /* same as the height of topbar */
|
||||
#main {
|
||||
.row:first-child {
|
||||
> div {
|
||||
&: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 {
|
||||
/* 3rem for topbar, 6rem for footer */
|
||||
min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$post-extend-min-height});
|
||||
.row.alone {
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
#post-wrapper {
|
||||
min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$post-extend-min-height}) !important;
|
||||
#core-wrapper {
|
||||
min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$bottom-min-height}) !important;
|
||||
}
|
||||
|
||||
#topbar-wrapper.row,
|
||||
|
|
@ -1175,8 +1186,8 @@ $sidebar-display: "sidebar-display";
|
|||
min-height: calc(100vh - #{$topbar-height} - #{$footer-height});
|
||||
}
|
||||
|
||||
#post-wrapper {
|
||||
min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$post-extend-min-height}) !important;
|
||||
#core-wrapper {
|
||||
min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$bottom-min-height}) !important;
|
||||
|
||||
h1 {
|
||||
margin-top: 2.2rem;
|
||||
|
|
@ -1318,18 +1329,13 @@ $sidebar-display: "sidebar-display";
|
|||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
#search-hints {
|
||||
display: block;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
#tags {
|
||||
-webkit-box-pack: center !important;
|
||||
-ms-flex-pack: center !important;
|
||||
justify-content: center !important;
|
||||
}
|
||||
|
||||
#page h1.dynamic-title {
|
||||
h1.dynamic-title {
|
||||
display: none;
|
||||
|
||||
~ .post-content {
|
||||
|
|
@ -1523,6 +1529,10 @@ $sidebar-display: "sidebar-display";
|
|||
}
|
||||
}
|
||||
|
||||
#search-hints {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.post-content {
|
||||
font-size: 1.03rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@
|
|||
}
|
||||
|
||||
%section {
|
||||
#post-wrapper & {
|
||||
#core-wrapper & {
|
||||
line-height: 1.2;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@ $main-content-max-width: 1150px !default;
|
|||
|
||||
$panel-max-width: 300px !default;
|
||||
|
||||
$post-extend-min-height: 35rem !default;
|
||||
$bottom-min-height: 35rem !default;
|
||||
|
||||
/* syntax highlight */
|
||||
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
padding-right: $pr;
|
||||
}
|
||||
|
||||
#post-wrapper .post-meta {
|
||||
h1 + .post-meta {
|
||||
> div:nth-child(2) {
|
||||
> span:not(:first-child)::before {
|
||||
@include dot;
|
||||
|
|
@ -220,7 +220,7 @@ nav[data-toggle=toc] {
|
|||
}
|
||||
}
|
||||
|
||||
#post-extend-wrapper {
|
||||
#tail-wrapper {
|
||||
min-height: 2rem;
|
||||
|
||||
#disqus_thread {
|
||||
|
|
@ -339,8 +339,8 @@ nav[data-toggle=toc] {
|
|||
}
|
||||
|
||||
@media all and (min-width: 768px) {
|
||||
#post-wrapper {
|
||||
.post-meta {
|
||||
#core-wrapper {
|
||||
h1 + .post-meta {
|
||||
> div:not(:first-child)::before {
|
||||
@include dot(0.5rem, 0.2rem);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue