wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Fix apostrophes

Browse source
This commit is contained in:
Mark Beech 2017-11-01 21:55:07 +00:00
parent 49bcffa5f2
commit 20246579d6
4 changed files with 13 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

2
docs/source/docs/adding-new-utilities.blade.md
View file

@ -84,7 +84,7 @@ If you'd like to create responsive versions of your own utilities based on the b
}
```
Tailwind will intelligently group the responsive versions into it's existing media queries which are output at the very end of the stylesheet. This ensures that any responsive utilities will always take precedence over unprefixed utilities.
Tailwind will intelligently group the responsive versions into its existing media queries which are output at the very end of the stylesheet. This ensures that any responsive utilities will always take precedence over unprefixed utilities.
The above code would generate CSS that looks something like this:

14
docs/source/docs/flexbox-flex-grow-shrink.blade.md
View file

@ -29,17 +29,17 @@ title: "Flex, Grow, & Shrink - Flexbox"
<tr>
<td class="p-2 border-t border-smoke font-mono text-xs text-purple-dark">.flex-initial</td>
<td class="p-2 border-t border-smoke font-mono text-xs text-blue-dark">flex: initial;</td>
<td class="p-2 border-t border-smoke text-sm text-grey-darker">Allow a flex item to shrink but not grow, taking into account it's initial size.</td>
<td class="p-2 border-t border-smoke text-sm text-grey-darker">Allow a flex item to shrink but not grow, taking into account its initial size.</td>
</tr>
<tr>
<td class="p-2 border-t border-smoke-light font-mono text-xs text-purple-dark">.flex-1</td>
<td class="p-2 border-t border-smoke-light font-mono text-xs text-blue-dark">flex: 1;</td>
<td class="p-2 border-t border-smoke-light text-sm text-grey-darker">Allow a flex item to grow and shrink as needed, ignoring it's initial size.</td>
<td class="p-2 border-t border-smoke-light text-sm text-grey-darker">Allow a flex item to grow and shrink as needed, ignoring its initial size.</td>
</tr>
<tr>
<td class="p-2 border-t border-smoke-light font-mono text-xs text-purple-dark">.flex-auto</td>
<td class="p-2 border-t border-smoke-light font-mono text-xs text-blue-dark">flex: auto;</td>
<td class="p-2 border-t border-smoke-light text-sm text-grey-darker">Allow a flex item to grow and shrink, taking into account it's initial size.</td>
<td class="p-2 border-t border-smoke-light text-sm text-grey-darker">Allow a flex item to grow and shrink, taking into account its initial size.</td>
</tr>
<tr>
<td class="p-2 border-t border-smoke-light font-mono text-xs text-purple-dark">.flex-none</td>
@ -72,7 +72,7 @@ title: "Flex, Grow, & Shrink - Flexbox"
### Initial <span class="ml-2 font-semibold text-slate-light text-sm uppercase tracking-wide">Default</span>
Use `.flex-initial` to allow a flex item to shrink but not grow, taking into account it's initial size:
Use `.flex-initial` to allow a flex item to shrink but not grow, taking into account its initial size:
@component('_partials.code-sample')
<p class="text-sm text-slate-light mb-1">Items don't grow when there's extra space</p>
@ -124,7 +124,7 @@ Use `.flex-initial` to allow a flex item to shrink but not grow, taking into acc
### Flex 1
Use `.flex-1` to allow a flex item to grow and shrink as needed, ignoring it's initial size:
Use `.flex-1` to allow a flex item to grow and shrink as needed, ignoring its initial size:
@component('_partials.code-sample')
<p class="text-sm text-slate-light mb-1">Default behavior</p>
@ -169,7 +169,7 @@ Use `.flex-1` to allow a flex item to grow and shrink as needed, ignoring it's i
### Auto
Use `.flex-auto` to allow a flex item to grow and shrink, taking into account it's initial size:
Use `.flex-auto` to allow a flex item to grow and shrink, taking into account its initial size:
@component('_partials.code-sample')
<p class="text-sm text-slate-light mb-1">Default behavior</p>
@ -294,7 +294,7 @@ Use `.flex-no-shrink` to prevent a flex item from shrinking:
Item that can shrink if needed
</div>
<div class="flex-no-shrink text-slate-dark text-center bg-smoke-dark px-4 py-2 m-2">
Item that cannot shrink below it's initial size
Item that cannot shrink below its initial size
</div>
<div class="flex-shrink text-slate text-center bg-smoke px-4 py-2 m-2">
Item that can shrink if needed

8
docs/source/docs/flexbox.blade.md
View file

@ -407,7 +407,7 @@ Use `.content-around` to distribute lines in a flex container such that there is
### 1
Use `.flex-1` to allow a flex item to grow and shrink as needed, ignoring it's initial size:
Use `.flex-1` to allow a flex item to grow and shrink as needed, ignoring its initial size:
@component('_partials.code-sample')
<p class="text-sm text-slate-light mb-1">Default behavior</p>
@ -452,7 +452,7 @@ Use `.flex-1` to allow a flex item to grow and shrink as needed, ignoring it's i
### Auto
Use `.flex-auto` to allow a flex item to grow and shrink, taking into account it's initial size:
Use `.flex-auto` to allow a flex item to grow and shrink, taking into account its initial size:
@component('_partials.code-sample')
<p class="text-sm text-slate-light mb-1">Default behavior</p>
@ -515,7 +515,7 @@ Use `.flex-none` to prevent a flex item from growing or shrinking:
### Initial
Use `.flex-initial` to allow a flex item to shrink but not grow, taking into account it's initial size *(this is also the default behavior)*:
Use `.flex-initial` to allow a flex item to shrink but not grow, taking into account its initial size *(this is also the default behavior)*:
@component('_partials.code-sample')
<p class="text-sm text-slate-light mb-1">Items don't grow when there's extra space</p>
@ -637,7 +637,7 @@ Use `.flex-no-shrink` to prevent a flex item from shrinking:
Item that can shrink if needed
</div>
<div class="flex-no-shrink text-slate-dark text-center bg-smoke-dark px-4 py-2 m-2">
Item that cannot shrink below it's initial size
Item that cannot shrink below its initial size
</div>
<div class="flex-shrink text-slate text-center bg-smoke px-4 py-2 m-2">
Item that can shrink if needed

2
docs/source/docs/visibility.blade.md
View file

@ -57,7 +57,7 @@ Use `.visible` to make an element visible. This will typically be used as a rese
### Invisible
Use `.invisible` to hide an element, but still maintain it's space.
Use `.invisible` to hide an element, but still maintain its space.
@component('_partials.code-sample', ['class' => 'flex justify-center'])
<div class="invisible bg-smoke w-24 h-24 rounded-full"></div>