<commit_before>import React from 'react'
import styled, { injectGlobal, ThemeProvider } from 'styled-components'
import { Flex, Box } from 'grid-styled'
import { normalize, animation } from 'polished'

import Logo from '@/assets/avatar.png'
import theme from '@/styled/theme'
import media from '@/styled/media'
import { styledScrollbar, fixedNav } from '@/styled/mixins'
import { rotate360 } from '@/styled/animations'
import Navs from '@/layouts/navs'
import Socials from '@/components/socials'

const Container = styled.div`
  color: ${props => props.theme.color.base};
  font-family: ${props => props.theme.font.sans};
`

const Header = styled(Flex).attrs({
  is: 'header',
  justify: 'space-between',
  align: 'center',
})`
  ${fixedNav};

  padding: 0 3em;

  ${media.lessThan('desktop')`
    padding: 0 1em;
  `};

  ${media.lessThan('mobile')`
    position: static;
  `}；
`

const SiteAvatar = styled.div`
  background: url(${Logo});
  background-size: cover;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  margin-right: 0.5em;
  ${animation([rotate360, '5s', 'linear', 1])};
`
const SiteTitle = styled.h1`
  font-size: 1.1em;
  font-weight: 500;
  margin: 0;
  margin-right: 1em;
`

const Main = styled(Flex).attrs({
  is: 'main',
  align: 'stretch',
})`
  margin-top: ${props => props.theme.headerHeight};
  min-height: calc(100vh - ${props => props.theme.headerHeight});

  ${media.lessThan('tablet')`
    padding-bottom: ${props => props.theme.headerHeight};
  `};

  ${media.lessThan('mobile')`
    margin-top: 0;
  `};
`<commit_msg>*layout: Redundant padding<commit_after>import React from 'react'
import styled, { injectGlobal, ThemeProvider } from 'styled-components'
import { Flex, Box } from 'grid-styled'
import { normalize, animation } from 'polished'

import Logo from '@/assets/avatar.png'
import theme from '@/styled/theme'
import media from '@/styled/media'
import { styledScrollbar, fixedNav } from '@/styled/mixins'
import { rotate360 } from '@/styled/animations'
import Navs from '@/layouts/navs'
import Socials from '@/components/socials'

const Container = styled.div`
  color: ${props => props.theme.color.base};
  font-family: ${props => props.theme.font.sans};
`

const Header = styled(Flex).attrs({
  is: 'header',
  justify: 'space-between',
  align: 'center',
})`
  ${fixedNav};

  padding: 0 3em;

  ${media.lessThan('desktop')`
    padding: 0 1em;
  `};

  ${media.lessThan('mobile')`
    position: static;
  `}；
`

const SiteAvatar = styled.div`
  background: url(${Logo});
  background-size: cover;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  margin-right: 0.5em;
  ${animation([rotate360, '5s', 'linear', 1])};
`
const SiteTitle = styled.h1`
  font-size: 1.1em;
  font-weight: 500;
  margin: 0;
  margin-right: 1em;
`

const Main = styled(Flex).attrs({
  is: 'main',
  align: 'stretch',
})`
  margin-top: ${props => props.theme.headerHeight};
  min-height: calc(100vh - ${props => props.theme.headerHeight});

  ${media.lessThan('mobile')`
    margin-top: 0;
  `};
`
{'fraction_non_alphanumeric': 0.1771523178807947, 'fraction_numerical': 0.019867549668874173, 'mean_word_length': 4.190721649484536, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 12, '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': '2717639', 'n_tokens_mistral': 1138, 'n_tokens_neox': 1074, 'n_words': 256}