Re-add kbd styles in headers

This commit is contained in:
lolabird 2025-03-25 21:57:24 -06:00
commit 3e0c96ff8e
No known key found for this signature in database
GPG key ID: CCB68A8A3FA20AAA

View file

@ -321,6 +321,9 @@ html {
font-size: 1.7rem; font-size: 1.7rem;
background: transparent; background: transparent;
} }
.ck-content h2 kbd, .ck-content h2 kbd i, .ck-content h2 kbd b, .ck-content h2 kbd strong {
font-size: 1.7rem;
}
.ck-content h3 { .ck-content h3 {
color: #B29556; color: #B29556;
@ -332,6 +335,9 @@ html {
font-size: 1.6rem; font-size: 1.6rem;
background: transparent; background: transparent;
} }
.ck-content h3 kbd, .ck-content h3 kbd i, .ck-content h3 kbd b, .ck-content h3 kbd strong {
font-size: 1.6rem;
}
.ck-content h4 { .ck-content h4 {
color: #E2B24D; color: #E2B24D;
@ -343,6 +349,9 @@ html {
font-size: 1.5rem; font-size: 1.5rem;
background: transparent; background: transparent;
} }
.ck-content h4 kbd, .ck-content h4 kbd i, .ck-content h4 kbd b, .ck-content h4 kbd strong {
font-size: 1.5rem;
}
.ck-content h5 { .ck-content h5 {
color: #BDA97F; color: #BDA97F;
@ -354,6 +363,9 @@ html {
font-size: 1.4rem; font-size: 1.4rem;
background: transparent; background: transparent;
} }
.ck-content h5 kbd, .ck-content h5 kbd i, .ck-content h5 kbd b, .ck-content h5 kbd strong {
font-size: 1.4rem;
}
.ck-content h6 { .ck-content h6 {
color: var(--tan); color: var(--tan);
@ -365,6 +377,9 @@ html {
font-size: 1.3rem; font-size: 1.3rem;
background: transparent; background: transparent;
} }
.ck-content h6 kbd, .ck-content h6 kbd i, .ck-content h6 kbd b, .ck-content h6 kbd strong {
font-size: 1.3rem;
}
/*****TABLE*****/ /*****TABLE*****/
@ -485,41 +500,41 @@ li label {
/***asides***/ /***asides***/
.ck-content .admonition.note { .ck-content .admonition.note {
--accent-color: var(--code-attribute) !important; --accent-color: var(--code-attribute) !important;
--rgb: 203, 224, 234; --rgb: 203, 224, 234;
} }
.ck-content .admonition.tip { .ck-content .admonition.tip {
--accent-color: var(--code-builtin) !important; --accent-color: var(--code-builtin) !important;
--rgb: 195, 154, 208; --rgb: 195, 154, 208;
} }
.ck-content .admonition.important { .ck-content .admonition.important {
--accent-color: var(--code-def) !important; --accent-color: var(--code-def) !important;
--rgb: 92, 156, 228; --rgb: 92, 156, 228;
} }
.ck-content .admonition.caution { .ck-content .admonition.caution {
--accent-color: var(--cherry-red) !important; --accent-color: var(--cherry-red) !important;
--rgb: 255, 48, 48; --rgb: 255, 48, 48;
} }
.ck-content .admonition.warning { .ck-content .admonition.warning {
--accent-color: var(--code-var) !important; --accent-color: var(--code-var) !important;
--rgb: 210, 158, 88; --rgb: 210, 158, 88;
} }
.ck-content aside.admonition { .ck-content aside.admonition {
/*--accent-color: var(--card-border-color);*/ /*--accent-color: var(--card-border-color);*/
--card-background-color: rgba(var(--rgb), .12); --card-background-color: rgba(var(--rgb), .12);
border: none; border: none;
border-left: 3px solid var(--accent-color); border-left: 3px solid var(--accent-color);
box-shadow: var(--card-box-shadow); box-shadow: var(--card-box-shadow);
background: var(--card-background-color); background: var(--card-background-color);
border-radius: 0; border-radius: 0;
padding: 0; padding: 0;
margin: 1.25em 0; margin: 1.25em 0;
margin-right: 14px; margin-right: 14px;
position: relative; position: relative;
padding-left: 2em; padding-left: 2em;
overflow: hidden; overflow: hidden;
font-weight: 300; font-weight: 300;
font-size: 1.35rem; font-size: 1.35rem;
} }
.ck-content aside.admonition::before { .ck-content aside.admonition::before {
color: var(--accent-color); color: var(--accent-color);