Revert "Update rounded-pill references to rounded-full"

This reverts commit 08c9546884.
This commit is contained in:
Adam Wathan 2017-10-30 19:44:23 -04:00
parent bd68c2426c
commit fb896e6e5a
7 changed files with 41 additions and 164 deletions

View file

@ -48,10 +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-full
- 'md': '0 3px 6px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.13)',
- 'lg': '0 10px 20px rgba(0,0,0,.13), 0 6px 6px rgba(0,0,0,.13)',
">
<button class="bg-blue hover:bg-blue-dark text-white font-bold py-2 px-4 rounded-pill">
Button
</button>
@endcomponent

View file

@ -17,18 +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-full
- 'md': '0 3px 6px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.13)',
- 'lg': '0 10px 20px rgba(0,0,0,.13), 0 6px 6px rgba(0,0,0,.13)',
px-3 py-1 text-sm font-semibold text-slate mr-2">#photography</span>
<span class="inline-block bg-smoke-light rounded-full
- 'md': '0 3px 6px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.13)',
- 'lg': '0 10px 20px rgba(0,0,0,.13), 0 6px 6px rgba(0,0,0,.13)',
px-3 py-1 text-sm font-semibold text-slate mr-2">#travel</span>
<span class="inline-block bg-smoke-light rounded-full
- 'md': '0 3px 6px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.13)',
- 'lg': '0 10px 20px rgba(0,0,0,.13), 0 6px 6px rgba(0,0,0,.13)',
px-3 py-1 text-sm font-semibold text-slate">#winter</span>
<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>
</div>
</div>
</div>
@ -50,10 +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-full
- 'md': '0 3px 6px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.13)',
- 'lg': '0 10px 20px rgba(0,0,0,.13), 0 6px 6px rgba(0,0,0,.13)',
mr-4" src="https://pbs.twimg.com/profile_images/885868801232961537/b1F6H4KC_400x400.jpg" alt="">
<img class="w-10 h-10 rounded-pill 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>