suitcss/utils-offset

undefined CSS custom media alias "--sm-viewport"?

Closed this issue · 1 comments

WARNING: undefined CSS custom media alias "--sm-viewport" at 9:1 in node_modules/suitcss/node_modules/suitcss-utils/node_modules/suitcss-utils-offset/node_modules/suitcss-utils-after/lib/after-sm.css.
The rule has been removed from the output. Please check your @custom-media definitions.
WARNING: undefined CSS custom media alias "--md-viewport" at 9:1 in node_modules/suitcss/node_modules/suitcss-utils/node_modules/suitcss-utils-offset/node_modules/suitcss-utils-after/lib/after-md.css.
The rule has been removed from the output. Please check your @custom-media definitions.
WARNING: undefined CSS custom media alias "--lg-viewport" at 9:1 in node_modules/suitcss/node_modules/suitcss-utils/node_modules/suitcss-utils-offset/node_modules/suitcss-utils-after/lib/after-lg.css.
The rule has been removed from the output. Please check your @custom-media definitions.
WARNING: undefined CSS custom media alias "--sm-viewport" at 9:1 in node_modules/suitcss/node_modules/suitcss-utils/node_modules/suitcss-utils-offset/node_modules/suitcss-utils-before/lib/before-sm.css.
The rule has been removed from the output. Please check your @custom-media definitions.
WARNING: undefined CSS custom media alias "--md-viewport" at 9:1 in node_modules/suitcss/node_modules/suitcss-utils/node_modules/suitcss-utils-offset/node_modules/suitcss-utils-before/lib/before-md.css.
The rule has been removed from the output. Please check your @custom-media definitions.
WARNING: undefined CSS custom media alias "--lg-viewport" at 9:1 in node_modules/suitcss/node_modules/suitcss-utils/node_modules/suitcss-utils-offset/node_modules/suitcss-utils-before/lib/before-lg.css.
The rule has been removed from the output. Please check your @custom-media definitions.
WARNING: undefined CSS custom media alias "--sm-viewport" at 5:1 in node_modules/suitcss/node_modules/suitcss-utils/node_modules/suitcss-utils-size/lib/size-sm.css.
The rule has been removed from the output. Please check your @custom-media definitions.
WARNING: undefined CSS custom media alias "--md-viewport" at 5:1 in node_modules/suitcss/node_modules/suitcss-utils/node_modules/suitcss-utils-size/lib/size-md.css.
The rule has been removed from the output. Please check your @custom-media definitions.
WARNING: undefined CSS custom media alias "--lg-viewport" at 5:1 in node_modules/suitcss/node_modules/suitcss-utils/node_modules/suitcss-utils-size/lib/size-lg.css.
The rule has been removed from the output. Please check your @custom-media definitions.
rtm commented

I'm not sure, but perhaps you're supposed to define those yourself:

@custom-media --sm-viewport (min-width:320px) and (max-width:640px);
@custom-media --md-viewport (min-width:640px) and (max-width:960px);
@custom-media --lg-viewport (min-width:960px);