Replace rounded-pill with rounded-full without fucking everything up

This commit is contained in:
Adam Wathan 2017-10-30 19:45:39 -04:00
parent fb896e6e5a
commit fbc693d4c0
7 changed files with 41 additions and 41 deletions

View file

@ -48,7 +48,7 @@ Here's a bunch of examples:
### Pill
@component('_partials.code-sample', ['lang' => 'html', 'class' => 'text-center'])
<button class="bg-blue hover:bg-blue-dark text-white font-bold py-2 px-4 rounded-pill">
<button class="bg-blue hover:bg-blue-dark text-white font-bold py-2 px-4 rounded-full">
Button
</button>
@endcomponent

View file

@ -17,9 +17,9 @@ We don't ship alert components because every app has it's own visual style, but
</p>
</div>
<div class="px-6 py-4">
<span class="inline-block bg-smoke-light rounded-pill px-3 py-1 text-sm font-semibold text-slate mr-2">#photography</span>
<span class="inline-block bg-smoke-light rounded-pill px-3 py-1 text-sm font-semibold text-slate mr-2">#travel</span>
<span class="inline-block bg-smoke-light rounded-pill px-3 py-1 text-sm font-semibold text-slate">#winter</span>
<span class="inline-block bg-smoke-light rounded-full px-3 py-1 text-sm font-semibold text-slate mr-2">#photography</span>
<span class="inline-block bg-smoke-light rounded-full px-3 py-1 text-sm font-semibold text-slate mr-2">#travel</span>
<span class="inline-block bg-smoke-light rounded-full px-3 py-1 text-sm font-semibold text-slate">#winter</span>
</div>
</div>
</div>
@ -41,7 +41,7 @@ We don't ship alert components because every app has it's own visual style, but
</p>
</div>
<div class="flex items-center">
<img class="w-10 h-10 rounded-pill mr-4" src="https://pbs.twimg.com/profile_images/885868801232961537/b1F6H4KC_400x400.jpg" alt="">
<img class="w-10 h-10 rounded-full mr-4" src="https://pbs.twimg.com/profile_images/885868801232961537/b1F6H4KC_400x400.jpg" alt="">
<div class="text-sm">
<p class="text-slate-darker leading-none">Jonathan Reinink</p>
<p class="text-slate-light">Aug 18</p>