1.0.48

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-domtools",
-  "version": "1.0.45",
+  "version": "1.0.48",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-domtools",
-  "version": "1.0.45",
+  "version": "1.0.48",
   "private": false,
   "description": "tools to simplify complex css structures",
   "main": "dist_ts/index.js",

ts/domtools.css.theme.ts

@@ -1,6 +1,10 @@
 import { DomTools } from './domtools.classes.domtools';
 
-export const scrollBarStyles = `
+/**
+ * changes scrollbar styles to be consistent across OS borders
+ */
+export const scrollBarStyles = (() => {
+  const returnStyles = navigator.userAgent.indexOf("Windows") !== -1 ? `
   /* width */
   ::-webkit-scrollbar {
     width: 8px;
@@ -20,7 +24,8 @@ export const scrollBarStyles = `
   ::-webkit-scrollbar-thumb:hover {
     background: #777; 
   }
-`;
+` : ``;
+})();
 
 export const setupGlobalTheme = (domToolsInstance: DomTools) => {
   const styles = `

ts/domtools.elementbasic.ts

@@ -7,7 +7,7 @@ import { html } from 'lit-element';
 /**
  * styles to be included in every webcomponent
  */
-export const styles = html`;
+export const styles = html`
   <style>
     * {
       font-family: 'Roboto', sans-serif;