How to use the frontity.styled.footer function in frontity

To help you get started, weโ€™ve selected a few frontity examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github frontity / frontity / packages / twentytwenty-theme / src / components / footer.js View on Github external
);
};

export default connect(Footer);

const SiteFooterInner = styled(SectionContainer)`
  align-items: baseline;
  display: flex;
  justify-content: space-between;
`;

const SiteFooter = styled.footer`
  margin-top: 5rem;
  border-color: #dcd7ca;
  border-style: solid;
  border-width: 0;
  padding: 3rem 0;
  background-color: ${props => props.bg};
  color: #000000;

  @media (min-width: 700px) {
    margin-top: 8rem;
    font-size: 1.8rem;
    padding: 4.3rem 0;
  }

  a {
    color: inherit;
github goiblas / personal-blog / packages / goiblas-blog / src / components / footer.js View on Github external
width: var(--container-percentage);
    max-width: var(--container-normal);
    border-top: 1px solid var(--color-border);
    margin-left: auto;
    margin-right: auto;

    --margin-top: 2;
    --padding-top: 1;    
    --padding-bottom: 1;

    ${inMobile} {
        margin-bottom: var(--header-height);
    }
`;

const FooterContainer = styled.footer`
    text-align: center;
    --font-size: -.4;
    color: var(--color-text-light);
`;