Skip to content
This repository has been archived by the owner on Nov 17, 2020. It is now read-only.

Commit

Permalink
Update docs
Browse files Browse the repository at this point in the history
  • Loading branch information
neupauer committed Oct 2, 2020
1 parent a54e976 commit 4058541
Show file tree
Hide file tree
Showing 3 changed files with 28 additions and 7 deletions.
31 changes: 26 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -83,11 +83,10 @@ module.exports = {
</div>

<div class="aspect-ratio-16:9">
<div class="text-white bg-blue-500">Aspect Ration</div>
<div class="text-white bg-blue-500">Aspect Ratio</div>
</div>
```


```html
<!-- OK -->
<div class="aspect-ratio-16:9">
Expand All @@ -99,8 +98,30 @@ module.exports = {

<!-- NOOK -->
<div class="aspect-ratio-16:9">
<img src="image1.jpg" class="object-cover" /> <!-- visible-->
<img src="image2.jpg" class="object-cover" /> <!-- hidden-->
<img src="image3.jpg" class="object-cover" /> <!-- hidden-->
<img src="image1.jpg" class="object-cover" />
<!-- visible-->
<img src="image2.jpg" class="object-cover" />
<!-- hidden-->
<img src="image3.jpg" class="object-cover" />
<!-- hidden-->
</div>
```

### Min-Aspect Ratio

```html
<div class="min-aspect-ratio-16:9">
<p>Aspect Ratio</p>
</div>

<div class="min-aspect-ratio-16:9">
<p>
Aspect Ratio. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Eius ullam iste distinctio nobis ipsum soluta dolorem esse omnis! Architecto
impedit odio magni non repudiandae vitae veniam id dolorum sint eum. Lorem
ipsum dolor sit amet, consectetur adipisicing elit. Eius ullam iste
distinctio nobis ipsum soluta dolorem esse omnis! Architecto impedit odio
magni non repudiandae vitae veniam id dolorum sint eum.
</p>
</div>
```
2 changes: 1 addition & 1 deletion package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@neupauer/tailwindcss-plugin-aspect-ratio",
"version": "0.1.2",
"version": "0.1.3",
"description": "A Tailwind CSS plugin for aspect ratio.",
"keywords": [
"tailwind",
Expand Down

0 comments on commit 4058541

Please sign in to comment.