saul365/LoveIt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(shortcode): add link shortcode (#179)

Browse Source 
* feat(shortcode): add link shortcode

* docs: add docs for link shortcode

* docs: fix 'mailto' in link shortcode docs error
This commit is contained in:
Dillon
2020-03-17 21:16:04 +08:00
committed by GitHub
parent f9dba2e36c
commit 6b03c711ac
30 changed files with 375 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
assets/css/_core/_base.scss
View File

@@ -60,20 +60,9 @@ body {
}
a {
color: $global-link-color;
text-decoration: none;
&:hover {
color: $global-link-hover-color;
}
.dark-theme & {
color: $global-link-color-dark;
&:hover {
color: $global-link-hover-color-dark;
}
}
}
@include link(true, true);
@import "../_partial/fixed-button";

2
assets/css/_mixin/_index.scss Normal file
View File

@@ -0,0 +1,2 @@
@import "_link";
@import "_summary";

18
assets/css/_mixin/_link.scss Normal file
View File

@@ -0,0 +1,18 @@
@mixin link($light, $dark) {
a {
color: if($light, $global-link-color, $single-link-color);
.dark-theme & {
color: if($dark, $global-link-color-dark, $single-link-color-dark);
}
&:active,
&:hover {
color: if($light, $global-link-hover-color, $single-link-hover-color);
.dark-theme & {
color: if($dark, $global-link-hover-color-dark, $single-link-hover-color-dark);
}
}
}
}

48
assets/css/_partial/_home/_summary.scss → assets/css/_mixin/_summary.scss
View File

@@ -90,21 +90,7 @@
}
}
a {
color: $global-link-color;
.dark-theme & {
color: $global-link-color-dark;
}
&:hover {
color: $global-link-hover-color;
.dark-theme & {
color: $global-link-hover-color-dark;
}
}
}
@include link(true, true);
b, strong {
.dark-theme & {
@@ -120,40 +106,12 @@
align-items: center;
font-size: .875rem;
a {
color: $single-link-color;
.dark-theme & {
color: $single-link-color-dark;
}
&:hover {
color: $single-link-hover-color;
.dark-theme & {
color: $single-link-hover-color-dark;
}
}
}
@include link(false, false);
.post-tags {
padding: 0;
a {
color: $global-link-color;
.dark-theme & {
color: $global-link-color-dark;
}
&:hover {
color: $global-link-hover-color;
.dark-theme & {
color: $global-link-hover-color-dark;
}
}
}
@include link(true, true);
}
}
}

2
assets/css/_page/_home.scss
View File

@@ -1,6 +1,4 @@
/** Home **/
@import "../_partial/_home/summary";
@mixin page-home($profile, $posts) {
.home {
@if $profile {

29
assets/css/_page/_single.scss
View File

@@ -26,21 +26,7 @@
color: $global-font-secondary-color-dark;
}
a {
color: $single-link-color;
.dark-theme & {
color: $global-link-color-dark;
}
&:hover {
color: $single-link-hover-color;
.dark-theme & {
color: $global-link-hover-color-dark;
}
}
}
@include link(false, true);
.author {
font-size: 1.05rem;
@@ -102,22 +88,19 @@
}
}
@include link(false, false);
a {
word-break: break-all;
word-break: break-word;
color: $single-link-color;
.dark-theme &, .dark-theme & b, .dark-theme & strong {
.dark-theme & b, .dark-theme & strong {
color: $single-link-color-dark;
}
}
a:hover {
color: $single-link-hover-color;
.dark-theme &, .dark-theme & b, .dark-theme & strong {
color: $single-link-hover-color-dark;
}
.dark-theme a:hover b, .dark-theme a:hover strong {
color: $single-link-hover-color-dark;
}
ul {

9
assets/css/_partial/_archive/_tags.scss
View File

@@ -1,6 +1,8 @@
.tag-cloud-tags {
margin: 10px 0;
@include link(true, true);
a {
display: inline-block;
position: relative;
@@ -14,23 +16,18 @@
&:active,
&:focus,
&:hover {
color: $global-link-hover-color;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
.dark-theme & {
color: $global-link-hover-color-dark;
}
}
small {
color: $global-font-secondary-color;
.dark-theme & {
color: $global-link-hover-color-dark;
color: $global-font-secondary-color-dark;
}
}
}

44
assets/css/_partial/_single/_code.scss
View File

@@ -46,23 +46,12 @@ code, pre, .highlight table, .highlight tr, .highlight td {
}
}
.ln {
padding-right: .8rem;
}
.lntd {
&:first-child {
width: 1.2rem;
/* LineNumbersTable */
.lnt {
color: $code-info-color;
}
/* LineHighlight */
.hl {
font-weight: bolder;
}
}
&:last-child {
/* LineHighlight */
.hl {
display: block;
background-color: darken($code-background-color, 5%);
@@ -73,6 +62,14 @@ code, pre, .highlight table, .highlight tr, .highlight td {
}
}
}
.ln, .lnt {
color: $global-font-secondary-color;
.dark-theme & {
color: $global-font-secondary-color-dark;
}
}
}
.highlight {
@@ -103,6 +100,7 @@ code, pre, .highlight table, .highlight tr, .highlight td {
table, tr, td {
margin: 0;
border: none !important;
white-space: nowrap;
}
td {
@@ -119,21 +117,7 @@ code, pre, .highlight table, .highlight tr, .highlight td {
padding: .4rem .8rem;
background-color: darken($code-background-color, 5%);
a {
color: $single-link-color;
.dark-theme & {
color: $single-link-color-dark;
}
}
a:hover {
color: $single-link-hover-color;
.dark-theme &:hover {
color: $single-link-hover-color-dark;
}
}
@include link(false, false);
.dark-theme & {
background-color: darken($code-background-color-dark, 5%);

32
assets/css/_partial/_single/_footer.scss
View File

@@ -21,21 +21,7 @@
color: $global-font-secondary-color-dark;
}
a {
color: $single-link-color;
.dark-theme & {
color: $single-link-color-dark;
}
&:hover {
color: $single-link-hover-color;
.dark-theme & {
color: $single-link-hover-color-dark;
}
}
}
@include link(false, false);
}
.post-info-license {
@@ -51,21 +37,7 @@
font-size: 0.8rem;
width: 8rem;
a {
color: $single-link-color;
.dark-theme & {
color: $single-link-color-dark;
}
&:hover {
color: $single-link-hover-color;
.dark-theme & {
color: $single-link-hover-color-dark;
}
}
}
@include link(false, false);
}
}
}

2
assets/css/style.template.scss
View File

@@ -11,6 +11,8 @@ $header-normal-mode-mobile: {{ if eq .Site.Params.header.mobileMode "normal" }}t
@import "_override";
{{- end -}}
@import "_mixin/index";
@import "_core/normalize";
@import "_core/base";
@import "_core/layout";