<commit_before>import styled from 'styled-components';
import { mix } from 'polished';

import A from 'common/components/A';

import { gutter } from 'common/styles/layout';
import { fluidType } from 'common/styles/utils';
import { borderRadius } from 'common/styles/sizing';

export const Wrapper = styled.li`
  display: inline-flex;
  background-color: ${({ bgColor }) => mix(0.8, bgColor, '#bbb')};
  color: ${({ textColor }) => textColor};
  border-radius: ${borderRadius};
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
  flex-basis: auto !important;
`;

export const Link = styled(A)`
  ${gutter({ position: 'vertical' })}
  ${gutter({ position: 'horizontal', mod: 1.5 })}<commit_msg>fix: vocabchip padding<commit_after>import styled from 'styled-components';
import { mix } from 'polished';

import A from 'common/components/A';

import { fluidType } from 'common/styles/utils';
import { borderRadius } from 'common/styles/sizing';

export const Wrapper = styled.li`
  display: inline-flex;
  background-color: ${({ bgColor }) => mix(0.8, bgColor, '#bbb')};
  color: ${({ textColor }) => textColor};
  border-radius: ${borderRadius};
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
  flex-basis: auto !important;
`;

export const Link = styled(A)`
  padding: .3rem .6rem;
{'fraction_non_alphanumeric': 0.17401574803149605, 'fraction_numerical': 0.01889763779527559, 'mean_word_length': 4.648888888888889, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '1686284', 'n_tokens_mistral': 449, 'n_tokens_neox': 431, 'n_words': 119}