diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css new file mode 100644 index 00000000..889198bc --- /dev/null +++ b/docs/stylesheets/extra.css @@ -0,0 +1,21 @@ +/* Custom admonition type: star */ +:root { + --md-admonition-icon--star: url('data:image/svg+xml;charset=utf-8,'); +} + +.md-typeset .admonition.star, +.md-typeset details.star { + border-color: #ffc107; +} + +.md-typeset .star > .admonition-title, +.md-typeset .star > summary { + background-color: rgba(255, 193, 7, 0.1); +} + +.md-typeset .star > .admonition-title::before, +.md-typeset .star > summary::before { + background-color: #ffc107; + -webkit-mask-image: var(--md-admonition-icon--star); + mask-image: var(--md-admonition-icon--star); +} diff --git a/zensical.toml b/zensical.toml index 9733b7e9..4e74b570 100644 --- a/zensical.toml +++ b/zensical.toml @@ -3,6 +3,7 @@ site_name = "CorridorKey" site_description = "Perfect Green Screen Keys" repo_name = "CorridorKey" repo_url = "https://github.com/nikopueringer/CorridorKey" +extra_css = ["stylesheets/extra.css"] nav = [ { Home = "index.md" },