message: Adds a css-less sub-variant so it can be used in pseudo-elements behind a function
diff: @@ -2,8 +2,7 @@ import { css } from 'styled-components';
  import theme from 'react/styles/theme';
  -export const outlineBorder = (size = '5px', color = theme.colors.gray.light, radius = '0.25em') =>
  - css`
  +export const __outlineBorder__ = (size = '5px', color = theme.colors.gray.light, radius = '0.25em') => `
  display: block;
  content: '';
  position: absolute;
  @@ -16,6 +15,9 @@ export const outlineBorder = (size = '5px', color = theme.colors.gray.light, rad
  border-radius: ${radius};
  `;
  +export const outlineBorder = (size = '5px', color = theme.colors.gray.light, radius = '0.25em') =>
  + __outlineBorder__(size, color, radius);
  +
  export const hyphenate = css`
  overflow-wrap: break-word;
  word-wrap: break-word;
  