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

Use class table partial for visibility docs

Browse source
This commit is contained in:
Adam Wathan 2017-11-19 15:56:20 -05:00
parent cf34d0d772
commit 123109b766
1 changed files with 14 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -9,34 +9,20 @@ features:
focus: false
---
<div class="border-t border-grey-lighter">
<table class="w-full text-left table-collapse">
<colgroup>
<col class="w-1/5">
<col class="w-1/4">
<col>
</colgroup>
<thead>
<tr>
<th class="text-sm font-semibold text-grey-darker p-2 bg-grey-lightest">Class</th>
<th class="text-sm font-semibold text-grey-darker p-2 bg-grey-lightest">Properties</th>
<th class="text-sm font-semibold text-grey-darker p-2 bg-grey-lightest">Description</th>
</tr>
</thead>
<tbody class="align-baseline">
<tr>
<td class="p-2 border-t border-smoke font-mono text-xs text-purple-dark">.visible</td>
<td class="p-2 border-t border-smoke font-mono text-xs text-blue-dark">visibility: visible;</td>
<td class="p-2 border-t border-smoke text-sm text-grey-darker">Make an element visible.</td>
</tr>
<tr>
<td class="p-2 border-t border-smoke-light font-mono text-xs text-purple-dark">.invisible</td>
<td class="p-2 border-t border-smoke-light font-mono text-xs text-blue-dark">visibility: hidden;</td>
<td class="p-2 border-t border-smoke-light text-sm text-grey-darker">Hide an element without affecting the layout of the document.</td>
</tr>
</tbody>
</table>
</div>
@include('_partials.class-table', [
'rows' => [
[
'.visible',
'visibility: visible;',
"Make an element visible.",
],
[
'.invisible',
'visibility: hidden;',
"Hide an element without affecting the layout of the document.",
],
]
])
### Visible <span class="ml-2 font-semibold text-slate-light text-sm uppercase tracking-wide">Default</span>