Merge pull request #288 from tailwindcss/fix-ie-alert

Switch flex-1 to flex-auto to prevent unnecessary text wrapping in IE 11
This commit is contained in:
Adam Wathan 2017-12-04 10:40:26 -05:00 • committed by GitHub
commit ad210c69fd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -24,7 +24,7 @@ description: null
<div class="bg-indigo-darkest text-center py-4 lg:px-4">
<div class="p-2 bg-indigo-darker items-center text-indigo-lightest leading-none lg:rounded-full flex lg:inline-flex" role="alert">
<span class="flex rounded-full bg-indigo uppercase px-2 py-1 text-xs font-bold mr-3">New</span>
<span class="font-semibold mr-2 text-left flex-1">Get the coolest t-shirts from our brand new store</span>
<span class="font-semibold mr-2 text-left flex-auto">Get the coolest t-shirts from our brand new store</span>
<svg class="fill-current opacity-75 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.95 10.707l.707-.707L8 4.343 6.586 5.757 10.828 10l-4.242 4.243L8 15.657l4.95-4.95z"/></svg>
</div>
</div>