// ─────────────────────────────────────────────────────────────────────────────
// import
// ─────────────────────────────────────────────────────────────────────────────

import styled from 'styled-components';

// ─────────────────────────────────────────────────────────────────────────────
// component
// ─────────────────────────────────────────────────────────────────────────────

export default styled.p(
  {},
  ({
    fontFamily,
    fontSize,
    fontWeight,
    lineHeight,
    textAlign,
    textTransform,
    letterSpacing,
    color,
    opacity,
    margin,
    padding,
    gridColumn,
    gridArea,
  }) => ({
    fontFamily,
    fontSize,
    fontWeight,
    lineHeight,
    textAlign,
    textTransform,
    letterSpacing,
    color,
    opacity,
    margin,
    padding,
    gridColumn,
    gridArea,
  }),
);

@@ -205,16 +205,60 @@
 onents';
+%0Aimport %7B mediaQuerise %7D from '../../utils';
 %0A%0A// %E2%94%80%E2%94%80%E2%94%80
@@ -810,36 +810,75 @@
 ity,%0A   
+ ...mediaQuerise(%7B
  margin
+ %7D)
 ,%0A   
+ ...mediaQuerise(%7B
  padding
 ,%0A    gr
@@ -861,32 +861,35 @@
 uerise(%7B padding
+ %7D)
 ,%0A    gridColumn

update text media query styles