diff --git a/assets/css/theme-neon.css b/assets/css/theme-neon.css
index f70f117b7b..03ae2e54a6 100644
--- a/assets/css/theme-neon.css
+++ b/assets/css/theme-neon.css
@@ -214,23 +214,15 @@ body .anchor {
body .badge,
body .btn,
-body div.box {
- box-shadow:
- 0 0 1px rgba(255, 255, 255, 1),
- 0 0 2px rgba(255, 255, 255, 1),
- 0 0 4px rgba(128, 128, 128, 1),
- 0 0 4px var(--VARIABLE-BOX-color);
+body div.box:not(.cstyle.transparent) {
+ box-shadow: 0 0 1px rgba(255, 255, 255, 1), 0 0 2px rgba(255, 255, 255, 1), 0 0 4px rgba(128, 128, 128, 1), 0 0 4px var(--VARIABLE-BOX-color);
}
body .badge > .badge-content,
body .btn,
body .btn > *,
-body div.box > .box-label {
- text-shadow:
- 0 0 1px rgba(255, 255, 255, 1),
- 0 0 2px rgba(255, 255, 255, 1),
- 0 0 4px rgba(128, 128, 128, 1),
- 0 0 4px var(--VARIABLE-BOX-CAPTION-color);
+body div.box:not(.cstyle.transparent) > .box-label {
+ text-shadow: 0 0 1px rgba(255, 255, 255, 1), 0 0 2px rgba(255, 255, 255, 1), 0 0 4px rgba(128, 128, 128, 1), 0 0 4px var(--VARIABLE-BOX-CAPTION-color);
}
body .tab-panel-cstyle:not(.transparent),
@@ -256,7 +248,7 @@ body .btn.cstyle.interactive.transparent > *:focus {
color: var(--INTERNAL-MAIN-TEXT-color);
}
-body .box.cstyle.transparent {
+body div.box.cstyle.transparent {
box-shadow: none;
}
diff --git a/assets/css/theme.css b/assets/css/theme.css
index c7f81d1df7..586f261d1c 100644
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -1518,8 +1518,8 @@ option {
}
.expand {
- margin-bottom: 1rem;
- margin-top: 1rem;
+ margin-bottom: 1.5rem;
+ margin-top: 1.5rem;
position: relative;
}
@@ -2762,6 +2762,30 @@ body.notfound #shrug svg {
width: 15rem;
}
+/* notice box */
+
+div.box.cstyle.transparent {
+ border-width: 0;
+}
+
+div.box.cstyle.transparent > .box-label {
+ margin: 0;
+ padding-bottom: 0;
+ padding-top: 0;
+}
+div.box.expand.cstyle.transparent > .box-label {
+ color: var(--INTERNAL-MAIN-LINK-color);
+}
+
+div.box.cstyle.transparent > .box-spacer {
+ display: none;
+}
+
+div.box.cstyle.transparent > .box-content {
+ margin-top: 0;
+ padding-bottom: 0;
+}
+
/* color style definitions */
.cstyle {
diff --git a/exampleSite/content/introduction/releasenotes/7/2.en.md b/exampleSite/content/introduction/releasenotes/7/2.en.md
new file mode 100644
index 0000000000..eec530fe6c
--- /dev/null
+++ b/exampleSite/content/introduction/releasenotes/7/2.en.md
@@ -0,0 +1,13 @@
++++
+disableToc = false
+hidden = true
+title = "Version 7.2"
+type = "releasenotes"
+weight = -1
++++
+
+## 7.2.0.beta (XXXX-XX-XX) {#7-2-0}
+
+### Change
+
+- {{% badge style="note" title=" " %}}Change{{% /badge %}} Due to refactoring, the [`expand` shortcode](shortcodes/expand) and the [`notice` shortcode](shortcodes/notice) with `style=transparent` now generate slightly different margins.
diff --git a/exampleSite/content/shortcodes/expand.en.md b/exampleSite/content/shortcodes/expand.en.md
index 28350cd587..24f6a85e2a 100644
--- a/exampleSite/content/shortcodes/expand.en.md
+++ b/exampleSite/content/shortcodes/expand.en.md
@@ -23,6 +23,14 @@ That's some more text with a footnote.[^someid]
## Usage
{{< tabs groupid="shortcode-parameter">}}
+{{% tab title="callout" %}}
+
+````md
+> [!transparent]- Expand me...
+> Thank you!
+````
+
+{{% /tab %}}
{{% tab title="shortcode" %}}
````go
@@ -50,7 +58,9 @@ That's some more text with a footnote.[^someid]
{{% /tab %}}
{{< /tabs >}}
-The [`notice` shortcode](shortcodes/notice) is also capable of displaying expandable/collapsible sections of text but with color options.
+[Extended callout syntax](https://gohugo.io/render-hooks/blockquotes/#extended-syntax) is available in other Markdown parsers like Obsidian and therefore is the recommend syntax for generating portable Markdown.
+
+The [`notice` shortcode](shortcodes/notice) is also capable of displaying expandable/collapsible sections of text but with additional parameter for color and additional icons.
### Parameter
diff --git a/exampleSite/content/shortcodes/notice.en.md b/exampleSite/content/shortcodes/notice.en.md
index 7ce809730f..b01422d753 100644
--- a/exampleSite/content/shortcodes/notice.en.md
+++ b/exampleSite/content/shortcodes/notice.en.md
@@ -55,7 +55,7 @@ It is all about the boxes.
{{% /tab %}}
{{< /tabs >}}
-Callout syntax has limited features as it does not provide all of the below parameter. Nevertheless, it is widely available in other Markdown parsers like with [GitHub alerts](https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#alerts) or [Obsidian callouts](https://help.obsidian.md/Editing+and+formatting/Callouts#Change+the+title) and therefore is the recommend syntax for generating portable Markdown.
+Callout syntax has limited features as it does not provide all of the below parameter. Nevertheless, it is widely available in other Markdown parsers like [GitHub](https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#alerts) or [Obsidian](https://help.obsidian.md/Editing+and+formatting/Callouts#Change+the+title) and therefore is the recommend syntax for generating portable Markdown.
If you want to display a transparent expandable box without any border, you can also use the [`expand` shortcode](/shortcodes/expand).
diff --git a/layouts/partials/shortcodes/expand.html b/layouts/partials/shortcodes/expand.html
index 87ebcb7051..f740d740bd 100644
--- a/layouts/partials/shortcodes/expand.html
+++ b/layouts/partials/shortcodes/expand.html
@@ -3,11 +3,6 @@
{{- $page = .context }}
{{- warnf "%q: DEPRECATED parameter 'context' for shortcode 'expand' found, use 'page' instead; see https://mcshelby.github.io/hugo-theme-relearn/introduction/releasenotes/5/#5-18-0" $page.File.Filename }}
{{- end }}
-{{- $content := trim .content "\n\r\t " }}
-{{- $hasContent := ne (strings.TrimLeft "" $content) "" }}
-{{- if not (hasPrefix $content "<") }}
- {{- $content = printf "
\n%s" $content }}
-{{- end }}
{{- $title := .title | default (T "Expand-title") }}
{{- $title = trim $title " " }}
{{- $expanded := .expanded | default false }}
@@ -18,18 +13,10 @@
{{- if eq (printf "%T" $expanded) "string" }}
{{- $expanded = (eq $expanded "true") }}
{{- end }}
-{{- $id := cond (or (eq .id nil) (eq .id "")) (partial "_relearn/makeRandomMd5.gotmpl" $page) .id }}
-{{- with $page }}
- {{- if $hasContent -}}
-
-
-
-
-{{ $content | safeHTML }}
-
-