File tree Expand file tree Collapse file tree 1 file changed +0
-51
lines changed Expand file tree Collapse file tree 1 file changed +0
-51
lines changed Original file line number Diff line number Diff 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
136120Change ` 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- ```
You can’t perform that action at this time.
0 commit comments