Khan / aphrodite

Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
5.34k stars 188 forks source link

use aphrodite with twitter-Bootstrap #322

Open franva opened 6 years ago

franva commented 6 years ago

Just wonder is it possible to use A with B?

My existing project using Bootstrap and looks like:

<ul className=”nav navbar-nav”>

But Aphrodite asks for something like: <ul className={css(styles.red)}>

Question:

How can I merge these 2 approaches? <ul className=”nav navbar-nav” className={css(styles.red)}>

jb-1980 commented 6 years ago

I have used string templates to accomplish this: <ul className={`nav navbar-nav ${css(styles.red)}`}>

Produces something like this: <ul class="nav navbar-nav red_137u7ef">

franva commented 6 years ago

It works! Thank you