import { css } from "emotion" ; const clickable = css `
  cursor: pointer;
` ; const noWarp = css `
  white-space: nowrap;
` ; const useWhiteSpaces = css `
  white-space: pre-wrap;
` ; const truncate = css `
  ${ noWarp };
  overflow: hidden;
  text-overflow: ellipsis;
` ; const breakWords = css `
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  hyphens: auto;
` ; const responsiveImage = css `
  max-width: 100%;
  height: auto;
  display: block;
` ; const withoutLhTopSpace = ( fontSize , lineHeight ) => { return css `
    &::before {
      content: "";
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - ${ parseFloat ( String ( lineHeight / fontSize ) ) }) * ${ parseFloat ( String ( fontSize / 2 ) ) }rem);
    }
  ` ; } ; export { clickable , noWarp , useWhiteSpaces , truncate , breakWords , responsiveImage , withoutLhTopSpace } ;