mirror of
https://github.com/zoriya/react-native-web.git
synced 2026-05-17 04:32:26 +00:00
Nicolas Gallagher
547c375bd6
Add "aphrodite", "react-jss", and "reactxp" renderers. "react-addons-perf" is required due to: https://github.com/Microsoft/reactxp/issues/11
35 lines
797 B
JavaScript
35 lines
797 B
JavaScript
/* eslint-disable react/prop-types */
|
|
import React from 'react';
|
|
import { css, StyleSheet } from 'aphrodite';
|
|
|
|
const View = ({ style, ...other }) => <div {...other} className={css(styles.root, style)} />;
|
|
|
|
const styles = StyleSheet.create({
|
|
root: {
|
|
alignItems: 'stretch',
|
|
borderWidth: 0,
|
|
borderStyle: 'solid',
|
|
boxSizing: 'border-box',
|
|
display: 'flex',
|
|
flexBasis: 'auto',
|
|
flexDirection: 'column',
|
|
flexShrink: 0,
|
|
margin: 0,
|
|
padding: 0,
|
|
position: 'relative',
|
|
// button and anchor reset
|
|
backgroundColor: 'transparent',
|
|
color: 'inherit',
|
|
font: 'inherit',
|
|
textAlign: 'inherit',
|
|
textDecoration: 'none',
|
|
// list reset
|
|
listStyle: 'none',
|
|
// fix flexbox bugs
|
|
minHeight: 0,
|
|
minWidth: 0
|
|
}
|
|
});
|
|
|
|
module.exports = View;
|