# fissure

> Generates cascading styles for React Native

Latest version **0.0.1** (published 2015-04-08) · BSD-2-Clause license · 0 weekly downloads

## Install

```sh
npm install fissure
pnpm add fissure
yarn add fissure
bun add fissure
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2015-04-08 |
| First published | 2015-04-08 |
| Weekly downloads | 0 |
| License | BSD-2-Clause |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | dax |
| Maintainers | dax0 |

## Links

- npm: https://www.npmjs.com/package/fissure
- Repository: https://github.com/ironbay/fissure
- Issues: https://github.com/ironbay/fissure/issues
- npm.io page: https://npm.io/package/fissure

## Recent versions

- 0.0.1 (latest) — 2015-04-08
- 0.0.0 — 2015-04-08

## README

#Fissure

Fissure adds support for cascading CSS classNames to react-native as they exist in HTML5. Note, does not support multiple classNames yet, but on the TODO list.

## Install
```
npm install fissure
```


## Example

```
var React = require('react-native');
var Fissure = require("fissure");
var {
  AppRegistry,
  StyleSheet,
  Text,
  ScrollView,
  View
} = React;

var feed = React.createClass({

	render: function() {
		return Fissure.render(styles, (
			<ScrollView className="feed" >
				<View className="post">
					<View className="h3">
						<Text className="author">Jon Hamm </Text>
						<Text>shared this</Text>
					</View>
					<Text className="h1">Mad Men Season Premiere Tonight</Text>
					<Text className="h2">theverge.com</Text>
				</View>
			</ScrollView>
		));
	}

});

var styles = StyleSheet.create(Fissure.styles({
	feed : {
		flexDirection: "row",
		margin:30,

		post : {
			h3 : {
				flexDirection: "row",
				fontSize: 8,

				author : {
					color: "#3498db"
				}
			},
			h1 : {
				fontSize: 14,
				fontWeight: "700",
				marginBottom:2	
			},
			h2 : {
				fontSize: 10,
		 		color: "#999",
				marginBottom:2	
			}
		},
	}
}))

module.exports = feed;
```

---
_Source: https://npm.io/package/fissure · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._