diff --git a/.sass-lint.yml b/.sass-lint.yml deleted file mode 100644 index a1260cc..0000000 --- a/.sass-lint.yml +++ /dev/null @@ -1,71 +0,0 @@ -files: - include: 'scss/**/*.scss' -rules: - indentation: - - 1 - - size: 'tab' - class-name-format: - - 1 - - ignore: - - column-pronamic_payment_status - - column-pronamic_payment_subscription - - column-pronamic_subscription_status - - post-type-pronamic_payment - - post-type-pronamic_pay_subscr - nesting-depth: - - 1 - - max-depth: 3 - no-ids: - - 0 - property-sort-order: - - 1 - - order: - - background - - background-color - - background-image - - background-repeat - - border - - border-top - - border-top-width - - border-right - - border-right-color - - border-right-width - - border-bottom - - border-bottom-width - - border-left - - border-left-width - - border-radius - - border-spacing - - box-shadow - - box-sizing - - clear - - clip - - color - - content - - cursor - - display - - float - - font-family - - font-size - - font-style - - font-weight - - line-height - - list-style - - margin - - margin-top - - margin-right - - margin-bottom - - margin-left - - max-width - - padding - - outline - - overflow - - position - - top - - right - - bottom - - left - - speak - - text-indent - - width - - height diff --git a/css/components.css b/css/components.css deleted file mode 100644 index aa2230a..0000000 --- a/css/components.css +++ /dev/null @@ -1,67 +0,0 @@ -.pronamic_pay_mollie_card_token .mollie-components { - display: grid; - grid-auto-flow: row; - grid-template-columns: 2fr 1fr 1fr; - gap: 10px; - align-items: end; - max-width: 500px; -} -.pronamic_pay_mollie_card_token .mollie-components label { - display: block; -} -.pronamic_pay_mollie_card_token .mollie-components label:first-child { - grid-column: 1/4; -} -.pronamic_pay_mollie_card_token .mollie-components label:nth-of-type(2), .pronamic_pay_mollie_card_token .mollie-components label:nth-of-type(3), .pronamic_pay_mollie_card_token .mollie-components label:nth-of-type(4) { - grid-row: 3; -} -.pronamic_pay_mollie_card_token .mollie-components label:nth-of-type(2) { - grid-column: 1; - min-width: 250px; -} -.pronamic_pay_mollie_card_token .mollie-components label:nth-of-type(3) { - grid-column: 2; - min-width: 70px; -} -.pronamic_pay_mollie_card_token .mollie-components label:nth-of-type(4) { - grid-column: 3; - min-width: 70px; -} -.pronamic_pay_mollie_card_token .mollie-components label.is-invalid + .field-error { - display: block; -} -.pronamic_pay_mollie_card_token .mollie-components .mollie-component { - padding: 5px; - font-weight: 500; - background: #ffffff; - border-bottom: 2px solid #aaaaaa; - transition: 0.3s border-color ease; -} -.pronamic_pay_mollie_card_token .mollie-components .mollie-component.has-focus { - border-bottom-color: #0077ff; -} -.pronamic_pay_mollie_card_token .mollie-components .mollie-component.is-invalid { - border-bottom-color: #ff1717; -} -.pronamic_pay_mollie_card_token .mollie-components .field-error { - display: none; - grid-column: 1/4; - grid-row: 4; - font-size: 0.8em; - font-weight: 400; - color: #ff1717; -} -.pronamic_pay_mollie_card_token .mollie-components .field-error:first-of-type { - grid-row: 2; -} -.pronamic_pay_mollie_card_token .mollie-components .field-error:nth-of-type(2) { - grid-row: 4; -} -.pronamic_pay_mollie_card_token .mollie-components .field-error:nth-of-type(3) { - grid-row: 5; -} -.pronamic_pay_mollie_card_token .mollie-components .field-error:nth-of-type(4) { - grid-row: 6; -} - -/*# sourceMappingURL=components.css.map */ diff --git a/css/components.css.map b/css/components.css.map deleted file mode 100644 index 8c1c362..0000000 --- a/css/components.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../scss/components.scss"],"names":[],"mappings":"AACC;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAEC;EACA;;AAGD;EAGC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC","file":"components.css"} \ No newline at end of file diff --git a/scss/components.scss b/scss/components.scss deleted file mode 100644 index 4ca7726..0000000 --- a/scss/components.scss +++ /dev/null @@ -1,84 +0,0 @@ -.pronamic_pay_mollie_card_token { - .mollie-components { - display: grid; - grid-auto-flow: row; - grid-template-columns: 2fr 1fr 1fr; - gap: 10px; - align-items: end; - max-width: 500px; - - label { - display: block; - - &:first-child { - grid-column: 1/4; - } - - &:nth-of-type(2), - &:nth-of-type(3), - &:nth-of-type(4) { - grid-row: 3; - } - - &:nth-of-type(2) { - grid-column: 1; - min-width: 250px; - } - - &:nth-of-type(3) { - grid-column: 2; - min-width: 70px; - } - - &:nth-of-type(4) { - grid-column: 3; - min-width: 70px; - } - - &.is-invalid + .field-error { - display: block; - } - } - - .mollie-component { - padding: 5px; - font-weight: 500; - background: #ffffff; - border-bottom: 2px solid #aaaaaa; - transition: 0.3s border-color ease; - - &.has-focus { - border-bottom-color: #0077ff; - } - - &.is-invalid { - border-bottom-color: #ff1717; - } - } - - .field-error { - display: none; - grid-column: 1/4; - grid-row: 4; - font-size: .8em; - font-weight: 400; - color: #ff1717; - - &:first-of-type { - grid-row: 2; - } - - &:nth-of-type(2) { - grid-row: 4; - } - - &:nth-of-type(3) { - grid-row: 5; - } - - &:nth-of-type(4) { - grid-row: 6; - } - } - } -}