strapi/docs/.vuepress/theme/styles/custom-blocks.styl

45 lines
1.1 KiB
Stylus

.custom-block
.custom-block-title
font-weight 600
margin-bottom -0.4rem
&.tip, &.warning, &.danger, &.note, &.windows, &.ubuntu, &.mac
padding .1rem 1.5rem
border-left-width .5rem
border-left-style solid
margin 1rem 0
&.tip
background-color #f3f5f7
border-color #42b983
&.note
background-color #f3f5f7
&.windows
background-color rgba(218,240,251,.35)
border-color rgba(27,161,226,.6)
&.ubuntu
background-color rgba(252,231,224,.35)
border-color rgba(221,72,20,.8)
&.mac
background-color rgba(226,230,242,.2)
border-color rgba(130,148,201,.8)
&.mac strong, &.ubuntu strong, &.windows strong
margin-bottom 1rem
display block
&.warning
background-color rgba(255,229,100,.3)
border-color darken(#ffe564, 35%)
color darken(#ffe564, 70%)
.custom-block-title
color darken(#ffe564, 50%)
a
color $textColor
&.danger
background-color #ffe6e6
border-color darken(red, 20%)
color darken(red, 70%)
.custom-block-title
color darken(red, 40%)
a
color $textColor