styles.module.scss
29 lines
| 1 | .phoneInput { |
| 2 | :global { |
| 3 | .iti { |
| 4 | width: 100%; |
| 5 | } |
| 6 | |
| 7 | .iti__selected-country { |
| 8 | padding: var(--givewp-spacing-2); |
| 9 | padding-left: var(--givewp-spacing-4); |
| 10 | width: 6.625rem; |
| 11 | } |
| 12 | |
| 13 | .iti__arrow { |
| 14 | background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E'); |
| 15 | background-position: center; |
| 16 | background-repeat: no-repeat; |
| 17 | background-size: 1rem; |
| 18 | border: 0; |
| 19 | height: 1rem; |
| 20 | margin-left: auto; |
| 21 | width: 1rem; |
| 22 | |
| 23 | &.iti__arrow--up { |
| 24 | transform: rotate(180deg); |
| 25 | } |
| 26 | } |
| 27 | } |
| 28 | } |
| 29 |