How to use the css.colors.black function in css

To help you get started, we’ve selected a few css 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 SpencerCDixon / blog / components / NavLink.js View on Github external
import React, { PropTypes } from 'react';
import { Link } from 'react-router'
import { prefixLink } from 'gatsby-helpers'
import { StyleSheet, css } from 'aphrodite';
import { colors, fonts } from 'css';

const sx = StyleSheet.create({
  active: {
    color: colors.black,
  },
  base: {
    fontFamily: fonts.secondary,
    fontWeight: fonts.xThin,
    color: colors.lightGray,
    textDecoration: 'none',
    fontSize: fonts.nav,
    ':hover': {
      color: colors.black,
    }
  }
});

function NavLink({to, children}) {
  return (
github SpencerCDixon / blog / components / NavLink.js View on Github external
import { prefixLink } from 'gatsby-helpers'
import { StyleSheet, css } from 'aphrodite';
import { colors, fonts } from 'css';

const sx = StyleSheet.create({
  active: {
    color: colors.black,
  },
  base: {
    fontFamily: fonts.secondary,
    fontWeight: fonts.xThin,
    color: colors.lightGray,
    textDecoration: 'none',
    fontSize: fonts.nav,
    ':hover': {
      color: colors.black,
    }
  }
});

function NavLink({to, children}) {
  return (
    
      {children}
    
  );
}