Commit 70b6669

committed

update ParallaxBanner stories

1 parent 06cfe71 commit 70b6669Copy full SHA for 70b6669

File tree

1 file changed

+27

-45

lines changed

stories/ParallaxBanner
- ParallaxBanner.stories.js

1 file changed

+27

-45

lines changed

`‎stories/ParallaxBanner/ParallaxBanner.stories.js‎`

Lines changed: 27 additions & 45 deletions

Original file line number	Diff line number	Diff line change
`@@ -12,11 +12,8 @@ import styles from './ParallaxBanner.scss';`
`12`	`12`	`import '../styles.scss';`
`13`	`13`
`14`	`14`	`storiesOf('<ParallaxBanner>', module)`
`15`		`- .add('with a full page background', () => (`
	`15`	`+ .add('with a single background', () => (`
`16`	`16`	`<ParallaxBanner`
`17`		`- style={{`
`18`		`- height: '100vh',`
`19`		`- }}`
`20`	`17`	`className={styles.bannerBg}`
`21`	`18`	`layers={[`
`22`	`19`	`{`
`@@ -28,8 +25,11 @@ storiesOf('<ParallaxBanner>', module)`
`28`	`25`	`]}`
`29`	`26`	`/>`
`30`	`27`	`))`
`31`		`- .add('with a single background', () => (`
	`28`	`+ .add('with a full page background', () => (`
`32`	`29`	`<ParallaxBanner`
	`30`	`+ style={{`
	`31`	`+ height: '100vh',`
	`32`	`+ }}`
`33`	`33`	`className={styles.bannerBg}`
`34`	`34`	`layers={[`
`35`	`35`	`{`
`@@ -58,53 +58,17 @@ storiesOf('<ParallaxBanner>', module)`
`58`	`58`	`</div>`
`59`	`59`	`</ParallaxBanner>`
`60`	`60`	`))`
`61`		`- .add('with parallax disabled', () => (`
`62`		`- <ParallaxBanner`
`63`		`- className={styles.bannerBg}`
`64`		`- disabled`
`65`		`- layers={[`
`66`		`- {`
`67`		`- image:`
`68`		`- 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/105988/banner.jpg',`
`69`		`- amount: 0.2,`
`70`		`- slowerScrollRate: false,`
`71`		`- },`
`72`		`- ]}`
`73`		`- >`
`74`		`- <div className={styles.parallaxChildren}>`
`75`		`- <h1>Disabled Parallax</h1>`
`76`		`- </div>`
`77`		`- </ParallaxBanner>`
`78`		`- ))`
`79`	`61`	`.add('with multiple backgrounds', () => {`
`80`	`62`	`const layers = [`
`81`	`63`	`{`
`82`	`64`	`image:`
`83`		`- 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/105988/parallax-background-1.png',`
`84`		`- amount: 0,`
`85`		`- slowerScrollRate: false,`
`86`		`- },`
`87`		`- {`
`88`		`- image:`
`89`		`- 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/105988/parallax-background-2.png',`
`90`		`- amount: 0.1,`
`91`		`- slowerScrollRate: false,`
`92`		`- },`
`93`		`- {`
`94`		`- image:`
`95`		`- 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/105988/parallax-background-3.png',`
	`65`	`+ 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/105988/banner-background.jpg',`
`96`	`66`	`amount: 0.2,`
`97`	`67`	`slowerScrollRate: false,`
`98`	`68`	`},`
`99`	`69`	`{`
`100`	`70`	`image:`
`101`		`- 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/105988/parallax-background-4.png',`
`102`		`- amount: 0.3,`
`103`		`- slowerScrollRate: false,`
`104`		`- },`
`105`		`- {`
`106`		`- image:`
`107`		`- 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/105988/parallax-background-5.png',`
	`71`	`+ 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/105988/banner-foreground.png',`
`108`	`72`	`amount: 0.4,`
`109`	`73`	`slowerScrollRate: false,`
`110`	`74`	`},`
`@@ -113,7 +77,25 @@ storiesOf('<ParallaxBanner>', module)`
`113`	`77`	`<ParallaxBanner`
`114`	`78`	`className={styles.bannerBg}`
`115`	`79`	`layers={layers}`
`116`		`- style={{ height: '50vh' }}`
	`80`	`+ style={{ height: '75vh' }}`
`117`	`81`	`/>`
`118`	`82`	`);`
`119`		`- });`
	`83`	`+ })`
	`84`	`+ .add('with parallax disabled', () => (`
	`85`	`+ <ParallaxBanner`
	`86`	`+ className={styles.bannerBg}`
	`87`	`+ disabled`
	`88`	`+ layers={[`
	`89`	`+ {`
	`90`	`+ image:`
	`91`	`+ 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/105988/banner.jpg',`
	`92`	`+ amount: 0.2,`
	`93`	`+ slowerScrollRate: false,`
	`94`	`+ },`
	`95`	`+ ]}`
	`96`	`+ >`
	`97`	`+ <div className={styles.parallaxChildren}>`
	`98`	`+ <h1>Disabled Parallax</h1>`
	`99`	`+ </div>`
	`100`	`+ </ParallaxBanner>`
	`101`	`+ ));`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit 70b6669

File tree

1 file changed

1 file changed

`‎stories/ParallaxBanner/ParallaxBanner.stories.js‎`

0 commit comments