Skip to content

Instantly share code, notes, and snippets.

@jfo

jfo/-

Created May 15, 2018 14:59
Show Gist options
  • Save jfo/e93981d2b1a21744ee5eb2a8ddf72229 to your computer and use it in GitHub Desktop.
Save jfo/e93981d2b1a21744ee5eb2a8ddf72229 to your computer and use it in GitHub Desktop.
commit dc2edeac8812e9e5d2de94abfcc1b3bbc9e4b2e9
Author: Jeff Fowler <jeff.fowler@peakon.com>
Date: Tue May 15 16:59:15 2018 +0200
gradient example;
diff --git a/src/components/Card/index.js b/src/components/Card/index.js
index 6f5e880..be6e3e6 100644
--- a/src/components/Card/index.js
+++ b/src/components/Card/index.js
@@ -6,7 +6,9 @@ import styles from './styles.css';
const Card = ({ backgroundImage, children, type }) => (
<div
- style={{ backgroundImage: `url(${backgroundImage})` }}
+ style={{
+ backgroundImage: `linear-gradient(to bottom, rgba(255,255,0,0.5), rgba(0,0,255,0.5)), url(${backgroundImage})`
+ }}
className={classnames(styles.card, styles[type])}
>
{children}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment