enhance post typography
This commit is contained in:
parent
368da1791e
commit
9377da773c
|
@ -42,7 +42,7 @@
|
|||
bottom: 60px;
|
||||
right: 30px;
|
||||
z-index: 99;
|
||||
background: var(--tertiary);
|
||||
background: var(--tertiary-bg);
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
padding: 12px;
|
||||
|
@ -63,5 +63,5 @@
|
|||
|
||||
/* InstantClick css */
|
||||
#instantclick-bar {
|
||||
background: var(--tertiary);
|
||||
background: var(--tertiary-bg);
|
||||
}
|
||||
|
|
|
@ -1,16 +1,19 @@
|
|||
.page-header,
|
||||
.post-header {
|
||||
margin: 24px auto var(--content-gap) auto;
|
||||
margin: 32px 0;
|
||||
}
|
||||
|
||||
.post-title {
|
||||
margin-bottom: 2px;
|
||||
font-size: 40px;
|
||||
margin: var(--content-gap) 0;
|
||||
}
|
||||
|
||||
.post-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 5px;
|
||||
margin: var(--content-gap) 0;
|
||||
color: var(--secondary);
|
||||
opacity: .8;
|
||||
padding-left: .5em;
|
||||
border-left: 3px solid var(--tertiary);
|
||||
}
|
||||
|
||||
.post-meta,
|
||||
|
@ -31,6 +34,10 @@
|
|||
margin: auto 3px;
|
||||
box-shadow: 0 1px 0 var(--secondary);
|
||||
}
|
||||
.post-meta .delimiter {
|
||||
margin-inline-start: .5em;
|
||||
margin-inline-end: .5em;
|
||||
}
|
||||
|
||||
.breadcrumbs a {
|
||||
font-size: 16px;
|
||||
|
@ -263,7 +270,7 @@ h6:hover .anchor {
|
|||
.post-content hr {
|
||||
margin: 30px 0;
|
||||
height: 2px;
|
||||
background: var(--tertiary);
|
||||
background: var(--tertiary-bg);
|
||||
border-top: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
}
|
||||
|
||||
.button {
|
||||
background: var(--tertiary);
|
||||
background: var(--tertiary-bg);
|
||||
border-radius: var(--radius);
|
||||
margin: 8px;
|
||||
padding: 6px;
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
width: 100%;
|
||||
color: var(--primary);
|
||||
font-weight: bold;
|
||||
border: 2px solid var(--tertiary);
|
||||
border: 2px solid var(--tertiary-bg);
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
|
||||
|
@ -41,5 +41,5 @@
|
|||
|
||||
#searchResults .focus {
|
||||
transform: scale(0.98);
|
||||
border: 2px solid var(--tertiary);
|
||||
border: 2px solid var(--tertiary-bg);
|
||||
}
|
||||
|
|
|
@ -7,12 +7,12 @@
|
|||
.terms-tags a {
|
||||
display: block;
|
||||
padding: 3px 10px;
|
||||
background: var(--tertiary);
|
||||
background: var(--tertiary-bg);
|
||||
border-radius: 6px;
|
||||
transition: transform 0.1s;
|
||||
}
|
||||
|
||||
.terms-tags a:active {
|
||||
background: var(--tertiary);
|
||||
background: var(--tertiary-bg);
|
||||
transform: scale(0.96);
|
||||
}
|
||||
|
|
|
@ -22,9 +22,10 @@ h6 {
|
|||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Helvetica, 'Helvetica Neue', 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', sans-serif;
|
||||
/* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
|
||||
font-size: 18px;
|
||||
line-height: 1.6;
|
||||
line-height: 1.6em;
|
||||
word-break: break-word;
|
||||
background: var(--theme);
|
||||
}
|
||||
|
@ -119,7 +120,7 @@ img {
|
|||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: var(--tertiary);
|
||||
background: var(--tertiary-bg);
|
||||
border: 5px solid var(--theme);
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
|
|
|
@ -12,7 +12,8 @@
|
|||
--entry: rgb(255, 255, 255);
|
||||
--primary: rgb(30, 30, 30);
|
||||
--secondary: rgb(108, 108, 108);
|
||||
--tertiary: rgb(214, 214, 214);
|
||||
--tertiary: rgb(158, 158, 158);
|
||||
--tertiary-bg: rgb(214, 214, 214);
|
||||
--content: rgb(31, 31, 31);
|
||||
--code-bg: rgb(245, 245, 245);
|
||||
--border: rgb(238, 238, 238);
|
||||
|
@ -29,7 +30,8 @@
|
|||
--entry: rgb(46, 46, 51);
|
||||
--primary: rgb(218, 218, 219);
|
||||
--secondary: rgb(155, 156, 157);
|
||||
--tertiary: rgb(65, 66, 68);
|
||||
--tertiary: rgb(123, 124, 124);
|
||||
--tertiary-bg: rgb(65, 66, 68);
|
||||
--content: rgb(196, 196, 197);
|
||||
--code-bg: rgb(55, 56, 62);
|
||||
--border: rgb(51, 51, 51);
|
||||
|
|
|
@ -97,7 +97,7 @@
|
|||
--entry: rgb(46, 46, 51);
|
||||
--primary: rgb(218, 218, 219);
|
||||
--secondary: rgb(155, 156, 157);
|
||||
--tertiary: rgb(65, 66, 68);
|
||||
--tertiary-bg: rgb(65, 66, 68);
|
||||
--content: rgb(196, 196, 197);
|
||||
--code-bg: rgb(55, 56, 62);
|
||||
--border: rgb(51, 51, 51);
|
||||
|
|
|
@ -5,11 +5,11 @@
|
|||
{{- end }}
|
||||
|
||||
{{- if (.Param "ShowReadingTime") -}}
|
||||
{{- $scratch.Add "meta" (slice (i18n "read_time" .ReadingTime | default (printf "%d min" .ReadingTime))) }}
|
||||
{{- $scratch.Add "meta" (slice (i18n "read_time" .ReadingTime | default (printf "<span>%d min</span>" .ReadingTime))) }}
|
||||
{{- end }}
|
||||
|
||||
{{- if (.Param "ShowWordCount") -}}
|
||||
{{- $scratch.Add "meta" (slice (i18n "words" .WordCount | default (printf "%d words" .WordCount))) }}
|
||||
{{- $scratch.Add "meta" (slice (i18n "words" .WordCount | default (printf "<span>%d words</span>" .WordCount))) }}
|
||||
{{- end }}
|
||||
|
||||
{{- with (partial "author.html" .) }}
|
||||
|
@ -17,5 +17,5 @@
|
|||
{{- end }}
|
||||
|
||||
{{- with ($scratch.Get "meta") }}
|
||||
{{- delimit . " · " -}}
|
||||
{{- delimit . "<span class=\"delimiter\"> · </span>" -}}
|
||||
{{- end -}}
|
||||
|
|
Loading…
Reference in New Issue