Skip to content

parent backgroundColor and backgroundImage children Container border #12

@vmaark

Description

@vmaark

Love the lib, but ran into a problem fast, setting a background messes up children's Container borders.
how to reproduce:

 <div
  style={{
    backgroundColor: "#59AAAA",
  }}
>
   <Container>
      <p>Containers</p>
      <Row>
        <Col>
          <Container>Regular</Container>
        </Col>
        <Col>
          <Container rounded>Rounded</Container>
        </Col>
        <Col>
          <Container title="With Title">Title for this one</Container>
        </Col>
      </Row>
      <Row>
        <Col>
          <Container dark>Dark</Container>
        </Col>
        <Col>
          <Container centered>Centered text for this one!</Container>
        </Col>
      </Row>
    </Container>
  </div>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions