split rules text from ubg cards

SQUASHED: AUTO-COMMIT-demos-stefan-chrome-built-in-ai.md,AUTO-COMMIT-src-components-widgets-ubg-card.html,AUTO-COMMIT-src-components-widgets-ubg-card.js,AUTO-COMMIT-src-components-widgets-ubg-card.js.l4a,AUTO-COMMIT-src-components-widgets-ubg-cards-entry.html,AUTO-COMMIT-src-components-widgets-ubg-cards-entry.js,AUTO-COMMIT-src-components-widgets-ubg-cards.html,AUTO-COMMIT-src-components-widgets-ubg-cards.js,AUTO-COMMIT-src-components-widgets-ubg.css,AUTO-COMMIT-src-components-widgets-ubg-rules-text.html,AUTO-COMMIT-src-components-widgets-ubg-rules-text.js,AUTO-COMMIT-src-components-widgets-ubg-rules-text.js.l4a,
LivelyKernel · Dec 5, 2024 · c8618e0 · c8618e0
1 parent 936889c
commit c8618e0
Show file tree

Hide file tree

Showing 12 changed files with 2,293 additions and 823 deletions.
diff --git a/demos/stefan/chrome-built-in-ai.md b/demos/stefan/chrome-built-in-ai.md
@@ -1,13 +1,9 @@
 # Chrome Built-in AI API
 
-https://googlechromeai.devpost.com/?linkId=11071015
-
-Sign up for Built-in AI - Early Preview Program: 
-https://docs.google.com/forms/d/e/1FAIpQLSfZXeiwj9KO9jMctffHPym88ln12xNWCrVkMY_u06WfSTulQg/viewform
-
-https://developer.chrome.com/docs/ai/built-in
-
-- Available APIs: https://developer.chrome.com/docs/ai/built-in-apis#translator_api
+- [](https://googlechromeai.devpost.com/?linkId=11071015)
+- [Sign up for Built-in AI - Early Preview Program](https://docs.google.com/forms/d/e/1FAIpQLSfZXeiwj9KO9jMctffHPym88ln12xNWCrVkMY_u06WfSTulQg/viewform)
+- [](https://developer.chrome.com/docs/ai/built-in)
+- [Available APIs](https://developer.chrome.com/docs/ai/built-in-apis#translator_api)
 
 <script>
   import {} from './chrome-built-in-ai.js';

diff --git a/src/components/widgets/ubg-card.html b/src/components/widgets/ubg-card.html
@@ -48,49 +48,6 @@
     font-size: 7pt;
     font-family: "Univers 55";
   }
-
-  #outerBox {
-    --mandatory-border-radius: 6px;
-
-    --mandatory-background: #D2D2D2;
-    --mandatory-border: #727272;
-
-    &.fire {
-      --mandatory-background: pink;
-      --mandatory-border: red;
-    }
-    &.water {
-      --mandatory-background: lightblue;
-      --mandatory-border: steelblue;
-    }
-    &.earth {
-      --mandatory-background: lightgoldenrodyellow;
-      --mandatory-border: darkgoldenrod;
-    }
-    &.wind {
-      --mandatory-background: lightgreen;
-      --mandatory-border: forestgreen;
-    }
-    &.fire.water, &.fire.earth, &.fire.wind, &.water.earth, &.water.wind, &.earth.wind {
-      --mandatory-background: plum;
-      --mandatory-border: purple;
-    }
-  }
-  .mandatory {
-    background: var(--mandatory-background);
-    padding: 0px 5px 0px 3px;
-    border: 1px var(--mandatory-border) solid;
-    border-left: none;
-    border-radius: 0px var(--mandatory-border-radius) var(--mandatory-border-radius) 0px;
-  }
-  .mandatory-icon::before {
-    content: '!';
-    color: white;
-    background: var(--mandatory-border);
-    border: 1px var(--mandatory-border) solid;
-    border-radius: var(--mandatory-border-radius) 0px 0px var(--mandatory-border-radius);
-    padding: 0px 2px 0px 1.5px;
-  }
 </style>
   <div id='bg'>
   </div>