|
|
| 第1行： |
第1行： |
| <includeonly>{{#if:{{#varexists:提示样式}}||{{#vardefineecho:提示样式|<bstyle>/*<pre>*/ | | <includeonly><div class="markdown-alert {{#switch:{{{1|}}} |
| | |
| :root {
| |
| --color-note: #0969da;
| |
| --color-tip: #1a7f37;
| |
| --color-warning: #9a6700;
| |
| --color-severe: #bc4c00;
| |
| --color-caution: #d1242f;
| |
| --color-important: #8250df;
| |
| }
| |
| | |
| .markdown-alert {
| |
| padding: 0.5rem 1rem;
| |
| margin-top: 8px;
| |
| margin-bottom: 16px;
| |
| color: inherit;
| |
| border-left: .25em solid #888;
| |
| }
| |
| | |
| .markdown-alert>:first-child {
| |
| margin-top: 0
| |
| }
| |
| | |
| .markdown-alert>:last-child {
| |
| margin-bottom: 0
| |
| }
| |
| | |
| .markdown-alert .markdown-alert-title {
| |
| display: flex;
| |
| font-weight: 500;
| |
| align-items: center;
| |
| line-height: 1
| |
| }
| |
| | |
| .markdown-alert .markdown-alert-title .octicon {
| |
| margin-right: 0.5rem;
| |
| display: inline-block;
| |
| overflow: visible !important;
| |
| vertical-align: text-bottom;
| |
| fill: currentColor;
| |
| }
| |
| | |
| .markdown-alert.markdown-alert-note {
| |
| border-left-color: var(--color-note);
| |
| }
| |
| | |
| .markdown-alert.markdown-alert-note .markdown-alert-title {
| |
| color: var(--color-note);
| |
| }
| |
| | |
| .markdown-alert.markdown-alert-important {
| |
| border-left-color: var(--color-important);
| |
| }
| |
| | |
| .markdown-alert.markdown-alert-important .markdown-alert-title {
| |
| color: var(--color-important);
| |
| }
| |
| | |
| .markdown-alert.markdown-alert-warning {
| |
| border-left-color: var(--color-warning);
| |
| }
| |
| | |
| .markdown-alert.markdown-alert-warning .markdown-alert-title {
| |
| color: var(--color-warning);
| |
| }
| |
| | |
| .markdown-alert.markdown-alert-tip {
| |
| border-left-color: var(--color-tip);
| |
| }
| |
| | |
| .markdown-alert.markdown-alert-tip .markdown-alert-title {
| |
| color: var(--color-tip);
| |
| }
| |
| | |
| .markdown-alert.markdown-alert-caution {
| |
| border-left-color: var(--color-caution);
| |
| }
| |
| | |
| .markdown-alert.markdown-alert-caution .markdown-alert-title {
| |
| color: var(--color-caution);
| |
| }
| |
| | |
| /*</pre>*/</bstyle>}}}}<div class="markdown-alert {{#switch:{{{1|}}} | |
| |Note=markdown-alert-note | | |Note=markdown-alert-note |
| |Tip=markdown-alert-tip | | |Tip=markdown-alert-tip |
Hello
注意
Highlights information that users should take into account, even when skimming.
提示
Optional information to help a user be more successful.
重要
Crucial information necessary for users to succeed.
警告
Critical content demanding immediate user attention due to potential risks.
谨慎
Negative potential consequences of an action.
Custom
My title
With markers: '*' case of chars is not required and titles are supported.
备注
Also any other alert name is allowed.
