{"size": 765, "ext": "js", "max_stars_repo_path": "components/NavBar/NavBarStyled.js", "max_stars_repo_name": "barteksiudak/siudak", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "components/NavBar/NavBarStyled.js", "max_issues_repo_name": "barteksiudak/siudak", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "components/NavBar/NavBarStyled.js", "max_forks_repo_name": "barteksiudak/siudak", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 17.0, "max_line_length": 59, "alphanum_fraction": 0.4901960784}
import styled from 'styled-components';

import {
  getStyleBreakpointBody,
  getStyleRowByTheme,
} from '../../factories';

export default styled.div(
  ({
    theme: {
      color: colors,
      breakpoints: { lg: breakpoint },
    },
  }) => `
    flex: 1;

    > ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      padding: 0 30px;

      ${getStyleBreakpointBody(
        breakpoint,
        ['position: fixed;', 'top: 0;'],
        true,
      )}

      a {
        ${getStyleRowByTheme({ color: 'info' }, colors)}

        &:visited: {
          ${getStyleRowByTheme({ color: 'info' }, colors)}
        }

        &:hover,
        &:active {
          ${getStyleRowByTheme({ color: 'light' }, colors)}
        }
      }
    }

  `,
);
