How to use the universal-stylesheet.hairlineWidth function in universal-stylesheet

To help you get started, we’ve selected a few universal-stylesheet examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github alibaba / rax / components / rax-navigation / src / views / Header.js View on Github external
);
  }
}

const styles = StyleSheet.create({
  container: {
    paddingTop: STATUSBAR_HEIGHT,
    backgroundColor: Platform.OS === 'ios' ? '#EFEFF2' : '#FFF',
    height: STATUSBAR_HEIGHT + APPBAR_HEIGHT,
    shadowColor: 'black',
    shadowOpacity: 0.1,
    shadowRadius: StyleSheet.hairlineWidth,
    shadowOffset: {
      height: StyleSheet.hairlineWidth,
    },
    elevation: 4,
  },
  appBar: {
    flex: 1,
  },
  header: {
    flexDirection: 'row',
    position: 'absolute',
    left: 0,
    right: 0,
    height: STATUSBAR_HEIGHT + APPBAR_HEIGHT,
  },
  item: {
    justifyContent: 'center',
    alignItems: 'center',
github alibaba / rax / components / rax-menulist / src / index.js View on Github external
/>
          ) : null
        }
      
    );
  }
}

const menuListStyle = StyleSheet.create({
  menuList: {
    borderRadius: 4,
    backgroundColor: '#ffffff',
    paddingLeft: 10,
    paddingRight: 10,
    borderColor: '#e7e7e7',
    borderWidth: StyleSheet.hairlineWidth,
    width: 210,
    position: 'fixed',
    opacity: 0
  }
});
github alibaba / rax / components / rax-navigation / src / views / Header.js View on Github external
);
  }
}

const styles = StyleSheet.create({
  container: {
    paddingTop: STATUSBAR_HEIGHT,
    backgroundColor: Platform.OS === 'ios' ? '#EFEFF2' : '#FFF',
    height: STATUSBAR_HEIGHT + APPBAR_HEIGHT,
    shadowColor: 'black',
    shadowOpacity: 0.1,
    shadowRadius: StyleSheet.hairlineWidth,
    shadowOffset: {
      height: StyleSheet.hairlineWidth,
    },
    elevation: 4,
  },
  appBar: {
    flex: 1,
  },
  header: {
    flexDirection: 'row',
    position: 'absolute',
    left: 0,
    right: 0,
    height: STATUSBAR_HEIGHT + APPBAR_HEIGHT,
  },
  item: {
github alibaba / rax / components / rax-menulist / src / MenuItem.js View on Github external
style={[menuItemStyle.item, style]}
        onPress={onPress}
      >
        {content}
      
    );
  }
}

const menuItemStyle = StyleSheet.create({
  item: {
    backgroundColor: '#ffffff',
    justifyContent: 'center',
    alignItems: 'center',
    borderColor: '#e7e7e7',
    borderBottomWidth: StyleSheet.hairlineWidth,
    paddingTop: 15,
    paddingBottom: 15
  },
  text: {
    fontSize: 28,
    color: '#666666'
  }
});
github alibaba / rax / examples / uikit / Divider.js View on Github external
import {createElement} from 'rax';
import View from 'rax-view';
import StyleSheet from 'universal-stylesheet';
import colors from './colors';

function Divider({style}) {
  return (

universal-stylesheet

A universal StyleSheet API.

BSD-3-Clause
Latest version published 6 years ago

Package Health Score

57 / 100
Full package analysis

Similar packages