How to use the ic-snacks.spacing.MARGIN_BOTTOM_LG 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 / Typography / styles.js View on Github external
fontWeight: 700,
  lineHeight: '65px',
}

export const sectionTitle = {
  ...gray20,
  fontSize: 24,
  fontWeight: 700,
  characterSpacing: '0.5em',
  lineHeight: '65px',
}

export const subtitle = {
  ...gray20,
  ...spaced,
  ...spacing.MARGIN_BOTTOM_LG,
  fontSize: 20,
  lineHeight: '34px',
}

export const bodyTitle2 = {
  ...spaced,
  fontSize: 16,
  fontWeight: 700,
  lineHeight: '20px',
  color: colors.GRAY_46,
  textTransform: 'uppercase',
}

export const body = {
  ...spaced,
  ...spacing.MARGIN_BOTTOM_SM,
github instacart / Snacks / site / src / components / Navigation / Search / style.js View on Github external
import { spacing } from 'ic-snacks'

const icon = {
  alignSelf: 'center',
  color: '#757575',
  ...spacing.MARGIN_LEFT_XS,
}

export default {
  container: {
    ...spacing.MARGIN_BOTTOM_LG,
    ...spacing.MARGIN_TOP_XS,
    borderRadius: 4,
    border: '1px solid #E0E0E0',
    backgroundColor: '#FFFFFF',
    display: 'flex',
  },
  textField: {
    border: 0,
    height: 54,
    fontSize: 16,
    padding: '18px 4px 4px 6px',
    ':active': {
      border: 0,
      backgroundColor: '#FFF',
    },
    ':focus': {