diff --git a/.editorconfig b/.editorconfig index 419173f..df8f468 100644 --- a/.editorconfig +++ b/.editorconfig @@ -8,6 +8,6 @@ insert_final_newline = true indent_style = tab indent_size = 4 -[{bower.json,package.json,.travis.yml}] +[{*.json,*.yml}] indent_style = space indent_size = 2 diff --git a/.eslintrc b/.eslintrc.json similarity index 100% rename from .eslintrc rename to .eslintrc.json diff --git a/.travis.yml b/.travis.yml index 17cc1e4..1bd4929 100644 --- a/.travis.yml +++ b/.travis.yml @@ -1,6 +1,4 @@ language: node_js -node_js: stable -sudo: false -install: - - npm install - - polymer install --variants +node_js: node +script: +- npm run test diff --git a/CODEOWNERS b/CODEOWNERS index 536bc23..c17c334 100644 --- a/CODEOWNERS +++ b/CODEOWNERS @@ -1,2 +1 @@ -* @dlockhart -* @dbatiste +* @dlockhart @dbatiste diff --git a/README.md b/README.md index 3b9cc41..df35426 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,5 @@ # d2l-offscreen +[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/BrightspaceUI/offscreen) [![Bower version][bower-image]][bower-url] [![Build status][ci-image]][ci-url] @@ -23,15 +24,46 @@ Include the [webcomponents.js](http://webcomponents.org/polyfills/) "lite" polyf ```html - + ``` The `` custom element can now be used in your markup, the children of which will be hidden offscreen. + ```html -This message will only be visible to assistive technology, such as a screen reader. +Some offscreen content: + + This message will only be visible to assistive technology, such as a screen reader. + ``` ### Polymer Mixin @@ -43,8 +75,9 @@ You'll still include the web component polyfill, but instead of importing `d2l-o ```html + + + + + + + +
- +

Offscreen

+ + + -
- Some offscreen content: this should be offscreenthis should be offscreen
- - - - + diff --git a/index.html b/index.html new file mode 100644 index 0000000..ea49996 --- /dev/null +++ b/index.html @@ -0,0 +1,13 @@ + + + + + + d2l-offscreen + + + + + + + diff --git a/package.json b/package.json index cae725c..ff33841 100644 --- a/package.json +++ b/package.json @@ -1,13 +1,12 @@ { "name": "d2l-offscreen", - "version": "2.2.1", "description": "Polymer web component and Sass mixin for positioning elements offscreen", "private": true, "scripts": { - "postinstall": "bower install", - "test": "npm run test:lint:html && npm run test:lint:wc", + "postinstall": "polymer install --variants", "test:lint:html": "eslint *.html", - "test:lint:wc": "polymer lint d2l-offscreen.html" + "test:lint:wc": "polymer lint", + "test": "npm run test:lint:html && npm run test:lint:wc" }, "repository": { "type": "git", @@ -30,9 +29,9 @@ }, "homepage": "https://github.com/BrightspaceUI/offscreen", "devDependencies": { - "eslint": "^2.5.3", - "eslint-config-brightspace": "^0.2.1", - "eslint-plugin-html": "^1.4.0", - "polymer-cli": "^1.1.0" + "eslint": "^4.15.0", + "eslint-config-brightspace": "^0.4.0", + "eslint-plugin-html": "^4.0.1", + "polymer-cli": "^1.5.7" } } diff --git a/test/.eslintrc b/test/.eslintrc.json similarity index 100% rename from test/.eslintrc rename to test/.eslintrc.json diff --git a/wct.conf.json b/wct.conf.json index c33e1ce..1d82cf9 100644 --- a/wct.conf.json +++ b/wct.conf.json @@ -28,7 +28,7 @@ { "browserName": "safari", "platform": "OS X 10.12", - "version": "10.0" + "version": "" }, { "browserName": "microsoftedge",