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

Reverse examples for opacity; more obvious I think

Browse source
This commit is contained in:
Adam Wathan 2017-10-27 15:04:16 -04:00
parent cb3db62b89
commit dd2e4a95d3
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
docs/source/styles/opacity.blade.md
View file

@ -5,6 +5,10 @@ title: "Opacity"
# Opacity
<div class="text-xl text-slate-light">
Utilities for controlling the opacity of an element.
</div>
<div class="subnav">
<a class="subnav-link" href="#responsive">Responsive</a>
<a class="subnav-link" href="#customizing">Customizing</a>
@ -14,12 +18,12 @@ Control the opacity of an element in Tailwind using the `.opacity` utilities.
@component('_partials.code-sample')
<div class="flex -mx-2">
@foreach ($page->config['opacity'] as $name => $value)
@foreach ($page->config['opacity']->reverse() as $name => $value)
<div class="flex-1 text-slate text-center bg-smoke px-4 py-2 mx-2 opacity-{{ $name }}">.opacity-{{ $name }}</div>
@endforeach
</div>
@slot('code')
@foreach ($page->config['opacity'] as $name => $value)
@foreach ($page->config['opacity']->reverse() as $name => $value)
<div class="opacity-{{ $name }}">.opacity-{{ $name }}</div>
@endforeach
@endslot