sass-site/source/_includes/compatibility.liquid

40 lines
1.0 KiB
Plaintext
Raw Normal View History

<dl class="impl-status sl-c-description-list sl-c-description-list--horizontal">
<div class="compatibility">
Compatibility{% if feature %} ({{ feature }}){% endif %}:
</div>
2023-05-24 16:32:21 +02:00
{%- if dart != null -%}
<div>
<dt>Dart Sass</dt>
<dd>{{ dart | implStatus }}</dd>
</div>
2023-05-24 16:32:21 +02:00
{%- endif -%}
{%- if libsass != null -%}
<div>
<dt>LibSass</dt>
<dd>{{ libsass | implStatus }}</dd>
</div>
2023-05-24 16:32:21 +02:00
{%- endif -%}
{%- if node != null -%}
2023-05-19 23:27:02 +02:00
<div>
<dt>Node Sass</dt>
<dd>{{ node | implStatus }}</dd>
</div>
2023-05-24 16:32:21 +02:00
{%- endif -%}
{%- if ruby != null -%}
<div>
<dt>Ruby Sass</dt>
<dd>{{ ruby | implStatus }}</dd>
</div>
2023-05-24 16:32:21 +02:00
{%- endif -%}
{%- if details | strip -%}
2023-05-24 16:32:21 +02:00
{%- # The no-op href here ensures that this toggle is focusable in browsers. -%}
<div><a href="javascript:;">▶</a></div>
{%- endif -%}
</dl>
{%- if details | strip -%}
2023-05-23 18:24:23 +02:00
<div class="sl-c-callout sl-c-callout--impl-status">
2023-05-30 22:27:01 +02:00
{% if useMarkdown %}{{ details | markdown }}{% else %}{{ details }}{% endif %}
2023-05-23 18:24:23 +02:00
</div>
2023-05-24 16:32:21 +02:00
{%- endif -%}