diff options
| author | Kevin Hoerr <kjhoerr@protonmail.com> | 2022-11-18 19:56:28 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-11-18 19:56:28 -0500 |
| commit | 1bbecf5d56f103784aa32c550c87048090da0ec1 (patch) | |
| tree | 645ce26fbfa164a384e54b087e0918e5794b1a02 /src/styles/BlockBody.ts | |
| parent | 866a9f7991f43242995879c18fa7fc717cc3e8b6 (diff) | |
| download | submelon.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.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..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; + } +`; |
