diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..1eb1fa5 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +bower_components + diff --git a/bower.json b/bower.json index 7776b7d..2748a8a 100644 --- a/bower.json +++ b/bower.json @@ -19,6 +19,7 @@ "iron-a11y-keys-behavior": "polymerelements/iron-a11y-keys-behavior#^1.0.0" }, "devDependencies": { + "paper-styles": "PolymerElements/paper-styles#^1.0.2", "iron-component-page": "polymerelements/iron-component-page#^1.0.0", "test-fixture": "polymerelements/test-fixture#^1.0.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0", diff --git a/demo/index.html b/demo/index.html index a7d1697..4fe9af4 100644 --- a/demo/index.html +++ b/demo/index.html @@ -14,8 +14,11 @@ Iron A11y Keys demo + - +
+ +
diff --git a/demo/x-key-aware.html b/demo/x-key-aware.html index 977a222..adfd44e 100644 --- a/demo/x-key-aware.html +++ b/demo/x-key-aware.html @@ -9,7 +9,7 @@ --> - + @@ -18,9 +18,30 @@ display: block; position: relative; } + + pre { + color: var(--google-blue-700); + } + + .keys { + line-height: 25px; + } + + .keys span { + cursor: default; + background-color: var(--google-grey-100); + border: 1px solid var(--google-grey-300); + padding: 1px 5px; + border-radius: 5px; + }