diff options
| author | Kevin J Hoerr <kjhoerr@protonmail.com> | 2022-11-18 17:57:24 -0500 |
|---|---|---|
| committer | Kevin J Hoerr <kjhoerr@protonmail.com> | 2022-11-18 17:57:24 -0500 |
| commit | 299159ab2b4b1488cfc99e38c921e35d61a1264a (patch) | |
| tree | 32255c1f760ac1f73105f14dd389adbb38fb49b7 /src/styles/BlockBody.ts | |
| parent | 4ea38d6249ffb2a146876bc3c7d4f79e6bbbe832 (diff) | |
| download | submelon.dev-299159ab2b4b1488cfc99e38c921e35d61a1264a.tar.gz submelon.dev-299159ab2b4b1488cfc99e38c921e35d61a1264a.tar.bz2 submelon.dev-299159ab2b4b1488cfc99e38c921e35d61a1264a.zip | |
Refactor components and styles to be consistent
Diffstat (limited to 'src/styles/BlockBody.ts')
| -rw-r--r-- | src/styles/BlockBody.ts | 27 |
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..7791873 --- /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.padding ?? "0"}; + + & > ${BlockAnchor} { + &:hover { + background-color: #ddd; + color: #222; + } + } + &:last-child, + &:last-child > ${BlockAnchor} { + border-bottom-left-radius: 18px; + border-bottom-right-radius: 18px; + } +`; |