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

feat: fontawesome, admonition and faster

Browse Source
This commit is contained in:
Dillon
2019-08-17 03:40:34 +08:00
parent 9e08c96b10
commit 2653f1bc7c
50 changed files with 853 additions and 1115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/_partial/footer.scss → assets/css/_partial/_footer.scss
View File

@@ -21,7 +21,7 @@
text-shadow: 0 1px 0 #333;
font-weight: bold;
padding: 17px 16px;
border: 1px solid $light-border-color;
border: 1px solid $global-border-color;
background: #222;
&:hover {
background: #000;
@@ -44,6 +44,6 @@
}
.dark-theme &{
border: 1px solid $dark-border-color;
border: 1px solid $global-border-color-dark;
}
}

7
assets/css/_partial/navbar.scss → assets/css/_partial/_navbar.scss
View File

@@ -6,7 +6,6 @@
}
}
.navbar .menu a {
padding: 0 8px;
@@ -14,10 +13,10 @@
.navbar .menu .active {
font-weight: 900;
color: $light-navbar-active-color;
color: $navbar-active-color;
.dark-theme & {
color: $dark-navbar-active-color;
color: $navbar-active-color-dark;
}
}
@@ -26,3 +25,5 @@
background-color: transparent;
}

12
assets/css/_partial/pagination.scss → assets/css/_partial/_pagination.scss
View File

@@ -32,11 +32,11 @@
}
&:hover a {
color: $light-pagination-link-active-color;
color: $pagination-link-active-color;
}
.dark-theme &:hover a {
color: $dark-pagination-link-active-color;
color: $pagination-link-active-color-dark;
}
&:before,
@@ -45,14 +45,14 @@
content: "";
width: 0;
height: 3px;
background: $light-pagination-link-active-color;
background: $pagination-link-active-color;
transition: 0.3s;
bottom: 0px;
}
.dark-theme &:before,
.dark-theme &:after {
background: $dark-pagination-link-active-color;
background: $pagination-link-active-color-dark;
}
&:before .active,
@@ -78,11 +78,11 @@
&.active {
a {
color: $light-pagination-link-active-color;
color: $pagination-link-active-color;
}
.dark-theme & a {
color: $dark-pagination-link-active-color;
color: $pagination-link-active-color-dark;
}
&:before,

200
assets/css/_partial/_post/_admonition.scss Normal file
View File

@@ -0,0 +1,200 @@
.admonition {
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),
0 1px 5px 0 rgba(0,0,0,.12),
0 3px 1px -2px rgba(0,0,0,.2);
position: relative;
margin: .9765em 0;
padding: 0 .75rem;
border-left: .25rem solid #448aff;
border-radius: .125rem;
overflow: auto;
.admonition-title {
margin: 0 -0.75rem;
padding: .5rem .75rem .5rem 2.5rem;
border-bottom: .1rem solid rgba(68,138,255,.1);
background-color: rgba(68,138,255,.1);
font-weight: 700;
}
i.icon {
font-size: 16px;
cursor: auto;
position: absolute;
left: .75rem;
top: .75rem;
}
&.note {
border-left-color: #448aff;
i.icon {
color: #448aff;
}
}
&.abstract {
border-left-color: #00b0ff;
.admonition-title {
background-color: rgba(0,176,255,.1);
}
i.icon {
color: #00b0ff;
}
}
&.info {
border-left-color: #00b8d4;
.admonition-title {
background-color: rgba(0,184,212,.1);
}
i.icon {
color: #00b8d4;
}
}
&.tip {
border-left-color: #00bfa5;
.admonition-title {
background-color: rgba(0,191,165,.1);
}
i.icon {
color: #00bfa5;
}
}
&.success {
border-left-color: #00c853;
.admonition-title {
background-color: rgba(0,200,83,.1);
}
i.icon {
color: #00c853;
}
}
&.question {
border-left-color: #64dd17;
.admonition-title {
background-color: rgba(100,221,23,.1);
}
i.icon {
color: #64dd17;
}
}
&.warning {
border-left-color: #ff9100;
.admonition-title {
background-color: rgba(255,145,0,.1);
}
i.icon {
color: #ff9100;
}
}
&.failure {
border-left-color: #ff5252;
.admonition-title {
background-color: rgba(255,82,82,.1);
}
i.icon {
color: #ff5252;
}
}
&.danger {
border-left-color: #ff1744;
.admonition-title {
background-color: rgba(255,23,68,.1);
}
i.icon {
color: #ff1744;
}
}
&.bug {
border-left-color: #f50057;
.admonition-title {
background-color: rgba(245,0,87,.1);
}
i.icon {
color: #f50057;
}
}
&.example {
border-left-color: #651fff;
.admonition-title {
background-color: rgba(101,31,255,.1);
}
i.icon {
color: #651fff;
}
}
&.quote {
border-left-color: #9e9e9e;
.admonition-title {
background-color: hsla(0,0%,62%,.1);
}
i.icon {
color: #9e9e9e;
}
}
&:last-child {
margin-bottom: .75rem;
}
}
details.admonition {
summary {
display: block;
outline: none;
cursor: pointer;
&::-webkit-details-marker {
display: none;
}
i.details {
position: absolute;
top: .75rem;
right: .75rem;
color: $global-font-color;
.dark-theme & {
color: $global-font-color-dark;
}
}
}
}
details.admonition[open] {
i.details {
transform: rotate(180deg);
}
}

