move to bottled-ember

.github/workflows/ci.yml

@@ -12,12 +12,24 @@ concurrency:
    cancel-in-progress: true
 
 jobs:
-  test:
-    name: "Tests"
+  percy:
+    name: "Percy Tests"
     runs-on: ubuntu-latest
     env:
       PERCY_TOKEN: ee0a9d5c1122d6a21852edf19b5b309aaec18077fb3900c98995c90bc48ed240
-      RUN_PERCY_TESTS: true
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 14.x
+          cache: npm
+      - run: npm i -g npm@8
+      - run: npm ci
+      - run: npx percy exec -- npm run test:docs
+
+  test:
+    name: "Tests"
+    runs-on: ubuntu-latest
 
     steps:
       - uses: actions/checkout@v2

.gitignore

@@ -2,6 +2,7 @@
 
 # compiled output
 /dist/
+/dist-*
 /tmp/
 
 # dependencies

config/index.js

@@ -0,0 +1,18 @@
+module.exports = function (/* environment */) {
+  return {
+    'field-guide': {
+      name: 'Ember',
+      tagLine: 'Ember Styleguide',
+      logo: '/ember-logo.png',
+      copyright:
+        'Ember Field Guide is designed to document the [ember-styleguide](https://github.com/ember-learn/ember-styleguide) project. For more information view the [README](https://github.com/ember-learn/ember-styleguide),',
+      github: 'https://github.com/ember-learn/ember-styleguide',
+    },
+  };
+};
+
+module.exports['ember-cli-build'] = {
+  fingerprint: {
+    extensions: ['js', 'css', 'map'],
+  },
+};

docs-styles/app.css

@@ -0,0 +1,33 @@
+.self-executing-code-block {
+  margin-bottom: 2rem;
+}
+
+@media only percy {
+  .hide-in-percy {
+    visibility: hidden;
+  }
+}
+
+.border-dashed {
+  border: 1px dashed var(--color-gray-500);
+}
+
+.spacer-xsmall {
+  height: var(--spacing-1);
+}
+
+.spacer-small {
+  height: var(--spacing-2);
+}
+
+.spacer-medium {
+  height: var(--spacing-3);
+}
+
+.spacer-large {
+  height: var(--spacing-4);
+}
+
+.spacer-xlarge {
+  height: var(--spacing-5);
+}