Skip to content

Commit 962344e

Browse files
committed
Update readme file
1 parent abd19dc commit 962344e

File tree

1 file changed

+8
-3
lines changed

1 file changed

+8
-3
lines changed

README.md

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# Tailwind CSS Breakpoints Inspector
2-
A Tailwind CSS component that shows the currently active responsive breakpoint.
2+
A Tailwind CSS plugin that shows the currently 'active' responsive breakpoint.
33

4-
<img src="screenshot.gif" width="534">
4+
<img src="screenshot.gif" width="100%">
55

66
## Install
77

@@ -32,7 +32,7 @@ No extra markup, no external ressources.
3232

3333
The indicator is only present during development.
3434

35-
Uner the hood we use svg for Tailwind logo and inspector render.
35+
Uner the hood we use svg for Tailwind logo and inspector render. 🤩
3636

3737
## Customization
3838

@@ -96,6 +96,7 @@ module.exports = {
9696
],
9797
}
9898
```
99+
In this case we recommand to adjust the svg width with `theme.breakpointsInspector.width` setting.
99100

100101
#### Ignore screens
101102

@@ -115,3 +116,7 @@ module.exports = {
115116
],
116117
}
117118
```
119+
---
120+
### Ideas
121+
This plugin is inspired by
122+
[Jon Sugar gist](https://gist.github.com/jonsugar/6bce22bd7d3673294caad36046c2b7cb) and [Joren Van Hee plugin](https://github.com/jorenvanhee/tailwindcss-debug-screens)

0 commit comments

Comments
 (0)