✨ feat: add multilingual quote shortcode

2023-06-05 23:22:17 +02:00
parent 58d0dd6f2f
commit ab29511d5e
8 changed files with 109 additions and 5 deletions
--- a/sass/parts/_multilingual_quote.scss
+++ b/sass/parts/_multilingual_quote.scss
@@ -0,0 +1,35 @@
+.quote-container {
+    border: none;
+}
+
+.quote-toggle {
+    display: none;
+}
+
+.quote-label {
+    font-family: var(--sans-serif-font);
+    cursor: pointer;
+    color: var(--meta-color);
+    text-align: center;
+    text-decoration: none;
+    font-size: 0.75rem;
+    border-radius: 5px;
+    display: none;
+}
+
+.quote-toggle:not(:checked) ~ .quote .translated .quote-label-original,
+.quote-toggle:checked ~ .quote .original .quote-label-translate {
+    display: inline;
+}
+
+.original {
+    display: none;
+}
+
+.quote-toggle:checked ~ .quote .original {
+    display: block;
+}
+
+.quote-toggle:checked ~ .quote .translated {
+    display: none;
+}