Модули CSS, извлеките свойства для записи встроенного стиля - PullRequest
Новая
       14

Модули CSS, извлеките свойства для записи встроенного стиля

0 голосов
/ 24 июня 2019

Мне нужно сгенерировать HTML, который будет использоваться в двух сценариях - предварительный просмотр того, как будет выглядеть электронная почта при отправке, электронная почта, которая будет работать в нескольких клиентах.

Электронная почта HTML имеет много особенностей и способов, которыми ее могут представлять различные клиенты, поэтому я бы предпочел вместо элементов classNames выдавать элементы с атрибутами стиля, однако мне все равно нужно будет сделать внешний CSS для некоторых вещей, которые будут пытаться разобраться с особенностями клиента.

Предполагая, что у меня есть что-то вроде следующего 

import * as React from "react";
import styles from './Email.module.css';

class EmailHeader extends React.Component{
    render(){
        return (<table className="emailHeader">

...

Я бы предпочел иметь возможность сделать что-то вроде этого 

import * as React from "react";
import './vendorSpecificEmailStyles.css';
import styles from './Email.module.css';

class EmailHeader extends React.Component{
    const headerRule = styles.emailHeader.getRule();
    render(){
        return (<table className="emailHeader" styles={headerRule}>

...

Я не думаю, что это возможно с текущими модулями CSS, но, возможно, кто-то знает библиотеку, которая уже делает это.

...