[fix] StyleSheet: escaping of class names in CSS

Fix #47
This commit is contained in:
Nicolas Gallagher
2015-12-19 04:22:00 -08:00
parent 25b74d30c4
commit c77ce19f1b
3 changed files with 16 additions and 13 deletions
+6 -4
View File
@@ -1,7 +1,9 @@
import React from 'react'
import { StyleSheet, Text } from '../../src'
import React, { StyleSheet, Text } from '../../src'
const headingStyles = StyleSheet.create({
const styles = StyleSheet.create({
root: {
fontFamily: '"Helvetica Neue", arial, sans-serif'
},
size: {
xlarge: {
fontSize: '2rem',
@@ -24,7 +26,7 @@ const Heading = ({ children, size = 'normal' }) => (
<Text
accessibilityRole='heading'
children={children}
style={headingStyles.size[size]}
style={{ ...styles.root, ...styles.size[size] }}
/>
)