YOSGO-OFFICEAL-WEB-APP-Styled-Component-sheetjs

YOSGO-OFFICEAL-WEB-APP-Styled-Component-sheet.js

/**
 * Pure Text
 */ 
const TextSmall = styled.p`
  font-size: 12.3px;
  margin: 0;
`
const TextBase = styled.p`
  font-size: 15.2px;
  margin: 0;
`;
const TextLarge = styled.p`
  font-size: 17.8px;
  margin: 0;
`;


/**
 * Title with Bolder
 */ 
const Head1 = styled.h1`
  font-size: 36px;
`;
const Head2 = styled.h2`
  font-size: 30px;
`;
const Head3 = styled.h3`
  font-size: 24px;
`;
const Head4 = styled.h4`
  font-size: 18px;
`;
const Head5 = styled.h5`
  font-size: 15px;
`;


/**
 * Color
 */ 
$lightGrayBg: #f9fafc;
$lightGrayFieldBorder: #e3e6ee;
$lightGrayLine: #e3e6ee;
$grayWord: #9b9b9b;
$gray: #9b9b9b;
$green: #07C9C6;
$red: #f05945;
$black: rgba(0,0,0,1);
$black2: rgba(33,33,33,1);
$black3: rgba(55,55,55,1);

/** 
 * Layout
 */
$sideSpacing: 10vw;
$sideSpacingSmall: 5vw;