{"size": 2188, "ext": "js", "max_stars_repo_path": "src/components/Footer/Footer.styles.js", "max_stars_repo_name": "mali891/mohammed-ali", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Footer/Footer.styles.js", "max_issues_repo_name": "mali891/mohammed-ali", "max_issues_repo_issues_event_min_datetime": "2020-09-07T22:36:33.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T01:50:29.000Z", "max_forks_repo_path": "src/components/Footer/Footer.styles.js", "max_forks_repo_name": "mali891/mohammed-ali", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 12, "max_forks_count": null, "avg_line_length": 20.2592592593, "max_line_length": 106, "alphanum_fraction": 0.533820841}
import { css } from '@emotion/core'
import { FONT_SIZES, SPACING, MEDIA_QUERIES, VIEWPORT_SIZES } from '../../styles/settings'

export const styles = css`
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;

  .c-footer__logo {
    width: ${SPACING.MOBILE.XL};
  }

  .c-footer__social {
    display: flex;
    align-items: center;
    justify-content: center;

    &__icon {
      width: 5rem;
      height: 5rem;
      border-radius: 50%;
      border: 1px solid white;
      display: inline-block;
      margin: 0 ${SPACING.MOBILE.XS};

      svg {
        width: 100%;
      }
    }
  }

  .c-footer__blurb {
    width: 100vw;
    display: flex;
    justify-content: center;
    padding: ${SPACING.MOBILE.XS};
    margin-top: ${SPACING.MOBILE.LG};
    text-align: center;

    p {
      font-size: ${FONT_SIZES.XS};
      text-align: center;
    }
  }

  ${VIEWPORT_SIZES.map(
    viewport =>
      `@media (min-width: ${MEDIA_QUERIES[`${viewport}`]}) {
        padding: ${SPACING[`${viewport}`].LG} ${SPACING[`${viewport}`].LG} 0 ${SPACING[`${viewport}`].LG};

        .c-footer__social {
          margin-top: ${SPACING[`${viewport}`].LG};
        }

        .c-footer__blurb {
          padding: ${SPACING[`${viewport}`].XS};
          margin-top: ${SPACING[`${viewport}`].LG};

          p {
            font-size: ${FONT_SIZES[`${viewport}`].XS};
            text-align: center;
          }
        }
    }`
  )}

  @media (min-width: ${MEDIA_QUERIES.TABLET}) {
    .c-footer__logo {
      width: ${SPACING.TABLET.LG};
    }

    .c-footer__social {
      &__icon {
        margin: 0 ${SPACING.TABLET.SM};
      }
    }
  }

  @media (min-width: ${MEDIA_QUERIES.NOTEBOOK}) {
    .c-footer__logo {
      width: ${SPACING.NOTEBOOK.LG};
    }

    .c-footer__social {
      &__icon {
        margin: 0 ${SPACING.NOTEBOOK.SM};
        width: 6rem;
        height: 6rem;
      }
    }
  }

  @media (min-width: ${MEDIA_QUERIES.DESKTOP}) {
    .c-footer__logo {
      width: ${SPACING.DESKTOP.LG};
    }

    .c-footer__social {
      &__icon {
        margin: 0 ${SPACING.DESKTOP.SM};
        width: 7rem;
        height: 7rem;
      }
    }
  }
`
