| .table [data-sort]:after { | |
| content: url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z' fill='%2395AAC9'/></svg>"); | |
| margin-left: .25rem | |
| } | |
| .table [data-sort="asc"]:after { | |
| content: url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 0L6 4H0L3 0ZM3 10L 10Z' fill='%2395AAC9'/></svg>"); | |
| } | |
| .table [data-sort="desc"]:after { |
| import React from "react"; | |
| const Error404 = () => { | |
| return ( | |
| <div | |
| style={{ | |
| backgroundColor: "#111111", | |
| position: "absolute", | |
| top: 0, | |
| bottom: 0, |
| { | |
| "extends": [ | |
| "airbnb", | |
| "prettier", | |
| "prettier/react" | |
| ], | |
| "parser": "babel-eslint", | |
| "parserOptions": { | |
| "ecmaVersion": 8, | |
| "ecmaFeatures": { |
| export const formatToStandardDate = (unixTimeStamp, format) => { | |
| // *1000 to convert unix timestamp in ms to s | |
| const currentDate = new Date(unixTimeStamp*1000); | |
| const mon=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; | |
| const fullMon=['January','February','March','April','May','June','July','August','September','October','November','December']; | |
| const days=['Sun','Mon','Tue','Wed','Thu','Fri','Sat']; | |
| const fullDays=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday']; | |
| let regex=new RegExp("DDDD","g"); |
| import React from 'react'; | |
| import { findDOMNode } from 'react-dom'; | |
| import { connect } from 'react-redux'; | |
| import { createSelector } from 'reselect'; | |
| import throttle from 'lodash/throttle'; | |
| import { isHidden } from 'lib/dom'; | |
| import * as adActions from 'app/actions/ads'; | |
| import { TOP_NAV_HEIGHT } from 'app/constants'; |
| import React from "react"; | |
| const styles = { | |
| width: "200px", | |
| border: '1px solid #222', | |
| height: "200px", | |
| display: "inline-block", | |
| verticalAlign: "top", | |
| background: "#fff" | |
| }; |
| age | population | color | |
|---|---|---|---|
| <5 | 2704659 | #30343F | |
| 5-13 | 4499890 | #FAFAFF | |
| 14-17 | 2159981 | #E4D9FF | |
| 18-24 | 3853788 | #273469 | |
| 25-44 | 14106543 | #87B37A | |
| 45-64 | 8819342 | #E2D58B | |
| ≥65 | 612463 | #F9D4BB |
| date | New York | San Francisco | Austin | |
|---|---|---|---|---|
| 20111001 | 63.4 | 62.7 | 72.2 | |
| 20111002 | 58.0 | 59.9 | 67.7 | |
| 20111003 | 53.3 | 59.1 | 69.4 | |
| 20111004 | 55.7 | 58.8 | 68.0 | |
| 20111005 | 64.2 | 58.7 | 72.4 | |
| 20111006 | 58.8 | 57.0 | 77.0 | |
| 20111007 | 57.9 | 56.7 | 82.3 | |
| 20111008 | 61.8 | 56.8 | 78.9 | |
| 20111009 | 69.3 | 56.7 | 68.8 |
Building and delivering Small modules in sprints over the whole application at once.
| Easily generate a random hex color in JS: | |
| "#" + Math.floor(Math.random() * 16777215).toString(16).toUpperCase(); |