File tree 1 file changed +0
-51
lines changed
1 file changed +0
-51
lines changed Original file line number Diff line number Diff line change @@ -115,22 +115,6 @@ Result:
115
115
}
116
116
```
117
117
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
-
134
118
### Outlook.com dark mode
135
119
136
120
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:
172
156
display : none ;
173
157
}
174
158
```
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
- ```
You can’t perform that action at this time.
0 commit comments