[opt] style
This commit is contained in:
parent
f166448420
commit
c0dd2292f9
|
@ -428,7 +428,7 @@ style:
|
||||||
# 动态颜色(会根据明暗主题重设明度值,只用关心色相和饱和度即可)
|
# 动态颜色(会根据明暗主题重设明度值,只用关心色相和饱和度即可)
|
||||||
background: 'hsl(212 16% 98%)' # 浅色背景颜色
|
background: 'hsl(212 16% 98%)' # 浅色背景颜色
|
||||||
block: 'hsl(212 8% 95%)' # 块背景颜色
|
block: 'hsl(212 8% 95%)' # 块背景颜色
|
||||||
code: 'hsl(0 0% 10%)' # 行内代码颜色
|
code: 'hsl(220 20% 10%)' # 'hsl(14 100% 48%)' # 行内代码颜色
|
||||||
text: 'hsl(0 0% 20%)' # 文本颜色
|
text: 'hsl(0 0% 20%)' # 文本颜色
|
||||||
# 主题色配置(不会根据明暗动态调整,请设置为通用的颜色)
|
# 主题色配置(不会根据明暗动态调整,请设置为通用的颜色)
|
||||||
theme: 'hsl(192 98% 55%)' # 主题色
|
theme: 'hsl(192 98% 55%)' # 主题色
|
||||||
|
|
|
@ -21,7 +21,7 @@ set_text_dark()
|
||||||
--text-p3: hsl($color-text-h, $color-text-s, $color-text-l / 0.5 * 1.25)
|
--text-p3: hsl($color-text-h, $color-text-s, $color-text-l / 0.5 * 1.25)
|
||||||
--text-p4: hsl($color-text-h, $color-text-s, $color-text-l / 0.5 * 1.5)
|
--text-p4: hsl($color-text-h, $color-text-s, $color-text-l / 0.5 * 1.5)
|
||||||
--text-meta: hsl($color-text-h, $color-text-s, $color-text-l / 0.5 * 2)
|
--text-meta: hsl($color-text-h, $color-text-s, $color-text-l / 0.5 * 2)
|
||||||
--text-code: hsl($color-code-h, $color-code-s, $color-code-l * 1)
|
--text-code: hsl($color-code-h, $color-code-s, $color-code-l)
|
||||||
|
|
||||||
set_text_light()
|
set_text_light()
|
||||||
--text-p0: hsl($color-text-h, $color-text-s, 100)
|
--text-p0: hsl($color-text-h, $color-text-s, 100)
|
||||||
|
@ -30,7 +30,7 @@ set_text_light()
|
||||||
--text-p3: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 1.2)
|
--text-p3: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 1.2)
|
||||||
--text-p4: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 1.4)
|
--text-p4: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 1.4)
|
||||||
--text-meta: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 1.75)
|
--text-meta: hsl($color-text-h, $color-text-s, 100 - $color-text-l / 0.5 * 1.75)
|
||||||
--text-code: hsl($color-code-h, $color-code-s, $color-code-l * 1.25)
|
--text-code: hsl($color-code-h, $color-code-s, (100 - $color-code-l) * 1.2)
|
||||||
|
|
||||||
:root
|
:root
|
||||||
--site-bg: hsl($color-background-h, $color-background-s, $color-background-l)
|
--site-bg: hsl($color-background-h, $color-background-s, $color-background-l)
|
||||||
|
|
|
@ -39,10 +39,10 @@
|
||||||
display: none
|
display: none
|
||||||
|
|
||||||
.tag-plugin.gallery .grid-cell
|
.tag-plugin.gallery .grid-cell
|
||||||
img
|
>img
|
||||||
trans1(transform, 0.5s)
|
trans1(transform, 0.5s)
|
||||||
&:hover
|
&:hover
|
||||||
img
|
>img
|
||||||
transform: scale(1.1)
|
transform: scale(1.1)
|
||||||
|
|
||||||
|
|
||||||
|
@ -90,7 +90,7 @@
|
||||||
aspect-ratio: 1
|
aspect-ratio: 1
|
||||||
&[ratio='portrait']
|
&[ratio='portrait']
|
||||||
.grid-cell
|
.grid-cell
|
||||||
aspect-ratio: 4 / 5
|
aspect-ratio: 2 / 3
|
||||||
.grid-cell
|
.grid-cell
|
||||||
background: var(--block)
|
background: var(--block)
|
||||||
img
|
img
|
||||||
|
|
Loading…
Reference in New Issue