Shopify liquid stylesheet snippet

README.md

{%- liquid

    #
    #   Stylesheet Tag
    #

    #
    #   Imports:
    #
    #   @file
    #
    #       Name of the asset file 'Style' for 'assets/Style.css'
    #
    #   ?min
    #
    #       'Tablet' , 'Desktop'
    #
    #   ?max
    #
    #       'Phone' , 'Tablet'
    #

    assign link = file | append_to : '.css' | asset_url


    if min
        assign type = 'min'
    else
        assign type = 'max'
    endif


    case min

    when 'Tablet'
        assign pixel = 750

    when 'Desktop'
        assign pixel = 1024

    endcase


    case max

    when 'Phone'
        assign pixel = 749

    when 'Tablet'
        assign pixel = 1023

    endcase

-%}


<link

    media = 'screen and ( {{ type }}-width : {{ pixel }}px )'
    href = '{{ link }}'
    rel = stylesheet

>