{"size": 1659, "ext": "js", "max_stars_repo_path": "src/components/Footer/Footer.styles.js", "max_stars_repo_name": "trompamusic/trompa-campaign-manager", "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": "trompamusic/trompa-campaign-manager", "max_issues_repo_issues_event_min_datetime": "2021-03-03T13:28:19.000Z", "max_issues_repo_issues_event_max_datetime": "2021-04-30T15:32:22.000Z", "max_forks_repo_path": "src/components/Footer/Footer.styles.js", "max_forks_repo_name": "trompamusic/trompa-campaign-manager", "max_forks_repo_forks_event_min_datetime": "2021-03-08T17:12:13.000Z", "max_forks_repo_forks_event_max_datetime": "2021-03-08T17:12:13.000Z"}
{"max_stars_count": null, "max_issues_count": 16, "max_forks_count": 1, "avg_line_length": 23.0416666667, "max_line_length": 80, "alphanum_fraction": 0.4894514768}
import { createStyles } from '@material-ui/styles';

export default ({ spacing, typography, palette, breakpoints }) => createStyles({
  footer: {
    boxShadow: '0 2px 6px 0px rgba(0,0,0,0.2)',
    padding  : '48px 96px',
    '& h3'   : {
      marginBottom: spacing(3),
    },
    '& p': {
      maxWidth: 1240,
    },
    [breakpoints.only('xs')]: {
      padding: '36px 16px',
      '& h3' : {
        marginTop: spacing(2),
      },
    },
  },
  logo: {
    width                   : 138,
    marginBottom            : 48,
    [breakpoints.down('sm')]: {
      marginBottom: spacing(4),
    },
  },
  linksRow: {
    marginBottom: spacing(5),
  },
  linksLastColumn: {
    paddingLeft             : spacing(4),
    [breakpoints.down('sm')]: {
      paddingLeft: 0,
    },
  },
  linksBlock: {
    display      : 'flex',
    flexDirection: 'column',
    marginRight  : `-${spacing(3.5)}px`,
    '& a'        : {
      fontFamily    : typography.fontFamilyOpenSans,
      fontSize      : typography.pxToRem(15.8),
      letterSpacing : 0.5,
      textDecoration: 'none',
      color         : palette.text.darkGrey,
      marginBottom  : spacing(2),
    },
  },
  euBlock: {
    [breakpoints.down('md')]: {
      alignItems: 'flex-start',
    },
  },
  euFlag: {
    width                   : 120,
    height                  : 80,
    marginRight             : spacing(3),
    [breakpoints.down('md')]: {
      alignItems  : 'flex-start',
      paddingTop  : spacing(),
      marginBottom: spacing(2),
    },
    [breakpoints.down('sm')]: {
      width : 240,
      height: 160,
    },
    [breakpoints.only('xs')]: {
      paddingTop: 0,
    },
  },
});
