add(html): --item-[i]-spacing

Author: Raphaël Balet

angular-code-input/src/lib/code-input.component.html

@@ -1,13 +1,18 @@
-<span *ngFor="let holder of placeholders; index as i"
-      [class.code-hidden]="isCodeHidden">
-  <input #input
-         (click)="onClick($event)"
-         (paste)="onPaste($event, i)"
-         (input)="onInput($event, i)"
-         (keydown)="onKeydown($event, i)"
-         [type]="inputType"
-         [disabled]="disabled"
-         [attr.inputmode]="inputMode"
-         [attr.autocapitalize]="autocapitalize"
-         autocomplete="one-time-code"/>
+<span
+  *ngFor="let holder of placeholders; index as i"
+  [class.code-hidden]="isCodeHidden"
+  [style]="'margin: var(--item-' + i + '-spacing);'"
+>
+  <input
+    #input
+    (click)="onClick($event)"
+    (paste)="onPaste($event, i)"
+    (input)="onInput($event, i)"
+    (keydown)="onKeydown($event, i)"
+    [type]="inputType"
+    [disabled]="disabled"
+    [attr.inputmode]="inputMode"
+    [attr.autocapitalize]="autocapitalize"
+    autocomplete="one-time-code"
+  />
 </span>