<commit_before>import styled from 'styled-components'

export const SocialLinksWrapper = styled.nav``

export const SocialLinksList = styled.ul`
  display: grid;
  grid-gap: 0.8rem;
  grid-auto-flow: column;
  grid-auto-columns: 3.2rem;
  align-items: center;
  list-style: none;
`

export const SocialLinksItem = styled.li``

export const SocialLinksLink = styled.a`
  color: var(--text);
  transition: color 0.3s;
  font-size: 2.4rem;

  &:hover {
    color: var(--accent);
  }
`<commit_msg>Set SocialLinks to row layout<commit_after>import styled from 'styled-components'
import mediaQuery from '../../styles/mediaQuery'

export const SocialLinksWrapper = styled.nav``

export const SocialLinksList = styled.ul`
  display: grid;
  grid-gap: 0.8rem;
  grid-auto-flow: column;
  grid-auto-columns: 3.2rem;
  align-items: center;
  list-style: none;

  ${mediaQuery.lessThan('socialLinks')`
    grid-auto-flow: row;
  `}
`

export const SocialLinksItem = styled.li``

export const SocialLinksLink = styled.a`
  color: var(--text);
  transition: color 0.3s;
  font-size: 2.4rem;

  &:hover {
    color: var(--accent);
  }
`
{'fraction_non_alphanumeric': 0.13814616755793227, 'fraction_numerical': 0.0142602495543672, 'mean_word_length': 3.799145299145299, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3730201', 'n_tokens_mistral': 405, 'n_tokens_neox': 392, 'n_words': 95}