aboutsummaryrefslogtreecommitdiffhomepage
path: root/src/styles/BlockBody.ts
diff options
context:
space:
mode:
authorKevin Hoerr <kjhoerr@protonmail.com>2022-11-18 19:56:28 -0500
committerGitHub <noreply@github.com>2022-11-18 19:56:28 -0500
commit1bbecf5d56f103784aa32c550c87048090da0ec1 (patch)
tree645ce26fbfa164a384e54b087e0918e5794b1a02 /src/styles/BlockBody.ts
parent866a9f7991f43242995879c18fa7fc717cc3e8b6 (diff)
downloadsubmelon.dev-1bbecf5d56f103784aa32c550c87048090da0ec1.tar.gz
submelon.dev-1bbecf5d56f103784aa32c550c87048090da0ec1.tar.bz2
submelon.dev-1bbecf5d56f103784aa32c550c87048090da0ec1.zip
Site updates (#1)
* Add current page as reference * Upgrade dependencies: Gatsby 5.0.1 * Refactor components and styles to be consistent * Switch tense of BlockBody prop * Remove header on stylesheet * move timestamp to package version * Commit public dir for use with static site builders * Remove 1.0.7 file ref
Diffstat (limited to 'src/styles/BlockBody.ts')
-rw-r--r--src/styles/BlockBody.ts27
1 files changed, 27 insertions, 0 deletions
diff --git a/src/styles/BlockBody.ts b/src/styles/BlockBody.ts
new file mode 100644
index 0000000..8fb655e
--- /dev/null
+++ b/src/styles/BlockBody.ts
@@ -0,0 +1,27 @@
+import styled from "styled-components";
+import BlockAnchor from "./BlockAnchor";
+
+export default styled.div`
+ & + & {
+ margin-top: 3px;
+ }
+
+ background-color: #fff;
+ border: 1px #000 solid;
+ border-left: 3px #000 solid;
+ border-right: 3px #000 solid;
+
+ padding: ${(props) => (props.theme.link ? "0" : "4px 8px")};
+
+ & > ${BlockAnchor} {
+ &:hover {
+ background-color: #ddd;
+ color: #222;
+ }
+ }
+ &:last-child,
+ &:last-child > ${BlockAnchor} {
+ border-bottom-left-radius: 18px;
+ border-bottom-right-radius: 18px;
+ }
+`;