This file contains hidden or 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
| .css-selector { | |
| background: linear-gradient(270deg, #6887a0, #bbdde6, #23a6d5, #a3b2a4, #e8edbb, #67823a, #ffb600, #cf5326, #ba0c2f, #d27e65, #e6b7bd, #ded9ce); | |
| background-size: 2400% 2400%; | |
| -webkit-animation: AnimationName 59s ease infinite; | |
| -moz-animation: AnimationName 59s ease infinite; | |
| -o-animation: AnimationName 59s ease infinite; | |
| animation: AnimationName 59s ease infinite; | |
| } | |
| @-webkit-keyframes AnimationName { | |
| 0%{background-position:0% 50%} |
This file contains hidden or 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
| .css-selector { | |
| background: linear-gradient(182deg, #6887a0, #bbdde6, #23a6d5, #a3b2a4, #e8edbb, #67823a, #ffb600, #cf5326, #ba0c2f, #d27e65, #e6b7bd, #ded9ce); | |
| background-size: 2400% 2400%; | |
| -webkit-animation: upgradient 59s ease infinite; | |
| -moz-animation: upgradient 59s ease infinite; | |
| -o-animation: upgradient 59s ease infinite; | |
| animation: upgradient 59s ease infinite; | |
| } | |
| @-webkit-keyframes upgradient { | |
| 0%{background-position:51% 0%} |
This file contains hidden or 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
| 1. Build GraphQL server using `express-graphql` package. | |
| 2. Configure `schema.js` file. | |
| 3. Query for data. |
This file contains hidden or 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
| 'use strict'; | |
| var gulp = require('gulp'); | |
| var browserSync = require('browser-sync'); | |
| var nodemon = require('gulp-nodemon'); | |
| // we'd need a slight delay to reload browsers | |
| // connected to browser-sync after restarting nodemon | |
| var BROWSER_SYNC_RELOAD_DELAY = 500; |
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html lang="en" class="no-js"> | |
| <head> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="description" content="" /> | |
| <meta name="keywords" content="" /> | |
| <meta name="author" content="" /> | |
| <title></title> | |
| <body> |
This file contains hidden or 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 from 'react' | |
| class Clock extends React.Component { | |
| constructor(props){ | |
| super(props) | |
| this.state = this.getTime() | |
| } | |
| componentDidMount() { | |
| this.setTimer() | |
| } |