[opt] css
This commit is contained in:
parent
6d0b4f38f7
commit
18ff0e7d2a
|
@ -243,6 +243,9 @@ tag_plugins:
|
||||||
# {% mark %}
|
# {% mark %}
|
||||||
mark:
|
mark:
|
||||||
default_color: dark # light, dark, red, orange, yellow, green, cyan, blue, purple, warning, error
|
default_color: dark # light, dark, red, orange, yellow, green, cyan, blue, purple, warning, error
|
||||||
|
# {% tag %}
|
||||||
|
tag:
|
||||||
|
default_color: yellow # red, orange, yellow, green, cyan, blue, purple
|
||||||
|
|
||||||
|
|
||||||
######## JS Plugins ########
|
######## JS Plugins ########
|
||||||
|
|
|
@ -24,7 +24,7 @@ hexo.extend.tag.register('note', function(args) {
|
||||||
el += '>';
|
el += '>';
|
||||||
// title
|
// title
|
||||||
if (title && title.length > 0) {
|
if (title && title.length > 0) {
|
||||||
el += '<div class="title"><strong>' + title + '</strong></div>';
|
el += '<div class="title">' + title + '</div>';
|
||||||
}
|
}
|
||||||
// content
|
// content
|
||||||
el += '<div class="body">';
|
el += '<div class="body">';
|
||||||
|
|
|
@ -1,13 +1,13 @@
|
||||||
set_text_white()
|
set_text_white()
|
||||||
--text-p0: white
|
--text-p0: white
|
||||||
--text-p1: white
|
--text-p1: white
|
||||||
--text-p2: #eee
|
--text-p2: hsl(0 0 88%)
|
||||||
--text-p3: #ddd
|
--text-p3: #ddd
|
||||||
--text-code: white
|
--text-code: white
|
||||||
set_text_black()
|
set_text_black()
|
||||||
--text-p0: black
|
--text-p0: black
|
||||||
--text-p1: #111
|
--text-p1: #111
|
||||||
--text-p2: #333
|
--text-p2: hsl(0 0 12%)
|
||||||
--text-p3: #555
|
--text-p3: #555
|
||||||
--text-code: white
|
--text-code: white
|
||||||
|
|
||||||
|
@ -16,8 +16,8 @@ set_dynamic_color($theme)
|
||||||
--theme-bg1: hsl(hue($theme), 90, 90)
|
--theme-bg1: hsl(hue($theme), 90, 90)
|
||||||
--theme-bg2: hsl(hue($theme), 80, 95)
|
--theme-bg2: hsl(hue($theme), 80, 95)
|
||||||
--theme-border: hsl(hue($theme), 50, 80)
|
--theme-border: hsl(hue($theme), 50, 80)
|
||||||
--text-p0: hsl(hue($theme), 50, 24)
|
--text-p0: hsl(hue($theme), 60, 16)
|
||||||
--text-p1: hsl(hue($theme), 40, 24)
|
--text-p1: hsl(hue($theme), 50, 24)
|
||||||
--text-p2: hsl(hue($theme), 90, 24)
|
--text-p2: hsl(hue($theme), 90, 24)
|
||||||
|
|
||||||
.tag-plugin
|
.tag-plugin
|
||||||
|
@ -44,9 +44,12 @@ set_dynamic_color($theme)
|
||||||
set_dynamic_color($c-purple)
|
set_dynamic_color($c-purple)
|
||||||
|
|
||||||
.tag-plugin[color='light']
|
.tag-plugin[color='light']
|
||||||
|
--theme-bg1: hsl(0 0 88%)
|
||||||
--theme-bg2: white
|
--theme-bg2: white
|
||||||
|
set_text_black()
|
||||||
|
|
||||||
.tag-plugin[color='dark']
|
.tag-plugin[color='dark']
|
||||||
|
--theme-bg1: hsl(0 0 12%)
|
||||||
--theme-bg2: #333
|
--theme-bg2: #333
|
||||||
set_text_white()
|
set_text_white()
|
||||||
|
|
||||||
|
@ -90,10 +93,13 @@ set_darkmode_tags()
|
||||||
set_dynamic_color($c-purple)
|
set_dynamic_color($c-purple)
|
||||||
.tag-plugin[color='light']
|
.tag-plugin[color='light']
|
||||||
--theme-border: white
|
--theme-border: white
|
||||||
|
--theme-bg1: hsl(0 0 88%)
|
||||||
--theme-bg2: #fff
|
--theme-bg2: #fff
|
||||||
|
set_text_black()
|
||||||
|
|
||||||
.tag-plugin[color='dark']
|
.tag-plugin[color='dark']
|
||||||
--theme-border: black
|
--theme-border: black
|
||||||
|
--theme-bg1: hsl(0 0 12%)
|
||||||
--theme-bg2: #111
|
--theme-bg2: #111
|
||||||
set_text_white()
|
set_text_white()
|
||||||
|
|
||||||
|
|
|
@ -22,13 +22,13 @@ details.folding
|
||||||
border-bottom: none !important
|
border-bottom: none !important
|
||||||
&:hover
|
&:hover
|
||||||
color: var(--text-p0)
|
color: var(--text-p0)
|
||||||
&:after
|
&:after
|
||||||
position: absolute
|
position: absolute
|
||||||
content: '+'
|
content: '+'
|
||||||
text-align: center
|
text-align: center
|
||||||
top: 50%
|
top: 50%
|
||||||
transform: translateY(-50%)
|
transform: translateY(-50%)
|
||||||
right: 1rem
|
right: 1rem
|
||||||
|
|
||||||
|
|
||||||
details.folding[open]
|
details.folding[open]
|
||||||
|
@ -38,9 +38,8 @@ details.folding[open]
|
||||||
border-bottom-right-radius: 0
|
border-bottom-right-radius: 0
|
||||||
color: var(--text-p1)
|
color: var(--text-p1)
|
||||||
margin-bottom: 0
|
margin-bottom: 0
|
||||||
&:hover
|
&:after
|
||||||
&:after
|
content: '-'
|
||||||
content: '-'
|
|
||||||
>div.body
|
>div.body
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
|
@ -11,6 +11,8 @@
|
||||||
font-size: $fs-15
|
font-size: $fs-15
|
||||||
line-height: 1.2
|
line-height: 1.2
|
||||||
margin-top: 1rem
|
margin-top: 1rem
|
||||||
|
font-weight: 500
|
||||||
|
color: var(--text-p0)
|
||||||
>.body
|
>.body
|
||||||
&,p
|
&,p
|
||||||
font-size: $fs-14
|
font-size: $fs-14
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
display: flex
|
display: flex
|
||||||
flex-direction: column
|
flex-direction: column
|
||||||
|
|
||||||
.content:not(span)
|
.content
|
||||||
display: flex
|
display: flex
|
||||||
align-items: center
|
align-items: center
|
||||||
border-bottom: none
|
border-bottom: none
|
||||||
|
@ -37,7 +37,7 @@
|
||||||
|
|
||||||
// type=text
|
// type=text
|
||||||
.md-text .tag-plugin.quot
|
.md-text .tag-plugin.quot
|
||||||
.content[type=text]:not(span)
|
.content[type=text]
|
||||||
&:before,&:after
|
&:before,&:after
|
||||||
content: ""
|
content: ""
|
||||||
position: absolute
|
position: absolute
|
||||||
|
@ -60,7 +60,7 @@
|
||||||
border-width: 8px
|
border-width: 8px
|
||||||
|
|
||||||
// type=icon
|
// type=icon
|
||||||
.md-text .tag-plugin.quot .content[type=icon]:not(span)
|
.md-text .tag-plugin.quot .content[type=icon]
|
||||||
.icon
|
.icon
|
||||||
height: 1.5em
|
height: 1.5em
|
||||||
display: inline-block
|
display: inline-block
|
||||||
|
@ -71,18 +71,3 @@
|
||||||
margin-right: .5rem
|
margin-right: .5rem
|
||||||
&.suffix
|
&.suffix
|
||||||
margin-left: .5rem
|
margin-left: .5rem
|
||||||
|
|
||||||
// inline quot
|
|
||||||
.md-text span.tag-plugin.quot .content
|
|
||||||
font-weight: 500
|
|
||||||
&:before,&:after
|
|
||||||
color: $color-accent
|
|
||||||
font-weight: 900
|
|
||||||
&:before
|
|
||||||
content: "「"
|
|
||||||
margin-left: -0.125em
|
|
||||||
margin-right: 0.125em
|
|
||||||
&:after
|
|
||||||
content: "」"
|
|
||||||
margin-left: 0.125em
|
|
||||||
margin-right: -0.125em
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
.md-text .tag-plugin.tag
|
.md-text .tag-plugin.tag
|
||||||
padding: 0px 4px
|
padding: 0px 4px
|
||||||
border-radius: 4px
|
border-radius: 2px
|
||||||
background: var(--theme-bg1)
|
background: var(--theme-bg1)
|
||||||
color: var(--text-p2)
|
color: var(--text-p2)
|
||||||
margin: 2px 0
|
margin: 2px 0
|
||||||
|
|
Loading…
Reference in New Issue