stylesheet-import.liquid

{% comment %}
  Lazily importing css stylesheets, without blocking the document download.

  Accepts:
    - sheets: `string` of the css files seperated by `,`.

  Usage:
    {% render 'stylesheet-import', sheets: 'component.css,not-component.css' %}
{% endcomment %}

{% assign sheets = sheets | split: ',' %}

{% for sheet in sheets %}
  <link rel="stylesheet" href="{{ sheet | asset_url }}" media="print" onload="this.media='all'">
  <noscript>{{ sheet | asset_url | stylesheet_tag }}</noscript>
{% endfor %}