css-minifier.liquid

{%- comment -%}
  Minifies and return CSS. Returns nothing if the CSS is empty.

  Accepts:
  - css {string} - CSS to minify
  - section {Section object} - Section object (Optional)

  Usage:
    {% capture dynamic_style %}
      {% render 'template-section-style' %}
    {% endcapture %}
    {% render 'css-minifier', css: dynamic_style, section: section %}
{%- endcomment -%}

{% liquid
  if section != null
    assign base_selector = '#shopify-section-' | append: section.id
    assign dynamic_style = css | remove: base_selector | remove: ' {' | remove: '}' | strip
    if dynamic_style == empty
      continue
    endif
  elsif css == blank
    continue
  endif

  assign css_chunk_list = css | strip_newlines | split: ' ' | join: ' ' | split: '*/'
  assign minified_css = ''
  for css_chunk in css_chunk_list
    assign minified_chunk = css_chunk | split: '/*' | first | strip
    assign minified_css = minified_css | append: minified_chunk
  endfor
  assign minified_css = minified_css | replace: '; ', ';' | replace: '} ', '}' | replace: '{ ', '{' | replace: ' {', '{' | replace: ': ', ':' | replace: ';}', '}'

  style
    echo minified_css
  endstyle
%}