Skip to content

Commit a0a4f5f

Browse files
committed
chore: update readme.md
1 parent b4e68bc commit a0a4f5f

File tree

1 file changed

+0
-51
lines changed

1 file changed

+0
-51
lines changed

README.md

-51
Original file line numberDiff line numberDiff line change
@@ -115,22 +115,6 @@ Result:
115115
}
116116
```
117117

118-
### Outlook (webmail)
119-
120-
Use the `outlook-web` variant to target iOS Mail 15 specifically:
121-
122-
```html
123-
<div class="outlook-web:hidden">...</div>
124-
```
125-
126-
Result:
127-
128-
```css
129-
[class~="x_outlook-web\:hidden"] {
130-
display: none;
131-
}
132-
```
133-
134118
### Outlook.com dark mode
135119

136120
Change `color` and `background-color` of elements in [Outlook.com dark mode](https://www.hteumeuleu.com/2021/emails-react-outlook-com-dark-mode/).
@@ -172,38 +156,3 @@ Result:
172156
display: none;
173157
}
174158
```
175-
176-
## Configuration
177-
178-
You can add your own variants by passing a configuration object to the plugin.
179-
180-
```js
181-
// tailwind.config.js
182-
module.exports = {
183-
plugins: [
184-
require('tailwindcss-email-variants')({
185-
thunderbird: '.moz-text-html &', // & is the utility class
186-
example: ctx => `.example ${ctx.container.nodes[0].selector}` // using a function
187-
}),
188-
// ...
189-
],
190-
}
191-
```
192-
193-
Use it:
194-
195-
```html
196-
<div class="thunderbird:hidden example:flex">...</div>
197-
```
198-
199-
Result:
200-
201-
```css
202-
.moz-text-html .thunderbird\:hidden {
203-
display: none;
204-
}
205-
206-
.example .flex {
207-
display: flex;
208-
}
209-
```

0 commit comments

Comments
 (0)