library/repos/DHE-Modules/svg-builder/_includes/knob.svg

{% assign dark = page | dark %}
{% assign light = page | light %}
{% assign diameter = include.diameter %}
{% assign radius = diameter | divided_by:2.0 %}
{% assign pointer_width = include.pointer_width %}
{% assign pointer_length = radius | minus:pointer_width %}
{% assign color = include.color %}
{% assign pointer_color = include.pointer_color %}
<svg width="{{ diameter }}mm" height="{{ diameter }}mm" viewBox="-{{ radius }} -{{ radius }} {{ diameter }} {{ diameter }}">
  <g stroke="{{ light }}" fill="{{ dark }}">
    <circle r="{{ radius }}" stroke="none"/>
    <line y2="-{{ pointer_length }}" stroke-width="{{ pointer_width }}" stroke-linecap="round"/>
  </g>
</svg>