Last active
May 9, 2018 22:03
-
-
Save joma74/fd0412f3e811803236709dfe05aff7e6 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| UI/UX |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .douchebag-items-center { | |
| top: 50%; transform: translateY(-50%); | |
| } | |
| .douchebag-justify-center { | |
| right: 50%; transform: translateX(-50%); | |
| } | |
| <div id="positioned" class="relative"> | |
| <select id="positioned-child-1" class="appearance-none w-full bg-white border border-grey-light hover:border-grey px-2 py-2 pr-8 rounded"> | |
| <option>BTC</option> | |
| <option>ETH</option> | |
| <option>LTC</option> | |
| </select> | |
| <div id="positioned-child-2" class="douchebag-items-center pointer-events-none absolute pin-y pin-r px-1 text-grey-darker"> | |
| <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"> | |
| <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /> | |
| </svg> | |
| </div> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment