diff --git a/sass/form/_index.scss b/sass/form/_index.scss index f04cd73..607d5c3 100644 --- a/sass/form/_index.scss +++ b/sass/form/_index.scss @@ -19,7 +19,7 @@ form { [type="email"], [type="number"], - [type="password"] + [type="password"], [type="text"] { padding-right: var(--spacing-s); padding-left: var(--spacing-s); @@ -51,6 +51,10 @@ form { background-size: 1rem; padding-right: var(--spacing-l); padding-left: var(--spacing-s); + + [data-mode='dark'] & { + background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg' fill='%23ffffff'%3E%3Cpath d='M17.172, 31.172c1.562, -1.562 4.095, -1.562 5.656, 0l25.172, 25.171l25.172, -25.171c1.562, -1.562 4.095, -1.562 5.656, 0c1.562, 1.562 1.562, 4.095 0, 5.656l-28, 28c-1.562, 1.562 -4.095, 1.562 -5.656, 0l-28, -28c-0.781, -0.781 -1.172, -1.805 -1.172, -2.828c0, -1.023 0.391, -2.047 1.172, -2.828Z'/%3E%3C/svg%3E%0A"); + } } } @@ -89,6 +93,7 @@ fieldset-section { } [type="email"], + [type="number"], [type="text"], select, textarea {