fix(style): link color and wrap style (#283)

This commit is contained in:
Dillon 2020-04-29 16:36:23 +08:00 committed by GitHub
parent fa4c567ac4
commit 4f9658243e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 16 additions and 20 deletions

View file

@ -90,3 +90,9 @@
word-wrap: $value;
overflow-wrap: $value;
}
@mixin line-break($value) {
-webkit-line-break: $value;
-ms-line-break: $value;
line-break: $value;
}

View file

@ -1,5 +1,5 @@
@mixin link($light, $dark) {
a {
a, a::before, a::after {
color: if($light, $global-link-color, $single-link-color);
[theme=dark] & {

View file

@ -72,29 +72,17 @@
h5,
h6 {
line-height: 2;
&::before {
content: "|";
margin-right: .3125rem;
color: $global-link-color;
[theme=dark] & {
color: $global-link-color-dark;
}
}
}
h2 {
font-size: 1.2rem;
&::before {
content: "#";
}
}
@include link(true, true);
@include link(false, true);
b, strong {
color: $global-font-secondary-color;
[theme=dark] & {
color: $global-font-secondary-color-dark;
}

View file

@ -129,6 +129,7 @@
a {
@include overflow-wrap(break-word);
@include line-break(anywhere);
[theme=dark] & b, [theme=dark] & strong {
color: $single-link-color-dark;

View file

@ -3,6 +3,7 @@ code {
max-width: 100%;
padding: 0 .4rem;
@include overflow-wrap(break-word);
@include line-break(anywhere);
font-size: $code-font-size;
font-family: $code-font-family;
color: $code-color;

View file

@ -13,7 +13,7 @@
padding-left: .8rem;
list-style: none;
a::before {
a:first-child::before {
content: "|";
font-weight: bolder;
margin-right: .5rem;