From f5e1ce4203c17c04ee304851e6bb5f8c75ddba7e Mon Sep 17 00:00:00 2001
From: LUCASTUCIOUS <peterlucas2804@gmail.com>
Date: Thu, 1 Feb 2024 17:21:24 +0100
Subject: [PATCH] add Locale callout

---
 quartz/styles/custom.scss |  1 +
 quartz/styles/locale.scss | 38 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 39 insertions(+)
 create mode 100644 quartz/styles/locale.scss

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;
+  }
+}