【Closed】Better reusability？ #3442

suxin2017 · 2021-01-26T02:47:52Z

suxin2017
Jan 26, 2021

I had an idea, because the tailwindCSS class is a lot of writing, I want nice CSS files, but I don't want my HTML pages to be complicated so can I use style combinations as a way of writing my CSS classes?

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="./styles.css" rel="stylesheet">
</head>
<script>
    let btn = t`bg-red-400 text-white  w-4 h-2`
    
</script>
<body class="gr">
    <div class="w-96 md:container"></div>
</body>
</html>

or

// index.tss
.btn {
 bg-red-400;
 text-white;
  w-4 h-2;
}

//index.jsx
import styles from 'index.tss'

// your code 
return <div className={styles.btn}>button</div>

It's just a thought

adamwathan · 2021-01-26T02:49:35Z

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

【Closed】Better reusability？ #3442

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

【Closed】Better reusability？ #3442

Uh oh!

Uh oh!

suxin2017 Jan 26, 2021

Replies: 1 comment

Uh oh!

adamwathan Jan 26, 2021 Maintainer

suxin2017
Jan 26, 2021

adamwathan
Jan 26, 2021
Maintainer