An extension of the re-com UI component library that is meant for use with TailwindCSS.

re-com-tailwind is in its minimally viable infancy. Right now it consists of re-com with the bootstrap dependencies removed. Many of the CSS values have not been converted to tailwind style classes. There are still dependencies on other CSS files. CSS Purity has not been attained.

If you would like to help out, please see the issues page.

• It's probably a bad idea to use re-com-tailwind and regular re-com components at the same time, because re-com-tailwind tampers with the CSS structures in re-com.

Run this in the re-com-tailwind directory:

lein watch

Wait until [:demo] Build completed. is displayed, then visit https://localhost:3449/ in your browser.

For comparison, the original re-com demo

re-com-tailwind is available from clojars. Add it to your project.clj dependencies:

The re-com-tailwind components are, at this point, components from re-com with custom CSS settings. However, it is probably best to require them from the re-com-tailwind.core namespace, in case of future customization.

Functionality and documentation for re-com-tailwind components should be identical to that of re-com.

You'll need to include these asset folders in your app: https://github.com/BnMcGn/re-com-tailwind/tree/master/run/resources/public/assets

Your html file will need a reference to these two CSS files:

<link rel="stylesheet" href="assets/css/material-design-iconic-font.min.css">
<link rel="stylesheet" href="assets/css/re-com.css">

And a reference to the Roboto fonts (but this can be overridden relatively easily):

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300' rel='stylesheet' type='text/css'>

Copyright © 2015-2021 Michael Thompson

Copyright © 2022-2023 Ben McGunigle

Distributed under The MIT License (MIT) - See LICENSE.txt