Variable pricing option for items

.gitignore

@@ -1,4 +1,5 @@
 .idea/
+.vscode
 
 # Composer
 composer.phar

assets/css/admin.css

@@ -1604,6 +1604,14 @@ textarea.wpi-email_overdue_content {
 
 /* Subscription items */
 /* We use classes to toggle so that the initial "display value e.g flex|blog" is maintained*/
+.getpaid_is_not_variable_pricing_item .wpinv_show_if_variable_pricing {
+    display: none !important;
+}
+
+.getpaid_is_variable_pricing_item .wpinv_hide_if_variable_pricing {
+    display: none !important;
+}
+
 .getpaid_is_not_subscription_item .wpinv_show_if_recurring {
     display: none !important;
 }
@@ -1822,4 +1830,136 @@ textarea.wpi-email_overdue_content {
 
 .getpaid-settings-editor-input {
     width: 620px;
+}
+
+
+.getpaid-add-repeatable-row {
+    margin: 10px 0
+}
+
+.getpaid-add-repeatable-row .submit {
+    padding: 0!important
+}
+
+.getpaid-repeatable-row-actions {
+    color: #777;
+    font-size: 12px
+}
+
+.getpaid-repeatable-row-actions a {
+    text-decoration: none;
+    width: auto;
+    cursor: pointer;
+    vertical-align: middle
+}
+
+.getpaid-repeatable-row-header {
+    clear: both;
+    background: #f1f1f1;
+    border: 1px solid #e5e5e5;
+    cursor: move;
+}
+
+.getpaid-repeatable-row-header:after,
+.getpaid-repeatable-row-header:before {
+    content: '';
+    display: table
+}
+
+.getpaid-repeatable-row-header:after {
+    clear: both
+}
+
+.getpaid-repeatable-row-title {
+    float: left;
+    font-weight: 600
+}
+
+.getpaid-repeatable-row-actions,
+.getpaid-repeatable-row-title {
+    padding: 8px;
+    box-sizing: border-box
+}
+
+.getpaid-repeatable-row-actions {
+    float: right;
+    text-align: right;
+    padding: 8px
+}
+
+.getpaid-repeatable-row-actions .getpaid-remove-row {
+    font-size: 12px;
+    width: auto;
+    cursor: pointer
+}
+
+.getpaid-repeatable-row-standard-fields {
+    background: #f9f9f9;
+    padding: 8px;
+    border-width: 0 1px 1px;
+    border-style: solid;
+    border-color: #e5e5e5
+}
+
+.getpaid-option-name,
+.getpaid-option-price,
+.getpaid_repeatable_default {
+    display: inline-block;
+    vertical-align: top
+}
+
+.getpaid-option-name {
+    width: 38%;
+    margin-right: 5%
+}
+
+.getpaid-option-price {
+    min-width: 100px
+}
+
+.getpaid_repeatable_default {
+    text-align: center;
+    min-width: 80px
+}
+
+.wpinv_variable_prices_wrapper:not(:first-child) {
+    margin-top: 12px
+}
+
+.wpinv-custom-price-option-settings-wrap {
+    display: none;
+    border-width: 0 1px 1px;
+    border-style: solid;
+    border-color: #e5e5e5;
+    box-sizing: border-box;
+    width: 100%
+}
+
+.wpinv-custom-price-option-setting {
+    display: block;
+    padding: 10px 8px;
+    border-bottom: 1px solid rgba(222,222,222,.3)
+}
+
+.wpinv-custom-price-option-setting:last-child {
+    border-bottom: none
+}
+
+.wpinv-custom-price-option-setting-title {
+    display: block;
+    font-size: 14px;
+    font-weight: 600;
+    padding: 0 0 10px
+}
+
+.wpinv-custom-price-option-setting>:not(.wpinv-custom-price-option-setting-title) {
+    display: inline-block;
+    padding-right: 20px;
+    vertical-align: top;
+    margin-bottom: 4px
+}
+
+.wpinv-custom-price-option-setting>:not(.wpinv-custom-price-option-setting-title) label {
+    display: block;
+    margin-bottom: 2px
 }