118
assets/css/_partial/post/code.scss → assets/css/_partial/_post/_code.scss
View File

@@ -13,11 +13,11 @@ pre {
code {
padding: 3px 5px;
border-radius: 4px;
color: $l-code-color;
color: $code-color;
background: $l-code-background;
.dark-theme & {
color: $d-code-color;
color: $code-color-dark;
background: $d-code-background;
}
}
@@ -26,7 +26,7 @@ p > code {
background: darken($l-code-background, 3%);
.dark-theme & {
color: $d-code-color;
color: $code-color-dark;
background: darken($d-code-background, 3%);
}
}
@@ -55,7 +55,7 @@ p > code {
padding: 2px 7px;
font-size: $code-font-size;
font-weight: bold;
color: darken($gray, 10%);
color: darken($code-info-color, 10%);
background: darken($l-code-background, 3%);
content: 'Code';
@@ -107,7 +107,7 @@ p > code {
}
}
/* LineNumbersTable */ .lnt { color: $gray; }
/* LineNumbersTable */ .lnt { color: $code-info-color; }
/* LineHighlight */ .hl { display: block; width: 100%; background-color: #ffffcc }
/* P */ .chroma .p { color: #A9A9B3 }
@@ -186,59 +186,59 @@ p > code {
background: $d-code-background;
/* Keyword */ .chroma .k { color: #D371E3 }
/* KeywordConstant */ .chroma .kc { color: #D371E3 }
/* KeywordDeclaration */ .chroma .kd { color: #D371E3 }
/* KeywordNamespace */ .chroma .kn { color: #D371E3 }
/* KeywordPseudo */ .chroma .kp { color: #D371E3 }
/* KeywordReserved */ .chroma .kr { color: #D371E3 }
/* KeywordType */ .chroma .kt { color: #8be9fd }
/* NameAttribute */ .chroma .na { color: #41B1F5 }
/* NameBuiltin */ .chroma .nb { color: #8be9fd; font-style: italic }
/* NameClass */ .chroma .nc { color: #E5BF78 }
/* NameFunction */ .chroma .nf { color: #19B8C0 }
/* NameX */ .chroma .nx { color: #F16473 }
/* NameLabel */ .chroma .nl { color: #8be9fd; font-style: italic }
/* NameTag */ .chroma .nt { color: #D371E3 }
/* NameVariable */ .chroma .nv { color: #8be9fd; font-style: italic }
/* NameVariableClass */ .chroma .vc { color: #8be9fd; font-style: italic }
/* NameVariableGlobal */ .chroma .vg { color: #8be9fd; font-style: italic }
/* NameVariableInstance */ .chroma .vi { color: #8be9fd; font-style: italic }
/* LiteralString */ .chroma .s { color: #8BC56F }
/* LiteralStringAffix */ .chroma .sa { color: #8BC56F }
/* LiteralStringBacktick */ .chroma .sb { color: #8BC56F }
/* LiteralStringChar */ .chroma .sc { color: #8BC56F }
/* LiteralStringDelimiter */ .chroma .dl { color: #8BC56F }
/* LiteralStringDoc */ .chroma .sd { color: #8BC56F }
/* LiteralStringDouble */ .chroma .s2 { color: #8BC56F }
/* LiteralStringEscape */ .chroma .se { color: #8BC56F }
/* LiteralStringHeredoc */ .chroma .sh { color: #8BC56F }
/* LiteralStringInterpol */ .chroma .si { color: #8BC56F }
/* LiteralStringOther */ .chroma .sx { color: #8BC56F }
/* LiteralStringRegex */ .chroma .sr { color: #8BC56F }
/* LiteralStringSingle */ .chroma .s1 { color: #8BC56F }
/* LiteralStringSymbol */ .chroma .ss { color: #8BC56F }
/* LiteralNumber */ .chroma .m { color: #bd93f9 }
/* LiteralNumberBin */ .chroma .mb { color: #bd93f9 }
/* LiteralNumberFloat */ .chroma .mf { color: #bd93f9 }
/* LiteralNumberHex */ .chroma .mh { color: #bd93f9 }
/* LiteralNumberInteger */ .chroma .mi { color: #bd93f9 }
/* LiteralNumberIntegerLong */ .chroma .il { color: #bd93f9 }
/* LiteralNumberOct */ .chroma .mo { color: #bd93f9 }
/* Operator */ .chroma .o { color: #D371E3 }
/* OperatorWord */ .chroma .ow { color: #D371E3 }
/* Comment */ .chroma .c { color: #7E848F }
/* CommentHashbang */ .chroma .ch { color: #7E848F }
/* CommentMultiline */ .chroma .cm { color: #7E848F }
/* CommentSingle */ .chroma .c1 { color: #7E848F }
/* CommentSpecial */ .chroma .cs { color: #7E848F }
/* CommentPreproc */ .chroma .cp { color: #D371E3 }
/* CommentPreprocFile */ .chroma .cpf { color: #D371E3 }
/* GenericDeleted */ .chroma .gd { color: #8b080b }
/* GenericEmph */ .chroma .ge { text-decoration: underline }
/* GenericHeading */ .chroma .gh { font-weight: bold }
/* GenericInserted */ .chroma .gi { font-weight: bold }
/* GenericOutput */ .chroma .go { color: #44475a }
/* GenericSubheading */ .chroma .gu { font-weight: bold }
/* GenericUnderline */ .chroma .gl { text-decoration: underline }
/* KeywordConstant */ .chroma .kc { color: #D371E3 }
/* KeywordDeclaration */ .chroma .kd { color: #D371E3 }
/* KeywordNamespace */ .chroma .kn { color: #D371E3 }
/* KeywordPseudo */ .chroma .kp { color: #D371E3 }
/* KeywordReserved */ .chroma .kr { color: #D371E3 }
/* KeywordType */ .chroma .kt { color: #8be9fd }
/* NameAttribute */ .chroma .na { color: #41B1F5 }
/* NameBuiltin */ .chroma .nb { color: #8be9fd; font-style: italic }
/* NameClass */ .chroma .nc { color: #E5BF78 }
/* NameFunction */ .chroma .nf { color: #19B8C0 }
/* NameX */ .chroma .nx { color: #F16473 }
/* NameLabel */ .chroma .nl { color: #8be9fd; font-style: italic }
/* NameTag */ .chroma .nt { color: #D371E3 }
/* NameVariable */ .chroma .nv { color: #8be9fd; font-style: italic }
/* NameVariableClass */ .chroma .vc { color: #8be9fd; font-style: italic }
/* NameVariableGlobal */ .chroma .vg { color: #8be9fd; font-style: italic }
/* NameVariableInstance */ .chroma .vi { color: #8be9fd; font-style: italic }
/* LiteralString */ .chroma .s { color: #8BC56F }
/* LiteralStringAffix */ .chroma .sa { color: #8BC56F }
/* LiteralStringBacktick */ .chroma .sb { color: #8BC56F }
/* LiteralStringChar */ .chroma .sc { color: #8BC56F }
/* LiteralStringDelimiter */ .chroma .dl { color: #8BC56F }
/* LiteralStringDoc */ .chroma .sd { color: #8BC56F }
/* LiteralStringDouble */ .chroma .s2 { color: #8BC56F }
/* LiteralStringEscape */ .chroma .se { color: #8BC56F }
/* LiteralStringHeredoc */ .chroma .sh { color: #8BC56F }
/* LiteralStringInterpol */ .chroma .si { color: #8BC56F }
/* LiteralStringOther */ .chroma .sx { color: #8BC56F }
/* LiteralStringRegex */ .chroma .sr { color: #8BC56F }
/* LiteralStringSingle */ .chroma .s1 { color: #8BC56F }
/* LiteralStringSymbol */ .chroma .ss { color: #8BC56F }
/* LiteralNumber */ .chroma .m { color: #bd93f9 }
/* LiteralNumberBin */ .chroma .mb { color: #bd93f9 }
/* LiteralNumberFloat */ .chroma .mf { color: #bd93f9 }
/* LiteralNumberHex */ .chroma .mh { color: #bd93f9 }
/* LiteralNumberInteger */ .chroma .mi { color: #bd93f9 }
/* LiteralNumberIntegerLong */ .chroma .il { color: #bd93f9 }
/* LiteralNumberOct */ .chroma .mo { color: #bd93f9 }
/* Operator */ .chroma .o { color: #D371E3 }
/* OperatorWord */ .chroma .ow { color: #D371E3 }
/* Comment */ .chroma .c { color: #7E848F }
/* CommentHashbang */ .chroma .ch { color: #7E848F }
/* CommentMultiline */ .chroma .cm { color: #7E848F }
/* CommentSingle */ .chroma .c1 { color: #7E848F }
/* CommentSpecial */ .chroma .cs { color: #7E848F }
/* CommentPreproc */ .chroma .cp { color: #D371E3 }
/* CommentPreprocFile */ .chroma .cpf { color: #D371E3 }
/* GenericDeleted */ .chroma .gd { color: #8b080b }
/* GenericEmph */ .chroma .ge { text-decoration: underline }
/* GenericHeading */ .chroma .gh { font-weight: bold }
/* GenericInserted */ .chroma .gi { font-weight: bold }
/* GenericOutput */ .chroma .go { color: #44475a }
/* GenericSubheading */ .chroma .gu { font-weight: bold }
/* GenericUnderline */ .chroma .gl { text-decoration: underline }
}
}