All files / components/navigation/Label themes.js

0% Statements 0/3
100% Branches 0/0
100% Functions 0/0
0% Lines 0/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72                                                                                                                                               
// @flow
 
const link = {
  footer: {
    color: "#999",
    focusHover: ({}: { ... }),
    marginRight: "10px",
    mediaMaxWidth992: ({}: { ... }),
    mediaMinWidth768: ({}: { ... }),
    mediaMinWidth992: ({}: { ... }),
    textDecoration: "none",
    transition: "all 0.2s ease"
  },
  navBar: {
    display: "block",
    focusHover: {
      backgroundColor: "transparent",
      color: "#2ac5ee",
      textDecoration: "none"
    },
    lineHeight: "20px",
    marginRight: "0",
    mediaMaxWidth992: {
      color: "#fff",
      paddingBottom: "12px",
      paddingTop: "12px"
    },
    mediaMinWidth768: {
      paddingBottom: "15px",
      paddingTop: "15px"
    },
    mediaMinWidth992: {
      color: "#121212"
    },
    padding: "10px 15px",
    position: "relative",
    textDecoration: "none",
    transition: "all 0.2s ease"
  }
}
 
const item = {
  footer: {
    mediaMaxWidth992: {
      marginBottom: "5px"
    }
  },
  navBar: {
    display: "block",
    listStyle: "none",
    marginBottom: "0",
    mediaMaxWidth992: {
      borderBottom: "1px dotted #2a2a2a"
    },
    paddingLeft: "0",
    position: "relative"
  }
}
 
const themes = {
  footer: {
    item: item.footer,
    link: link.footer
  },
  navBar: {
    item: item.navBar,
    link: link.navBar
  }
}
 
export default themes