init

Author: dashed

.gitignore

@@ -0,0 +1,4 @@
+node_modules
+.DS_Store
+modules
+*.log

README.md

@@ -0,0 +1,42 @@
+system-ui
+=========
+
+> Fallbacks for the W3C CSS generic [`system-ui`](https://www.w3.org/TR/css-fonts-4/#system-ui-def) font-family.
+
+## Install
+
+```sh
+$ yarn add system-ui
+# npm v5+
+$ npm install system-ui
+# before npm v5
+$ npm install --save system-ui
+```
+
+## Usage
+
+```js
+import system_ui from "system-ui";
+import { injectGlobal } from "styled-components";
+
+injectGlobal`
+  body {
+    font-family: ${system_ui}, sans-serif;
+    font-size: 16px;
+
+    color: #000;
+  }
+`;
+```
+
+Chores
+======
+
+- Build: `yarn build`
+
+- Pretty: `yarn pretty`
+
+License
+=======
+
+MIT.

generate.js

@@ -0,0 +1,17 @@
+const list = [
+    "system-ui",
+    "-apple-system",
+    "BlinkMacSystemFont",
+    "Segoe UI",
+    "Roboto",
+    "Oxygen",
+    "Ubuntu",
+    "Cantarell",
+    "Fira Sans",
+    "Droid Sans",
+    "Helvetica Neue"
+];
+
+const compiled = list.join(", ");
+
+console.log(`module.exports = "${compiled}";`);

index.js

@@ -0,0 +1,2 @@
+module.exports =
+    "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue";

package.json

@@ -0,0 +1,15 @@
+{
+  "name": "system-ui",
+  "version": "1.0.0",
+  "description": "Fallbacks for the W3C CSS generic system-ui font-family.",
+  "main": "index.js",
+  "license": "MIT",
+  "scripts": {
+    "test": "true",
+    "build": "node generate.js > index.js",
+    "pretty": "prettier --write --tab-width 4 '*.js'"
+  },
+  "devDependencies": {
+    "prettier": "^1.7.4"
+  }
+}

yarn.lock

@@ -0,0 +1,7 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+prettier@^1.7.4:
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.7.4.tgz#5e8624ae9363c80f95ec644584ecdf55d74f93fa"