added tattoo post + admonitions anotations
Some checks failed
/ test (push) Failing after 8s

This commit is contained in:
violette 2025-02-27 17:54:57 -05:00
parent dc04e4f83f
commit 655dff28a6
14 changed files with 415 additions and 4 deletions

View file

@ -0,0 +1,308 @@
.admonition {
margin: 1rem 0;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
transition: all 0.3s ease;
}
.admonition-header {
padding: 0.5rem 1rem;
display: flex;
align-items: center;
font-weight: 600;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-size: 1.1rem;
border-radius: 4px 4px 0 0;
}
.admonition-header svg {
width: 1.1em;
height: 1.1em;
margin-right: 0.5rem;
fill: currentColor;
}
.admonition-content {
padding: 1rem;
background-color: #ffffff;
border-radius: 0 0 4px 4px;
color: #000000;
transition: background-color 0.3s ease, color 0.3s ease;
}
.admonition-content p {
margin: 0 0 0.5rem 0;
}
.admonition-content p:last-child {
margin-bottom: 0;
}
.admonition-content ul, .admonition-content ol {
margin: 0 0 0.5rem 0;
padding-left: 1.2rem;
}
.admonition-content ul:last-child, .admonition-content ol:last-child {
margin-bottom: 0;
}
.admonition-content blockquote {
margin: 0 0 0.5rem 0;
padding-left: 1rem;
border-left: 3px solid #e0e0e0;
}
.admonition-content blockquote:last-child {
margin-bottom: 0;
}
.admonition-content code {
background-color: #f5f5f5;
color: #24292e;
padding: 0.2em 0.4em;
border-radius: 3px;
font-size: 0.9em;
}
@media (prefers-color-scheme: dark) {
.admonition-content {
background-color: #1D1E20;
color: #e6e6e6;
}
.admonition-content code {
background-color: #313244;
color: #cdd6f4;
}
.admonition-content blockquote {
border-left-color: #45475a;
color: #cdd6f4;
}
}
body.dark .admonition-content {
background-color: #1D1E20;
color: #e6e6e6;
}
body.dark .admonition-content code {
background-color: #313244;
color: #cdd6f4;
}
body.dark .admonition-content blockquote {
border-left-color: #45475a;
color: #cdd6f4;
}
.admonition.abstract {
background: transparent;
border-left: 4px solid #209fb5;
}
.admonition.abstract .admonition-header {
background: rgba(32, 159, 181, 0.1);
color: #209fb5;
}
.admonition.caution {
background: transparent;
border-left: 4px solid #e64553;
}
.admonition.caution .admonition-header {
background: rgba(230, 69, 83, 0.1);
color: #e64553;
}
.admonition.code {
background: transparent;
border-left: 4px solid #7287fd;
}
.admonition.code .admonition-header {
background: rgba(114, 135, 253, 0.1);
color: #7287fd;
}
.admonition.conclusion {
background: transparent;
border-left: 4px solid #dd7878;
}
.admonition.conclusion .admonition-header {
background: rgba(221, 120, 120, 0.1);
color: #dd7878;
}
.admonition.danger {
background: transparent;
border-left: 4px solid #fe640b;
}
.admonition.danger .admonition-header {
background: rgba(254, 100, 11, 0.1);
color: #fe640b;
}
.admonition.error {
background: transparent;
border-left: 4px solid #d20f39;
}
.admonition.error .admonition-header {
background: rgba(210, 15, 57, 0.1);
color: #d20f39;
}
.admonition.example {
background: transparent;
border-left: 4px solid #dc8a78;
}
.admonition.example .admonition-header {
background: rgba(220, 138, 120, 0.1);
color: #dc8a78;
}
.admonition.experiment {
background: transparent;
border-left: 4px solid #51bb2a;
}
.admonition.experiment .admonition-header {
background: rgba(81, 187, 42, 0.1);
color: #51bb2a;
}
.admonition.goal {
background: transparent;
border-left: 4px solid #e64553;
}
.admonition.goal .admonition-header {
background: rgba(230, 69, 83, 0.1);
color: #e64553;
}
.admonition.idea {
background: transparent;
border-left: 4px solid #df8e1d;
}
.admonition.idea .admonition-header {
background: rgba(223, 142, 29, 0.1);
color: #df8e1d;
}
.admonition.important {
background: transparent;
border-left: 4px solid #7D4DDA;
}
.admonition.important .admonition-header {
background: rgba(125, 77, 218, 0.1);
color: #7D4DDA;
}
.admonition.info {
background: transparent;
border-left: 4px solid #04a5e5;
}
.admonition.info .admonition-header {
background: rgba(4, 165, 229, 0.1);
color: #04a5e5;
}
.admonition.memo {
background: transparent;
border-left: 4px solid #e64553;
}
.admonition.memo .admonition-header {
background: rgba(230, 69, 83, 0.1);
color: #e64553;
}
.admonition.note {
background: transparent;
border-left: 4px solid #096ae1;
}
.admonition.note .admonition-header {
background: rgba(9, 106, 225, 0.1);
color: #096ae1;
}
.admonition.notify {
background: transparent;
border-left: 4px solid #0d48bd;
}
.admonition.notify .admonition-header {
background: rgba(13, 72, 189, 0.1);
color: #0d48bd;
}
.admonition.question {
background: transparent;
border-left: 4px solid #179299;
}
.admonition.question .admonition-header {
background: rgba(23, 146, 153, 0.1);
color: #179299;
}
.admonition.quote {
background: transparent;
border-left: 4px solid #7287fd;
}
.admonition.quote .admonition-header {
background: rgba(114, 135, 253, 0.1);
color: #7287fd;
}
.admonition.success {
background: transparent;
border-left: 4px solid #40a02b;
}
.admonition.success .admonition-header {
background: rgba(64, 160, 43, 0.1);
color: #40a02b;
}
.admonition.task {
background: transparent;
border-left: 4px solid #8839ef;
}
.admonition.task .admonition-header {
background: rgba(136, 57, 239, 0.1);
color: #8839ef;
}
.admonition.tip {
background: transparent;
border-left: 4px solid #179299;
}
.admonition.tip .admonition-header {
background: rgba(23, 146, 153, 0.1);
color: #179299;
}
.admonition.warning {
background: transparent;
border-left: 4px solid #df8e1d;
}
.admonition.warning .admonition-header {
background: rgba(223, 142, 29, 0.1);
color: #df8e1d;
}
/*# sourceMappingURL=admonitions.css.map */

View file

@ -0,0 +1 @@
{"Target":"css/vendors/admonitions.css","MediaType":"text/css","Data":{}}