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