{% comment %}
We want to have separate compressed css files for horizon.scss and dashboard.scss.
The reason for it is based on the fact that IE9 has a limit on the number of css rules
that can be parsed in a single css file.  The limit is 4095 = (4k - 1). This causes some
css rules getting cut off if one css file to get more than 4k rules inside.
{% endcomment %}

{% load compress %}

{% compress css %}
<link href='{{ STATIC_URL }}horizon/lib/bootstrap_datepicker/datepicker3.css' type='text/scss' media='screen' rel='stylesheet' />
<link href='{{ STATIC_URL }}horizon/lib/rickshaw.css' type='text/scss' media='screen' rel='stylesheet' />
<link href='{{ STATIC_URL }}dashboard/scss/horizon.scss' type='text/scss' media='screen' rel='stylesheet' />
{% endcompress %}

{% compress css %}
<link href='{{ STATIC_URL }}app/app.scss' type='text/scss' media='screen' rel='stylesheet' />

{% for file in HORIZON_CONFIG.scss_files %}
    <link href='{{ STATIC_URL }}{{ file }}' type='text/scss' media='screen' rel='stylesheet'/>
{% endfor %}

{% endcompress %}

<link rel="shortcut icon" href="{{ STATIC_URL }}dashboard/img/favicon.ico"/>