You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
135 lines
3.0 KiB
135 lines
3.0 KiB
div.note |
|
$border-codeblock = 4px |
|
bg($c) |
|
return mix($c, $color-card, 10) |
|
border($c) |
|
return mix($c, $color-card, 80) |
|
position: relative |
|
margin-top: $gap-line |
|
margin-bottom: $gap-line |
|
padding: $gap-inline $gap |
|
padding-left: "calc(16px + %s)" % $gap |
|
border-radius: $border-codeblock |
|
|
|
h2, |
|
h3, |
|
h4, |
|
h5, |
|
h6 |
|
if $note-icons |
|
margin-top: 3px |
|
else |
|
margin-top: 0 |
|
|
|
margin-bottom: 0 |
|
padding-top: 0 !important |
|
border-bottom: initial |
|
|
|
p, |
|
ul, |
|
ol, |
|
table, |
|
pre, |
|
blockquote, |
|
img |
|
font-size: $fontsize-list |
|
margin-top: $gap-inline |
|
margin-bottom: $gap-inline |
|
|
|
&::before |
|
position: absolute |
|
top: "calc(50% - %s * 0.5)" % (24px) |
|
left 4px |
|
width: 24px |
|
height: 24px |
|
text-align: center |
|
font-weight: 600 |
|
line-height: 24px |
|
vertical-align: middle |
|
font-family: 'Font Awesome 5 Free' |
|
|
|
background: bg($color-text) |
|
border-left: $border-codeblock solid border($color-text) |
|
&::before |
|
color: border($color-text) |
|
content: '\f10d' |
|
&.info |
|
background: bg($color-mac-cyan) |
|
border-color: border($color-mac-cyan) |
|
&::before |
|
color: border($color-mac-cyan) |
|
content: '\f129' |
|
&.success,&.done |
|
background: bg($color-mac-green) |
|
border-color: border($color-mac-green) |
|
&::before |
|
color: border($color-mac-green) |
|
content: '\f00c' |
|
&.warning |
|
background: bg($color-mac-yellow) |
|
border-color: border($color-mac-yellow) |
|
&::before |
|
color: border($color-mac-yellow) |
|
content: '\f12a' |
|
&.danger,&.error |
|
background: bg($color-mac-red) |
|
border-color: border($color-mac-red) |
|
&::before |
|
color: border($color-mac-red) |
|
content: '\f00d' |
|
&.radiation::before |
|
content: '\f7b9' |
|
&.bug::before |
|
content: '\f188' |
|
&.idea::before |
|
content: '\f0eb' |
|
&.link::before |
|
content: '\f0c1' |
|
&.paperclip::before |
|
content: '\f0c6' |
|
&.todo::before |
|
content: '\f0ae' |
|
&.msg::before |
|
content: '\f4ad' |
|
&.guide::before |
|
content: '\f277' |
|
&.download::before |
|
content: '\f019' |
|
|
|
|
|
|
|
&.light |
|
background: mix($color-text, $color-card, 5) |
|
border-left-color: mix($color-text, $color-card, 50) |
|
&::before |
|
color: mix($color-text, $color-card, 50) |
|
&.gray |
|
background: bg($color-text) |
|
border-color: border($color-text) |
|
&::before |
|
color: border($color-text) |
|
&.red |
|
background: bg($color-mac-red) |
|
border-color: border($color-mac-red) |
|
&::before |
|
color: border($color-mac-red) |
|
&.yellow |
|
background: bg($color-mac-yellow) |
|
border-color: border($color-mac-yellow) |
|
&::before |
|
color: border($color-mac-yellow) |
|
&.green |
|
background: bg($color-mac-green) |
|
border-color: border($color-mac-green) |
|
&::before |
|
color: border($color-mac-green) |
|
&.cyan |
|
background: bg($color-mac-cyan) |
|
border-color: border($color-mac-cyan) |
|
&::before |
|
color: border($color-mac-cyan) |
|
&.blue |
|
background: bg($color-md-blue) |
|
border-color: border($color-md-blue) |
|
&::before |
|
color: border($color-md-blue)
|
|
|