Skip to content

Commit 4a55b72

Browse files
author
iunteq
committed
readme file modified
1 parent 9a0ac58 commit 4a55b72

File tree

1 file changed

+16
-7
lines changed

1 file changed

+16
-7
lines changed

README.md

Lines changed: 16 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -26,20 +26,20 @@ plugins: [
2626

2727
#### Set your own text shadow
2828

29-
You can change, add, or remove textShadow property by editing the theme.textShadow section of your Tailwind config.
29+
You can change, add, or remove `textShadow` property by editing the `theme.textShadow section` of your Tailwind config.
3030

31-
If a default shadow is provided, it will be used for the non-suffixed `.text-shadow utility`. Any other keys will be used as suffixes, for example the key '2' will create a corresponding `.text-shadow-2` utility.
31+
If a default shadow is provided, it will be used for the non-suffixed `.text-shadow` utility. Any other keys will be used as suffixes, for example the key '2' will create a corresponding `.text-shadow-2` utility.
3232

3333
```javascript
3434
// tailwind.config.js
3535
module.exports = {
3636
theme: {
37-
boxShadow: {
37+
textShadow: {
3838
default: '0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)',
3939
md: ' 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)',
4040
h1: ' 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)',
4141
xl: ' 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)',
42-
2xl: '0 25px 50px -12px rgba(0, 0, 0, .25)',
42+
'2xl': '0 25px 50px -12px rgba(0, 0, 0, .25)',
4343
brand: '0 35px 60px -15px rgba(0, 0, 0, .3)',
4444
outline: '0 0 0 3px rgba(66,153,225,0.5)',
4545
focus: '0 0 0 3px rgba(66,153,225,0.5)',
@@ -53,14 +53,14 @@ module.exports = {
5353

5454
#### Set Variants in Tailwind Config file
5555

56-
Can use [Tailwind's own variants](https://tailwindcss.com/docs/state-variants/)...
56+
Can use [Tailwind's own variants](https://tailwindcss.com/docs/state-variants/) under the variant name `textShadow`.
5757

5858
```javascript
5959
// tailwind.config.js
6060
variants: {
6161
//...
62-
textShadow: ['responsive', 'hover'],
63-
//...
62+
textShadow: ['responsive', 'hover'],
63+
//...
6464
},
6565
```
6666

@@ -75,3 +75,12 @@ To control the textshadow of an text element at a specific breakpoint, add a {sc
7575
</div>
7676
```
7777

78+
## Credits
79+
80+
- [Adam Wathan](https://github.com/adamwathan)
81+
- [plugin-examples](https://github.com/tailwindcss/plugin-examples)
82+
83+
84+
## License
85+
86+
The MIT License (MIT). Please see [License File](LICENSE) for more information.

0 commit comments

Comments
 (0)