siddharthkp

{
  
  "breadcrumbs.enabled": false,
  "editor.minimap.enabled": false, // removes minimap
  "editor.renderWhitespace": "none", // removes whitespace chars
  "editor.renderIndentGuides": false, // removes indent guides
  "editor.overviewRulerBorder": false, // removes border from overview ruler (located on the right, same position as the scrollbar)
  "editor.hideCursorInOverviewRuler": true, // hides cursor mark in the overview ruler
  "editor.lineNumbers": "off", // hide line numbers
  "editor.renderLineHighlight": "none", // removes line highlight

siddharthkp

{
    "window.zoomLevel": 1,
    "editor.fontFamily": "Dank Mono",
    "editor.fontSize": 18,
    "workbench.colorTheme": "Night Owl",
    "editor.minimap.enabled": false,
    "workbench.editor.focusRecentEditorAfterClose": false,
    "breadcrumbs.enabled": false,
    "workbench.activityBar.visible": false,
    "workbench.fontAliasing": "antialiased",

siddharthkp

import { spacing } from '@auth0/cosmos-tokens'

const directions = ['top', 'bottom', 'left', 'right']

/* this helper gets all the props of the component */
const margin = ({ margin = {} }) => {
  let styles = ''

  directions.map(direction => {
    if (typeof margin[direction] !== 'undefined') {

siddharthkp

https://unpkg.com/react@16.0.0/umd/react.development.js

https://unpkg.com/babel-standalone@6.26.0/babel.js

siddharthkp

This proposal is not longer active. Context: https://twitter.com/siddharthkp/status/909818777314902016

---