🔥 Super happy to announce Purchasing Power Parity for my courses.
🔥 Flexbox Tip: A dummy element set to flex-grow: 1; will take up any remaining space after sibling elements take up their natual size
🔥 Object Spread is coming soon to a JS runtime near you! Handy for creating shallow copies of an object without Object.assign()
![var _excluded = ["components"];
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/* @jsxRuntime classic */
/* @jsx mdx */
var _frontmatter = {
"tags": ["tools"],
"date": "2017-06-16T15:17:31.000Z",
"tweetURL": "https://twitter.com/wesbos/status/875734087977357313",
"slug": "purchasing-power-parity",
"images": ["DCc7dApVoAE57bt.jpg"],
"videos": null,
"links": ["https://learnnode.com/", "https://reactforbeginners.com/", "https://es6.io/"]
};
var layoutProps = {
_frontmatter: _frontmatter
};
var MDXLayout = "wrapper";
return function MDXContent(_ref) {
var components = _ref.components,
props = _objectWithoutProperties(_ref, _excluded);
return mdx(MDXLayout, _extends({}, layoutProps, props, {
components: components,
mdxType: "MDXLayout"
}), mdx("style", {
"className": "grvsc-styles"
}, "\n .grvsc-container {\n overflow: auto;\n position: relative;\n -webkit-overflow-scrolling: touch;\n padding-top: 1rem;\n padding-top: var(--grvsc-padding-top, var(--grvsc-padding-v, 1rem));\n padding-bottom: 1rem;\n padding-bottom: var(--grvsc-padding-bottom, var(--grvsc-padding-v, 1rem));\n border-radius: 8px;\n border-radius: var(--grvsc-border-radius, 8px);\n font-feature-settings: normal;\n line-height: 1.4;\n }\n \n .grvsc-code {\n display: table;\n }\n \n .grvsc-line {\n display: table-row;\n box-sizing: border-box;\n width: 100%;\n position: relative;\n }\n \n .grvsc-line > * {\n position: relative;\n }\n \n .grvsc-gutter-pad {\n display: table-cell;\n padding-left: 0.75rem;\n padding-left: calc(var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem)) / 2);\n }\n \n .grvsc-gutter {\n display: table-cell;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n \n .grvsc-gutter::before {\n content: attr(data-content);\n }\n \n .grvsc-source {\n display: table-cell;\n padding-left: 1.5rem;\n padding-left: var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem));\n padding-right: 1.5rem;\n padding-right: var(--grvsc-padding-right, var(--grvsc-padding-h, 1.5rem));\n }\n \n .grvsc-source:empty::after {\n content: ' ';\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n \n .grvsc-gutter + .grvsc-source {\n padding-left: 0.75rem;\n padding-left: calc(var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem)) / 2);\n }\n \n /* Line transformer styles */\n \n .grvsc-has-line-highlighting > .grvsc-code > .grvsc-line::before {\n content: ' ';\n position: absolute;\n width: 100%;\n }\n \n .grvsc-line-diff-add::before {\n background-color: var(--grvsc-line-diff-add-background-color, rgba(0, 255, 60, 0.2));\n }\n \n .grvsc-line-diff-del::before {\n background-color: var(--grvsc-line-diff-del-background-color, rgba(255, 0, 20, 0.2));\n }\n \n .grvsc-line-number {\n padding: 0 2px;\n text-align: right;\n opacity: 0.7;\n }\n \n"), mdx("p", null, "\uD83D\uDD25 Super happy to announce Purchasing Power Parity for my courses."));
}
;
MDXContent.isMDXComponent = true;](/static/d78a5be75772b24a2418463d826ab364/58e6f/DCc7dApVoAE57bt.webp)