Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings
This repository was archived by the owner on Jun 1, 2023. It is now read-only.

Commit 6d338d2

Browse files
authored
Style callout delimiters in discussion for HTML output (#282)
* Delete commented rules * Style callout delimiters in discussion * Use more accessible colors for callouts
1 parent 0b9fc74 commit 6d338d2

File tree

5 files changed

+65
-29
lines changed

5 files changed

+65
-29
lines changed

‎Assets/css/all.css‎

Lines changed: 55 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -803,23 +803,6 @@ nav {
803803
}
804804
}
805805

806-
/* main :matches(h1, h2, h3) {
807-
position: sticky;
808-
top: 0px;
809-
}
810-
811-
main h1 {
812-
z-index: 1;
813-
}
814-
815-
main h2 {
816-
z-index: 2;
817-
}
818-
819-
main h3 {
820-
z-index: 3;
821-
} */
822-
823806
blockquote {
824807
--link: var(--secondary-label);
825808
border-left: 4px var(--separator) solid;
@@ -833,6 +816,61 @@ blockquote {
833816
}
834817
}
835818

819+
.discussion aside {
820+
--link: var(--accent-color);
821+
822+
border: 0.25px var(--separator) solid;
823+
border-left: 6px var(--separator) solid;
824+
border-top-left-radius: 8px;
825+
border-bottom-left-radius: 8px;
826+
border-top-right-radius: 8px;
827+
border-bottom-right-radius: 8px;
828+
padding: 0.125em 1em;
829+
margin-bottom: 1em;
830+
color: var(--accent-color);
831+
832+
&:before {
833+
content: attr(title);
834+
font-variant: small-caps;
835+
text-transform: lowercase;
836+
color: var(--accent-color);
837+
}
838+
839+
& > p {
840+
margin-top: 0.25em;
841+
margin-bottom: 0.25em;
842+
}
843+
844+
& {
845+
--accent-color: rgb(0, 0, 73);
846+
--separator: var(--system-blue);
847+
background: rgba(0, 122, 255, 0.0125);
848+
}
849+
850+
&.author,
851+
&.authors,
852+
&.copyright,
853+
&.date {
854+
--accent-color: rgb(51, 51, 51);
855+
--separator: var(--system-fill);
856+
background: var(--system-background);
857+
}
858+
859+
&.attention,
860+
&.warning,
861+
&.important {
862+
--accent-color: rgb(76, 37, 2);
863+
--separator: var(--system-orange);
864+
background: rgba(255, 149, 0, 0.0125);
865+
}
866+
867+
&.bug {
868+
--accent-color: rgb(78, 0, 41);
869+
--separator: var(--system-pink);
870+
background: rgba(255, 59, 48, 0.0125);
871+
}
872+
}
873+
836874
article {
837875
padding: 2em 0 1em 0;
838876

@@ -960,7 +998,6 @@ p code,
960998
dd code,
961999
li code {
9621000
font-size: smaller;
963-
color: var(--secondary-label);
9641001
}
9651002

9661003
a code {

‎Package.resolved‎

Lines changed: 8 additions & 8 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /