feat: Add margin-top for "lock" in a card (#148)

* add top margin variable into Docs

* added note regarding "margin" variables

* version update

README.md

@@ -121,9 +121,10 @@ Can be specified by color name, hexadecimal, rgb, rgba, hsl, hsla, basically any
 | `restriction-success-lock-color`   | `primary-color`      | Lock color when unlocked                               |
 | `restriction-blocked-lock-color`   | `error-state-color`  | Lock color when card is blocked                        |
 | `restriction-invalid-lock-color`       | `error-state-color`  | Lock color after an invalid attempt to unlock          |
-| `restriction-lock-margin-left`     | `0px`                | Manually bump the left margin of the lock icon (right for RTL)          |
-| `restriction-lock-row-margin-left` | `24px`               | Manually bump the left margin of the lock icon in a row (right for RTL) |
-| `restriction-lock-row-margin-top`  | `0px`                | Manually bump the top margin of the lock icon in a row |
+| `restriction-lock-margin-left`     | `0px`                | Manually set the left margin of the lock icon (right for RTL)          |
+| `restriction-lock-margin-top`     | `0px`                | Manually set the top margin of the lock icon          |
+| `restriction-lock-row-margin-left` | `24px`               | Manually set the left margin of the lock icon in a row (right for RTL) |
+| `restriction-lock-row-margin-top`  | `0px`                | Manually set the top margin of the lock icon in a row |
 | `restriction-lock-icon-size`       | `24px`               | Lock icon size                                         |
 | `restriction-lock-opacity`         | `0.5`                | Lock icon opacity                                      |
 | `restriction-overlay-background`        | `unset`              | Overlay background when locked                          |
@@ -132,6 +133,8 @@ Can be specified by color name, hexadecimal, rgb, rgba, hsl, hsla, basically any
 | `restriction-overlay-row-outline-blocked` | `none`             | Outline for an overlay in a row when blocked            |
 | `restriction-overlay-row-border-radius` | `0`                  | Border radius for an overlay in a row                   |
 
+Note: it is not recommended to set negative values for `*-lock-*-margin-*` variables to prevent a "lock" icon to be clipped.
+
 ## Example Configurations
 
 Simple Lock example

src/const.ts

@@ -1 +1 @@
-export const CARD_VERSION = '1.2.17';
+export const CARD_VERSION = '1.2.18';