s

src/lib/systems/CoreSystem.js

@@ -10,7 +10,7 @@ import * as Font from 'expo-font';
 
 
 import Data from '!!raw-loader!../../rules/Universal.css';
-
+import BaseRules from '!!raw-loader!../../rules/BaseRules.css';
 
 export default class CoreSystem {
 	constructor(dev = false) {
@@ -28,6 +28,7 @@ export default class CoreSystem {
 		this.RulingSystem = new RulingSystem();
 		InjectionSystem.depend("Ruling", this.RulingSystem);
 		this.RulingSystem.addRuleFile(Data);
+		this.RulingSystem.addRuleFile(BaseRules);
 		this.RulingSystem.onUpdate(() => this.forceUpdate())
 
 		this.ViewSystem    = new ViewSystem(this);

src/rules/BaseRules.css

@@ -0,0 +1,11 @@
+ROOT > Card {
+	
+}
+
+
+ROOT > ~Card {
+	paddingLeft: 16;
+	paddingRight:16;
+	paddingTop:24;
+	paddingBottom:24;
+}

src/rules/Universal.css

@@ -34,13 +34,3 @@ Image > * {
 	justifyContent: center;
 	alignSelf: center;
 }
-
-
-Badge - Button {
-	width: 10;
-}
-
-
-Badge + Button {
-	paddingTop: 100; 
-}