diff --git a/quartz/styles/custom.scss b/quartz/styles/custom.scss index d074276..fe2f1a3 100644 --- a/quartz/styles/custom.scss +++ b/quartz/styles/custom.scss @@ -1,5 +1,6 @@ @use "./base.scss"; @use "./wiki.scss"; +@use "./locale.scss"; // put your custom CSS here! @media (min-width: 600px) { diff --git a/quartz/styles/locale.scss b/quartz/styles/locale.scss new file mode 100644 index 0000000..b4a7b4d --- /dev/null +++ b/quartz/styles/locale.scss @@ -0,0 +1,38 @@ +.callout[data-callout~="local"] { + //float: right; + width: 28px; + height: 28px; + padding: 0; + margin: 0; + border-radius: unset; + overflow: unset; + position: relative; + z-index: 4; + background-color: unset; + border: unset; + & > .callout-title, + & > p { + justify-content: flex-end; + width: 100%; + height: 100%; + position: absolute; + padding: 0; + margin: 0; + z-index: 5; + border-radius: unset; + + & > .callout-icon { + display: none; + } + & img { + border-radius: unset; + } + } + & > * a { + width: 100%; + height: 100%; + display: block; + overflow: hidden; + font-size: 0; + } +}