123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196 |
- // @flow
-
- import { StyleSheet } from "react-native";
- import variable from "./../variables/platform";
-
- export default (variables /*: * */ = variable) => {
- const platform = variables.platform;
- const transparentBtnCommon = {
- "NativeBase.Text": {
- fontSize: variables.DefaultFontSize - 3,
- color: variables.sTabBarActiveTextColor
- },
- "NativeBase.Icon": {
- fontSize: variables.iconFontSize - 10,
- color: variables.sTabBarActiveTextColor,
- marginHorizontal: null
- },
- "NativeBase.IconNB": {
- fontSize: variables.iconFontSize - 10,
- color: variables.sTabBarActiveTextColor
- },
- paddingVertical: null,
- paddingHorizontal: null
- };
-
- const cardItemTheme = {
- "NativeBase.Left": {
- "NativeBase.Body": {
- "NativeBase.Text": {
- ".note": {
- color: variables.listNoteColor,
- fontWeight: "400",
- marginRight: 20
- }
- },
- flex: 1,
- marginLeft: 10,
- alignItems: null
- },
- "NativeBase.Icon": {
- fontSize: variables.iconFontSize
- },
- "NativeBase.IconNB": {
- fontSize: variables.iconFontSize
- },
- "NativeBase.Text": {
- marginLeft: 10,
- alignSelf: "center"
- },
- "NativeBase.Button": {
- ".transparent": {
- ...transparentBtnCommon,
- paddingRight: variables.cardItemPadding + 5
- }
- },
- flex: 1,
- flexDirection: "row",
- alignItems: "center"
- },
- ".content": {
- "NativeBase.Text": {
- color: platform === "ios" ? "#555" : "#222",
- fontSize: variables.DefaultFontSize - 2
- }
- },
- ".cardBody": {
- padding: -5,
- "NativeBase.Text": {
- marginTop: 5
- }
- },
- "NativeBase.Body": {
- "NativeBase.Text": {
- ".note": {
- color: variables.listNoteColor,
- fontWeight: "200",
- marginRight: 20
- }
- },
- "NativeBase.Button": {
- ".transparent": {
- ...transparentBtnCommon,
- paddingRight: variables.cardItemPadding + 5,
- alignSelf: "stretch"
- }
- },
- flex: 1,
- alignSelf: "stretch",
- alignItems: "flex-start"
- },
- "NativeBase.Right": {
- "NativeBase.Badge": {
- alignSelf: null
- },
- "NativeBase.Button": {
- ".transparent": {
- ...transparentBtnCommon
- },
- alignSelf: null
- },
- "NativeBase.Icon": {
- alignSelf: null,
- fontSize: variables.iconFontSize - 8,
- color: variables.cardBorderColor
- },
- "NativeBase.IconNB": {
- alignSelf: null,
- fontSize: variables.iconFontSize - 8,
- color: variables.cardBorderColor
- },
- "NativeBase.Text": {
- fontSize: variables.DefaultFontSize - 1,
- alignSelf: null
- },
- "NativeBase.Thumbnail": {
- alignSelf: null
- },
- "NativeBase.Image": {
- alignSelf: null
- },
- "NativeBase.Radio": {
- alignSelf: null
- },
- "NativeBase.Checkbox": {
- alignSelf: null
- },
- "NativeBase.Switch": {
- alignSelf: null
- },
- flex: 0.8
- },
- ".header": {
- "NativeBase.Text": {
- fontSize: 16,
- fontWeight: platform === "ios" ? "600" : "500"
- },
- ".bordered": {
- "NativeBase.Text": {
- color: variables.brandPrimary,
- fontWeight: platform === "ios" ? "600" : "500"
- },
- borderBottomWidth: variables.borderWidth
- },
- borderBottomWidth: null,
- paddingVertical: variables.cardItemPadding + 5
- },
- ".footer": {
- "NativeBase.Text": {
- fontSize: 16,
- fontWeight: platform === "ios" ? "600" : "500"
- },
- ".bordered": {
- "NativeBase.Text": {
- color: variables.brandPrimary,
- fontWeight: platform === "ios" ? "600" : "500"
- },
- borderTopWidth: variables.borderWidth
- },
- borderBottomWidth: null
- },
- "NativeBase.Text": {
- ".note": {
- color: variables.listNoteColor,
- fontWeight: "200"
- }
- },
- "NativeBase.Icon": {
- width: variables.iconFontSize + 5,
- fontSize: variables.iconFontSize - 2
- },
- "NativeBase.IconNB": {
- width: variables.iconFontSize + 5,
- fontSize: variables.iconFontSize - 2
- },
- ".bordered": {
- borderBottomWidth: StyleSheet.hairlineWidth,
- borderColor: variables.cardBorderColor
- },
- ".first": {
- borderTopLeftRadius: variables.cardBorderRadius,
- borderTopRightRadius: variables.cardBorderRadius
- },
- ".last": {
- borderBottomLeftRadius: variables.cardBorderRadius,
- borderBottomRightRadius: variables.cardBorderRadius
- },
- flexDirection: "row",
- alignItems: "center",
- borderRadius: variables.cardBorderRadius,
- padding: variables.cardItemPadding + 5,
- paddingVertical: variables.cardItemPadding,
- backgroundColor: variables.cardDefaultBg
- };
-
- return cardItemTheme;
- };
|