PlexSheep
/
krata
1
1
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

perf(ui): standardize metadata text styles (#1295)

This commit is contained in:
Cotes Chung 2023-10-04 14:29:44 -05:00 committed by GitHub
parent 0e2d593b00
commit 2574118f40
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 13 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
_sass/addon/commons.scss
View File

@ -132,12 +132,11 @@ kbd {
} }
footer { footer {
font-size: 0.8rem;
background-color: var(--main-bg); background-color: var(--main-bg);
height: $footer-height; height: $footer-height;
border-top: 1px solid var(--main-border-color); border-top: 1px solid var(--main-border-color);
@extend %text-color; @extend %text-meta;
a { a {
@extend %text-highlight; @extend %text-highlight;
@ -382,7 +381,7 @@ main {
} }
.post-meta { .post-meta {
font-size: 0.85rem; @extend %text-meta;
a { a {
&:not([class]):hover { &:not([class]):hover {

6
_sass/addon/module.scss
View File

@ -123,10 +123,14 @@
} }
%text-highlight { %text-highlight {
color: inherit; color: var(--text-muted-hightlight-color);
font-weight: 600; font-weight: 600;
} }
%text-meta {
font-size: 0.85rem;
}
%sup-fn-target { %sup-fn-target {
&:target { &:target {
background-color: var(--footnote-target-bg); background-color: var(--footnote-target-bg);

1
_sass/colors/typography-dark.scss
View File

@ -11,6 +11,7 @@
/* Common color */ /* Common color */
--text-color: rgb(175, 176, 177); --text-color: rgb(175, 176, 177);
--text-muted-color: #868686; --text-muted-color: #868686;
--text-muted-hightlight-color: #aeaeae;
--heading-color: #cccccc; --heading-color: #cccccc;
--label-color: #a7a7a7; --label-color: #a7a7a7;
--blockquote-border-color: rgb(66, 66, 66); --blockquote-border-color: rgb(66, 66, 66);

1
_sass/colors/typography-light.scss
View File

@ -11,6 +11,7 @@
/* Common color */ /* Common color */
--text-color: #34343c; --text-color: #34343c;
--text-muted-color: #757575; --text-muted-color: #757575;
--text-muted-hightlight-color: inherit;
--heading-color: #2a2a2a; --heading-color: #2a2a2a;
--label-color: #585858; --label-color: #585858;
--blockquote-border-color: #eeeeee; --blockquote-border-color: #eeeeee;

16
_sass/layout/post.scss
View File

@ -22,10 +22,6 @@
padding-right: $pr; padding-right: $pr;
} }
%text-color {
color: var(--text-color);
}
h1 + .post-meta { h1 + .post-meta {
> span + span::before { > span + span::before {
@include dot; @include dot;
@ -33,7 +29,7 @@ h1 + .post-meta {
em, em,
time { time {
color: var(--text-color); @extend %text-highlight;
} }
em { em {
@ -44,13 +40,10 @@ h1 + .post-meta {
} }
.post-tail-wrapper { .post-tail-wrapper {
@extend %text-meta;
margin-top: 6rem; margin-top: 6rem;
border-bottom: 1px double var(--main-border-color); border-bottom: 1px double var(--main-border-color);
font-size: 0.85rem;
.post-tail-bottom a {
color: inherit;
}
.license-wrapper { .license-wrapper {
line-height: 1.2rem; line-height: 1.2rem;
@ -64,7 +57,7 @@ h1 + .post-meta {
} }
span:last-child { span:last-child {
font-size: 0.85rem; @extend %text-meta;
} }
} /* .license-wrapper */ } /* .license-wrapper */
@ -320,7 +313,6 @@ h1 + .post-meta {
.card { .card {
h4 { h4 {
@extend %text-color;
@extend %text-clip; @extend %text-clip;
} }
} }