Johnny Klironomos novykh
novykh
/ dataLoader.js
Created
March 14, 2017 13:47
Higher order component for handling data fetching and loader till it's done - required props are `isDataLoaded` [boolean] and `dispatchGetData` [function that changes isDataLoaded when done in store]
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, {Component} from 'react'; | |
| import Loader from '../shared/loader'; | |
| const getDisplayName = component => component.displayName || component.name || 'Component'; | |
| const Loader = ({message}) => { | |
| return ( | |
| <div className='bullets-loader'> | |
| <div className='bounce1' /> | |
| <div className='bounce2' /> |
novykh
/ Easy Background Grid
Created
April 6, 2012 23:21
— forked from JeffreyWay/Easy Background Grid
This is an easy way to set a background grid for new websites.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .grid-overlay:before { | |
| content: ""; | |
| position: fixed; | |
| background-color: rgba(34,102,153,0.5); | |
| background: -webkit-linear-gradient(skyblue 2px, transparent 2px), -webkit-linear-gradient(0, skyblue 2px, transparent 2px), -webkit-linear-gradient(skyblue 1px, transparent 1px), -webkit-linear-gradient(0, skyblue 1px, transparent 1px); | |
| background: -moz-linear-gradient(skyblue 2px, transparent 2px), -moz-linear-gradient(0, skyblue 2px, transparent 2px), -moz-linear-gradient(skyblue 1px, transparent 1px), -moz-linear-gradient(0, skyblue 1px, transparent 1px); | |
| background: -o-linear-gradient(skyblue 2px, transparent 2px), -o-linear-gradient(0, skyblue 2px, transparent 2px), -o-linear-gradient(skyblue 1px, transparent 1px), -o-linear-gradient(0, skyblue 1px, transparent 1px); | |
| background: -ms-linear-gradient(skyblue 2px, transparent 2px), -ms-linear-gradient(0, skyblue 2px, transparent 2px), -ms-linear-gradient(skyblue 1px, transparent 1px), -ms-linear-gradient(0, skyblue 1px, transparent 1px); | |
| background |