From 6682690a1c8a05bcffc24bcef3c89a14c1762d85 Mon Sep 17 00:00:00 2001 From: lonkaars Date: Fri, 26 Mar 2021 21:28:29 +0100 Subject: image and button components --- styles/button.css | 25 +++++++++++++++++++++++++ styles/image.css | 16 ++++++++++++++++ 2 files changed, 41 insertions(+) create mode 100644 styles/button.css create mode 100644 styles/image.css (limited to 'styles') diff --git a/styles/button.css b/styles/button.css new file mode 100644 index 0000000..ff5ecec --- /dev/null +++ b/styles/button.css @@ -0,0 +1,25 @@ +.button { + background-color: var(--fire-opal); + color: var(--fg) !important; + + padding: 12px; + min-width: 200px; + text-align: center; + width: min-content; + + display: block !important; + margin: 0 auto var(--page-margins) auto; + + font-size: 1rem; + font-family: "Inter", sans-serif; + font-weight: 600; + + border-radius: 8px; + border: 0; + + cursor: pointer; +} + +a.button { min-width: calc(200px - 2 * 12px); } +a.button::after { display: none; } + diff --git a/styles/image.css b/styles/image.css new file mode 100644 index 0000000..d354ab9 --- /dev/null +++ b/styles/image.css @@ -0,0 +1,16 @@ +.image, +.image img { + width: 100%; + max-width: 500px; +} + +.image { + margin: 0 auto var(--page-margins) auto; +} + +.image p { + text-align: left; + opacity: .8; + font-style: italic; + margin-top: 12px; +} -- cgit v1.2.3