d-md-components
Version:
A pack of components for Derby according to Google's Material Design based upon mdl (getmdl.io).
19 lines (18 loc) • 810 B
HTML
<index: attributes="accent class">
{{if spinning}}
<div class="dmd-spinner mdl-spinner mdl-spinner--single-color {{if spinning}}is-active is-upgraded{{/if}}{{if class}} {{class}}{{/if}}">
{{each [1, 2, 3, 4]}}
<div class="mdl-spinner__layer mdl-spinner__layer-{{this}}" style="{{if accent}}border-color:{{accent}}{{/if}}">
<div class="mdl-spinner__circle-clipper mdl-spinner__left">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__gap-patch">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__circle-clipper mdl-spinner__right">
<div class="mdl-spinner__circle"></div>
</div>
</div>
{{/each}}
</div>
{{/if}}