aboutsummaryrefslogtreecommitdiff
path: root/CSS/quote-code.css
diff options
context:
space:
mode:
authorOxbian <oxbian@mailbox.org>2024-10-13 14:21:34 -0400
committerOxbian <oxbian@mailbox.org>2024-10-13 14:21:34 -0400
commit157468b84553c47d0f5ba312d815ea7195b0d6b5 (patch)
tree2e367f441239f61f53307855d96e9f40b02e95ac /CSS/quote-code.css
parent633bf74a3ecb66760010ce8b958356523bd75a4b (diff)
downloadweb-template-157468b84553c47d0f5ba312d815ea7195b0d6b5.tar.gz
web-template-157468b84553c47d0f5ba312d815ea7195b0d6b5.zip
feat: components (buttons, inputfields, dropdowns, quotes / codes)
Diffstat (limited to 'CSS/quote-code.css')
-rw-r--r--CSS/quote-code.css35
1 files changed, 35 insertions, 0 deletions
diff --git a/CSS/quote-code.css b/CSS/quote-code.css
new file mode 100644
index 0000000..87cb60e
--- /dev/null
+++ b/CSS/quote-code.css
@@ -0,0 +1,35 @@
+code, pre, blockquote
+{
+ margin: 3vh 0px;
+ padding: 1.5vh 2vw;
+
+ background-color: var(--quote-bg);
+ border-left: 2px solid var(--quote-border);
+}
+
+
+
+blockquote
+{
+ text-indent: calc(-10px - 0.390625vw);
+ font-style: italic;
+}
+
+@supports ( hanging-punctuation: first)
+{
+ blockquote
+ {
+ text-indent: 0;
+ hanging-punctuation: first;
+ }
+}
+
+blockquote::before
+{
+ content: open-quote;
+}
+
+blockquote::after
+{
+ content: close-quote;
+}
ArKa projects. All rights to me, and your next child right arm.