+<p>In order to rebuild larger flag images, first follow the <a rel="noopener" href="https://github.com/jackocnr/intl-tel-input/blob/master/.github/CONTRIBUTING.md#changes-to-the-plugin">Contributing</a> guidelines to download the project and get it building (<code>npm run build</code>) without any errors. Now, let's say you want to display the flag images at 24x18px (retina image is 48x36px), as per the demo below. In grunt/generate-sprite.js, update the <code>TARGET_HEIGHT</code> value to 18 (this will automatically be doubled for the retina sprite). Note that whatever height you choose, it must be a multiple of 3. Then run <code>npm run build:img</code> to generate the new flag images and the updated CSS needed to use them. At this point you should be able to open the provided demo.html to see the larger flag images. You may then want to override some of the CSS variables/styles in src/css/intlTelInput.scss in order to accommodate the larger flag images, e.g. see <a href="/css/large_flags_overrides.css">the overrides</a> used in this demo. When you're happy, you can copy the built flag images and CSS file into your own project, and then just load the standard plugin script as usual.</p>
0 commit comments