diff --git a/README.md b/README.md
index fccb717..ef7f515 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 [![Bower version][bower-image]][bower-url]
 [![Build status][ci-image]][ci-url]
 
-This component contain a [Polymer](https://www.polymer-project.org/1.0/)-based web component and [Sass mixin](http://sass-lang.com/), either of which can be used to position elements off the screen in an accessible manor.
+This component contains a [Polymer](https://www.polymer-project.org/1.0/)-based web component and mixin, as well as a [Sass mixin](http://sass-lang.com/). Either of these can be used to position elements off the screen in an accessible manor.
 
 For further information on this and other D2L UI components, see the docs at [ui.valence.d2l.com](http://ui.valence.d2l.com/).
 
@@ -15,7 +15,7 @@ bower install d2l-offscreen
 
 ## Usage
 
-Off-screen elements are valuable from an accessibility perspective when you wish to use elements which are only visible to screen readers. For more information, read [WebAIM's article on Invisible Content](http://webaim.org/techniques/css/invisiblecontent/).
+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/).
 
 ### Polymer Web component
 
@@ -34,6 +34,22 @@ The `<d2l-offscreen>` custom element can now be used in your markup, the childre
 <d2l-offscreen>This message will only be visible to assistive technology, such as a screen reader.</d2l-offscreen>
 ```
 
+## Polymer Mixin
+
+Alternatively, you can apply the offscreen styles to an existing element using the mixin.
+
+You'll still include the web component polyfill, but instead of importing `d2l-offscreen.html`, import `d2l-offscreen-shared-styles.html`. Include it on your style block and apply the `--d2l-offscreen` mixin to any CSS selector:
+
+```html
+<link rel="import" href="../d2l-offscreen/d2l-offscreen-shared-styles.html">
+<style include="d2l-offscreen-shared-styles">
+my-element {
+	@apply(--d2l-offscreen);
+}
+```
+
+More on [Polymer shared style modules](https://www.polymer-project.org/1.0/docs/devguide/styling#style-modules)...
+
 ### Sass Mixin
 
 Alternatively, to position an element offscreen using the Sass mixin, apply the `d2l-offscreen()` mixin to any CSS selector.
diff --git a/d2l-offscreen-shared-styles.html b/d2l-offscreen-shared-styles.html
new file mode 100644
index 0000000..3edb903
--- /dev/null
+++ b/d2l-offscreen-shared-styles.html
@@ -0,0 +1,17 @@
+<link rel="import" href="../polymer/polymer.html">
+<dom-module id="d2l-offscreen-shared-styles">
+	<template>
+		<style>
+			:root {
+				--d2l-offscreen: {
+					position: absolute !important;
+					left: -10000px;
+					overflow: hidden;
+					width: 1px;
+					height: 1px;
+					white-space: nowrap;
+				};
+			}
+		</style>
+	</template>
+</dom-module>
diff --git a/d2l-offscreen.html b/d2l-offscreen.html
index 9704d29..a7e3e50 100644
--- a/d2l-offscreen.html
+++ b/d2l-offscreen.html
@@ -1,19 +1,11 @@
 <link rel="import" href="../polymer/polymer.html">
+<link rel="import" href="d2l-offscreen-shared-styles.html">
 <dom-module id="d2l-offscreen">
 	<template>
-		<style>
+		<style include="d2l-offscreen-shared-styles">
 			:host {
 				display: inline-block;
-				position: absolute !important;
-				left: -10000px;
-				overflow: hidden;
-				width: 1px;
-				height: 1px;
-				white-space: nowrap;
-			}
-			:host-context([dir="rtl"]) {
-				left: auto;
-				right: -10000px;
+				@apply(--d2l-offscreen);
 			}
 		</style>
 		<content></content>
diff --git a/package.json b/package.json
index f9e5085..da18b8c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "d2l-offscreen",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Polymer web component and Sass mixin for positioning elements offscreen",
   "private": true,
   "scripts": {