adjusted styles

webosbrew · Jun 18, 2024 · ed77589 · ed77589
1 parent 31a253c
commit ed77589
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 10 deletions.
diff --git a/src/views/can-i-root/app.scss b/src/views/can-i-root/app.scss
@@ -1,13 +1,35 @@
 @import "@fontsource/orbitron/900";
 
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/maps";
+@import "bootstrap/scss/mixins";
+@import "bootstrap/scss/utilities";
+
 h1.rootmytv {
   font-family: 'Orbitron', sans-serif;
   font-weight: 900;
   color: #000;
-  font-size: 4em;
+  font-size: 1.5em;
   text-shadow: 0 0 3px #d4ffff, 0 0 3px #d4ffff, 0 0 3px #d4ffff, 0 0 1em #0bb6be, 0 0 0.2em #0bb6be;
 
+  & {
+    @include media-breakpoint-up(sm) {
+      font-size: 2em;
+    }
+  }
+  & {
+    @include media-breakpoint-up(md) {
+      font-size: 3em;
+    }
+  }
+  & {
+    @include media-breakpoint-up(lg) {
+      font-size: 4em;
+    }
+  }
+
   sup {
-    text-shadow: 0 0px 2px white, 0 0px 2px white, 0 0 0.4em #731178, 0 2px 0.2em pink, 0 -3px 0.2em #aa0000;
+    text-shadow: 0 0 2px white, 0 0 2px white, 0 0 0.4em #731178, 0 2px 0.2em pink, 0 -3px 0.2em #aa0000;
   }
 }
diff --git a/src/views/rooting/index.hbs b/src/views/rooting/index.hbs
@@ -38,8 +38,8 @@
           <th>1.x</th>
           <td rowspan="2">❌<br>Not supported</td>
           <td rowspan="4">❌<br>Not supported</td>
-          <td rowspan="5">❌<br>Not supported</td>
-          <td rowspan="2">🩹<br>Patched</td>
+          <td rowspan="6">❌<br>Not supported</td>
+          <td rowspan="4">🩹<br>Patched</td>
           <td rowspan="3">❌<br>Not supported</td>
           <td rowspan="4">✅<br>Supported</td>
         </tr>
@@ -48,17 +48,20 @@
         </tr>
         <tr>
           <th>3.0~3.4</th>
-          <td rowspan="5">🪦<br>Patched, very unlikely to work</td>
-          <td rowspan="7">❌<br>Not supported</td>
+          <td rowspan="6">🪦<br>Patched, very unlikely to work</td>
         </tr>
         <tr>
           <th>3.5~</th>
-          <td rowspan="6">⌛<br>Being patched</td>
+          <td rowspan="7">⌛<br>Being patched</td>
+        </tr>
+        <tr>
+          <th>4.0~4.4</th>
+          <td rowspan="6">🪦<br>Patched, very unlikely to work</td>
+          <td rowspan="6">❌<br>Not supported</td>
+          <td rowspan="6">❌<br>Not supported</td>
         </tr>
         <tr>
-          <th>4.x</th>
-          <td rowspan="5">🪦<br>Patched, very unlikely to work</td>
-          <td rowspan="5">❌<br>Not supported</td>
+          <th>4.5</th>
         </tr>
         <tr>
           <th>5.x</th>