revert changes to boostlook.css, move Tino design to separate file #93

- add boostlook_tino.css design system
- revert boostlook.css to previous version
- remove boostlook_old.css backup

.github/workflows/sync-boostlook-css.yml

@@ -2,7 +2,7 @@ name: Sync boostlook.css to website-v2 & website-v2-docs
 
 on:
   push:
-    branches: ["develop"]
+    branches: ["master"]
     paths:
       - "boostlook.css"
   workflow_dispatch:

boostlook_tino.css

@@ -92,7 +92,7 @@
  * 3. Dark Theme Variables
  */
 
-:root {
+ :root {
   /* General Variables - Core design tokens for all themes */
   --bl-primary-color: rgb(255, 159, 0);  /* Boost's signature orange color */
   --bl-header-height: 2.5rem;            /* Standard header height */
@@ -1078,12 +1078,6 @@ html:has(#docsiframe)::-webkit-scrollbar {
 }
 
 /* Responsive Design */
-@media screen and (min-width: 1024px) {
-  html {
-    font-size: .83333rem;
-  }
-}
-
 @media screen and (min-width: 768px) {
   .boostlook #toggle-toc {
     visibility: visible;
@@ -1139,6 +1133,7 @@ html:has(#docsiframe)::-webkit-scrollbar {
   /* Hidden TOC */
   html.toc-hidden .boostlook {
     margin-left: 0;
+    transition: margin-left 0.15s ease;
   }
 
   html.toc-hidden .boostlook #toggle-toc {
@@ -1153,6 +1148,7 @@ html:has(#docsiframe)::-webkit-scrollbar {
 
   html.toc-visible .boostlook {
     margin-left: 0;
+    transition: margin-left 0.15s ease;
   }
 
   html.toc-hidden .boostlook #toc.toc2 {
@@ -1178,6 +1174,18 @@ html:has(#docsiframe)::-webkit-scrollbar {
 
   html.toc-visible.toc-pinned .boostlook {
     margin-left: 17rem;
+    transition: margin-left 0.15s ease;
+  }
+}
+
+@media screen and (min-width: 1024px) {
+  html {
+    font-size: .83333rem;
+  }
+
+  html.toc-visible.toc-pinned .boostlook {
+    margin-left: 20rem;
+    transition: margin-left 0.15s ease;
   }
 }
 
@@ -1607,6 +1615,7 @@ body > .chapter,
   padding-left: 10px;
   max-width: 80rem;
   display: flex;
+  z-index: 5;
 }
 
 .boostlook:not(:has(.doc)) .spirit-nav a,