Merge pull request #7 from doov-io/remove_start_style_selector

Replace star selector with doov-react wrapper class name
doov-org · Mar 30, 2020 · a807a6d · a807a6d
2 parents 20663ab + 0427886
commit a807a6d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -1,4 +1,7 @@
 <html>
+  <head>
+    <link rel="stylesheet" href="./dist/doov-react.css" />
+  </head>
   <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
   <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
   <!-- Don't use this in production: -->
@@ -15,7 +18,7 @@
     const mappingRule = DOOV.map(num).to(f);
     const validationRule = DOOV.when(f.eq(num)).validate();
     ReactDOM.render(
-      <div>
+      <div className="doov-react">
         <DoovReact metadata={mappingRule.metadata} fields={{ toto: 'toto' }} />
         <DoovReact metadata={validationRule.metadata} fields={{ toto: 'toto' }} />
       </div>,

diff --git a/src/HtmlClass.ts b/src/HtmlClass.ts
@@ -1,4 +1,5 @@
 export enum HtmlClass {
+  CSS_DOOV_REACT = 'doov-react',
   CSS_VALIDATION_RULE = 'dsl-validation-rule',
   CSS_VALIDATE = 'dsl-token-validate',
   CSS_NARY = 'dsl-token-nary',

diff --git a/src/doov-react.css b/src/doov-react.css
@@ -1,4 +1,4 @@
-* {
+.doov-react {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11pt;
   box-sizing: border-box;