How to use the ic-snacks.colors.GRAY_88 function in ic-snacks

To help you get started, we’ve selected a few ic-snacks 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 instacart / Snacks / site / src / components / Navigation / styles.js View on Github external
import {spacing, colors} from 'ic-snacks'

const navLink = {
  fontSize: 14,
  textDecoration: 'none',
}

export default {
  container: {
    width: '100%',
    height: '100%',
    boxSizing: 'border-box',
    backgroundColor: colors.GRAY_97,
    overflow: 'scroll',
    ...spacing.PADDING_X_LG,
    borderRight: `1px solid ${colors.GRAY_88}`,
  },
  logo: {
    ...spacing.MARGIN_TOP_LG,
    display: 'flex',
    fontSize: 24,
    fontWeight: 600,
    textDecoration: 'none',
  },
  title: {
    position: 'relative',
    top: -2,
    color: colors.GRAY_20,
  },
  carrotIcon: {
  },
  navGroupContainer: {
github instacart / Snacks / site / src / components / utilities / Colors.js View on Github external
Secondary
      <div style="{group}">
        
        
        
        
        
      </div>
      Grayscale
      <div style="{group}">
        
        
        
        
        
        
        
      </div>
    
  )
}