Seperate external CSS Stylesheets with media queries

One big performance opportunity for mobile first approaches, like tailwind :wink:, lies in the opportunity to tie external CSS to media queries. Please consider splitting global CSS into seperate files aligned to the used breakpoints available.

for example

<link href="default.css" rel="stylesheet">
<link href="mobile.css" media="screen and (max-width: 767.98px)" rel="stylesheet">
<link href="tablet.css" media="screen and (min-width: 768px) and (max-width: 1083.98px)" rel="stylesheet">
<link href="desktop.css" media="screen and (min-width: 1084px)" rel="stylesheet">