vuepress-theme-reco/styles/custom-blocks.styl

52 lines
1.1 KiB
Stylus
Raw Normal View History

2019-04-15 10:35:40 +08:00
.custom-block
.custom-block-title
font-weight 600
margin-bottom -0.4rem
&.tip, &.warning, &.danger
padding .1rem 1.5rem
border-left-width .5rem
border-left-style solid
margin 1rem 0
&.tip
2019-11-30 19:32:43 +08:00
background-color var(--code-color)
2019-04-15 10:35:40 +08:00
border-color #67cc86
.custom-block-title
color #67cc86
2019-04-15 10:35:40 +08:00
&.warning
2019-11-30 19:32:43 +08:00
background-color var(--code-color)
2019-04-15 10:35:40 +08:00
border-color #fb9b5f
.custom-block-title
color #fb9b5f
2019-04-15 10:35:40 +08:00
&.danger
2019-11-30 19:32:43 +08:00
background-color var(--code-color)
2019-04-15 10:35:40 +08:00
border-color #f26d6d
.custom-block-title
color #f26d6d
2020-03-03 01:53:53 +08:00
&.right
color transparentify($textColor, 0.4)
font-size 0.9rem
text-align right
&.theorem
margin 1rem 0
padding .1rem 1.5rem
border-radius 0.4rem
background-color var(--code-color)
2020-03-03 01:53:53 +08:00
.title
font-weight bold
&.details
display block
position relative
border-radius 2px
margin 1em 0
padding 1rem
background-color var(--code-color)
h4
margin-top 0
figure, p
&:last-child
margin-bottom 0
padding-bottom 0
summary
outline none
cursor pointer