Merge pull request #7 from doov-io/remove_start_style_selector

ozangunalp · web-flow · commit a807a6da415a · 2020-03-30T17:44:42.000+02:00
Replace star selector with doov-react wrapper class name
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;

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`export enum HtmlClass {`
	`2`	`+ CSS_DOOV_REACT = 'doov-react',`
`2`	`3`	`CSS_VALIDATION_RULE = 'dsl-validation-rule',`
`3`	`4`	`CSS_VALIDATE = 'dsl-token-validate',`
`4`	`5`	`CSS_NARY = 'dsl-token-nary',`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-* {`
	`1`	`+.doov-react {`
`2`	`2`	`font-family: Arial, Helvetica, sans-serif;`
`3`	`3`	`font-size: 11pt;`
`4`	`4`	`box-sizing: border-box;`