import styled from 'styled-components' ; const extendClick = ( ) => { return `
    position: relative;
    &:before{
      content: '';
      position: absolute;
      top: -10px; bottom: -10px; left: -10px; right: -10px;
    };
  ` ; } ; const noWrap = ( ) => { return `
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  ` ; } ; export const EnterLoading = styled . div `
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100px;
  height: 100px;
  margin: auto;
` ; export const LoadingContainer = styled . div `
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100px;
  height: 100px;
  margin: auto;
` ; export default { 'theme-color' : '#d44439' , 'theme-color-shadow' : 'rgba(212, 68, 57, .5)' , 'font-color-light' : '#f1f1f1' , 'font-color-desc' : '#2E3030' , 'font-color-desc-v2' : '#bba8a8' , 'font-size-ss' : '10px' , 'font-size-s' : '12px' , 'font-size-m' : '14px' , 'font-size-l' : '16px' , 'font-size-ll' : '18px' , 'border-color' : '#e4e4e4' , 'background-color' : '#f2f3f4' , 'background-color-shadow' : 'rgba(0, 0, 0, 0.3)' , 'highlight-background-color' : '#fff' , 'official-red' : '#DB3730' , extendClick , noWrap , } ;