//@flow

export function baseAdjust(n: number): string {
  return `
      padding-top: calc(${n}em / 16) !important;
      margin-bottom: calc(-${n}em / 16) !important;
    `;
}

//@flow

import { css } from "styled-components";

export const baseAdjust = (n: number) => css`
  padding-top: calc(${n}em / 16) !important;
  margin-bottom: calc(-${n}em / 16) !important;
`;

Edit baseAdjust to ()=> and include css`` in styled components output