src/styles/BlockBody.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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;
  }
`;