<commit_before>import colors from '../../../lib/colors'
import screenSizes from '../../../lib/screen-sizes'

const Links = () => (
  <ul>
    <li>
      <a href="https://github.com/wulkano/kap/releases/download/v2.0.0/Kap-2.0.0.dmg">
        Download
      </a>
    </li>
    <li>
      <a href="https://github.com/wulkano/kap/issues">Issues</a>
    </li>
    <li>
      <a href="https://github.com/wulkano/kap/blob/master/LICENSE">License</a>
    </li>
    <style jsx>{`
      a {
        width: 74px;
        height: 24px;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: left;
        color: ${colors.purple};
      }

      a:hover {
        text-decoration: underline;
      }

      ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
      }

      li {
        margin-left: 32px;
      }

      @media only screen and (max-width: ${screenSizes.tablet}) {
        ul {
          flex-direction: column;
          align-items: flex-start;
          margin-bottom: 16px;
        }
        li {
          padding: 8px 0;
        }
      }
    `}</style>
  </ul>
)

export default Links<commit_msg>Revert link styles mobile<commit_after>import colors from '../../../lib/colors'
import screenSizes from '../../../lib/screen-sizes'

const Links = () => (
  <ul>
    <li>
      <a href="https://github.com/wulkano/kap/releases/download/v2.0.0/Kap-2.0.0.dmg">
        Download
      </a>
    </li>
    <li>
      <a href="https://github.com/wulkano/kap/issues">Issues</a>
    </li>
    <li>
      <a href="https://github.com/wulkano/kap/blob/master/LICENSE">License</a>
    </li>
    <style jsx>{`
      a {
        width: 74px;
        height: 24px;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: left;
        color: ${colors.purple};
      }

      a:hover {
        text-decoration: underline;
      }

      ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
      }

      li {
        margin-left: 32px;
      }

      @media only screen and (max-width: ${screenSizes.tablet}) {
        ul {
          display: inline-block;
          padding-bottom: 32px;
        }
        li {
          padding: 8px 0;
          margin-left: 0px;
        }
      }
    `}</style>
  </ul>
)

export default Links
{'fraction_non_alphanumeric': 0.15890083632019117, 'fraction_numerical': 0.01632815611310235, 'mean_word_length': 1.5348133198789102, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 37, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2479854', 'n_tokens_mistral': 900, 'n_tokens_neox': 856, 'n_words': 164}