1.0.85

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-domtools",
-  "version": "1.0.83",
+  "version": "1.0.85",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -2134,9 +2134,9 @@
       }
     },
     "@pushrocks/websetup": {
-      "version": "3.0.12",
-      "resolved": "https://verdaccio.lossless.one/@pushrocks%2fwebsetup/-/websetup-3.0.12.tgz",
-      "integrity": "sha512-/E1IJQF0uG29E+Opb/pm/byq6Gd5P0ZZHuyZ4iVeIzSqMI4QC+W2IxwkXYDtbOLFAXDCe0qsn+6xako+WvAeEA==",
+      "version": "3.0.13",
+      "resolved": "https://verdaccio.lossless.one/@pushrocks%2fwebsetup/-/websetup-3.0.13.tgz",
+      "integrity": "sha512-H2v0vaMfh7s/r7gVgSvdOXJHfuPW5TvZ1ZjEH3YpNIp21kR1W8VFn+Vr5wdCcZ5jf2zqfdu0FFUS257f3lfIIA==",
       "requires": {
         "@pushrocks/smartdelay": "^2.0.10",
         "@pushrocks/smartpromise": "^3.1.3",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-domtools",
-  "version": "1.0.83",
+  "version": "1.0.85",
   "private": false,
   "description": "tools to simplify complex css structures",
   "main": "dist_ts/index.js",
@@ -31,7 +31,7 @@
     "@pushrocks/smartrx": "^2.0.19",
     "@pushrocks/smartstate": "^1.0.21",
     "@pushrocks/webrequest": "^2.0.13",
-    "@pushrocks/websetup": "^3.0.12",
+    "@pushrocks/websetup": "^3.0.13",
     "@pushrocks/webstore": "^1.0.16",
     "lit-element": "^2.4.0",
     "sweet-scroll": "^4.0.0"

ts/domtools.elementbasic.ts

@@ -11,10 +11,13 @@ export const styles = html`
   <style>
     * {
       transition: background 0.1s, color 0.1s;
-      font-family: 'Roboto', sans-serif;
       box-sizing: border-box;
     }
 
+    :host {
+      font-family: 'Roboto', sans-serif;
+    }
+
     ${scrollBarStyles}
   </style>
 `;