diff --git a/.gitignore b/.gitignore index 21b4091..eece705 100644 --- a/.gitignore +++ b/.gitignore @@ -2,4 +2,3 @@ node_modules/ test/output test/diff/less-scss-diff-new offscreen.css -offscreen-less.css diff --git a/.npmignore b/.npmignore index b2a694f..3f99e32 100644 --- a/.npmignore +++ b/.npmignore @@ -7,6 +7,4 @@ node_modules karma.conf.js test -offscreen.css.less offscreen.css.scss -offscreen-less.css diff --git a/README.md b/README.md index 3a88364..e2b6451 100644 --- a/README.md +++ b/README.md @@ -3,9 +3,7 @@ [![Build status][ci-image]][ci-url] [![Dependency Status][dependencies-image]][dependencies-url] -This component contains Sass mixins and CSS for positioning elements off the screen. LESS mixins are still include for backward compatibility, however these will likely be removed in a future version. - -Off-screen elements are valuable from an accessibility perspective when you wish to have elements which are only visible to screen readers. For more information, read [WebAIM's article on Invisible Content](http://webaim.org/techniques/css/invisiblecontent/). +This component contains Sass mixins and CSS for positioning elements off the screen. Off-screen elements are valuable from an accessibility perspective when you wish to have elements which are only visible to screen readers. For more information, read [WebAIM's article on Invisible Content](http://webaim.org/techniques/css/invisiblecontent/). For further information on this component and other VUI components, see the docs at [ui.valence.d2l.com](http://ui.valence.d2l.com/). diff --git a/offscreen.css.less b/offscreen.css.less deleted file mode 100644 index 245ea9e..0000000 --- a/offscreen.css.less +++ /dev/null @@ -1,5 +0,0 @@ -@import 'offscreen'; - -.vui-offscreen { - #vui.offscreen(); -} diff --git a/offscreen.less b/offscreen.less deleted file mode 100644 index bfd00c6..0000000 --- a/offscreen.less +++ /dev/null @@ -1,18 +0,0 @@ -#vui { - - .offscreen() { - @offset: -10000px; - - position: absolute !important; - left: @offset; - overflow: hidden; - width: 1px; - height: 1px; - - [dir="rtl"] & { - left: auto; - right: @offset; - } - } - -} diff --git a/package.json b/package.json index 6030cef..479bf61 100644 --- a/package.json +++ b/package.json @@ -1,20 +1,13 @@ { "name": "vui-offscreen", - "version": "0.1.1", + "version": "0.2.0", "description": "Mixins and CSS for positioning elements offscreen", "scripts": { "clean": "rimraf *.css", "prebuild": "npm run clean", - "build": "npm run build:sass:css && npm run build:less:css", - "build:less:css": "lessc offscreen.css.less > offscreen-less.css", - "postbuild:less:css": "csslint offscreen-less.css", - "build:sass:css": "node-sass --output-style expanded offscreen.css.scss offscreen.css", - "postbuild:sass:css": "csslint offscreen.css", + "build": "node-sass --output-style expanded offscreen.css.scss offscreen.css", "pretest": "npm run build", - "test": "npm run diff:assert", - "prediff:assert": "npm run diff:create", - "diff:assert": "assertnodiff --file1 ./test/diff/less-scss-diff --file2 ./test/diff/less-scss-diff-new", - "diff:create": "createpatch --file1 offscreen-less.css --file2 offscreen.css -o ./test/diff/less-scss-diff-new" + "test": "csslint offscreen.css" }, "repository": { "type": "git", @@ -33,8 +26,6 @@ "homepage": "https://github.com/Brightspace/valence-ui-offscreen", "devDependencies": { "csslint": "^0.10.0", - "diff-cli": "git://github.com/Brightspace/diff-cli.git#v0.0.1", - "less": "^2.5.1", "node-sass": "^3.1.1", "rimraf": "^2.3.4" } diff --git a/test/diff/less-scss-diff b/test/diff/less-scss-diff deleted file mode 100644 index 4e50981..0000000 --- a/test/diff/less-scss-diff +++ /dev/null @@ -1,13 +0,0 @@ -=================================================================== ---- offscreen-less.css -+++ offscreen.css -@@ -4,8 +4,9 @@ - overflow: hidden; - width: 1px; - height: 1px; - } -+ - [dir="rtl"] .vui-offscreen { - left: auto; - right: -10000px; - }