@react-fabric/core 1.0.0-beta.8 → 1.0.1

package/css/reset/_text.css

@@ -1,27 +1,29 @@
-/*
+/**
  * React Fabric
- * @version: 1.0.0
+ * @version 1.0.0
+ * @license MIT
+ * @copyright 2024 Adarsh Pastakia
  *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
  *
- * The MIT License (MIT)
- * Copyright (c) 2024 Adarsh Pastakia
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
  *
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software
- * and associated documentation files (the "Software"), to deal in the Software without restriction,
- * including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
- * subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial
- * portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
- * TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
- * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
- * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
  */
 
-@layer comp {
+@layer components {
   h1 {
     font-size: 2.5rem;
     font-weight: 500;
@@ -49,7 +51,7 @@
 
   h6 {
     font-size: 1rem;
-    font-weight: 600;
+    font-weight: 500;
   }
 
   p {
@@ -89,27 +91,30 @@
   }
 
   dl {
-    display: flex;
-    flex-flow: row wrap;
+    display: grid;
+    grid-auto-flow: row;
+    grid-template-columns: minmax(6rem, 12rem) 1fr;
+
     margin: 0 0 1rem;
+
     line-height: 1.5em;
 
     dt {
       overflow: hidden;
-      flex: 0 0 33.3%;
+      grid-column-start: 1;
 
       min-width: 6em;
       max-width: 12em;
       padding-inline: 1em;
 
       font-size: 0.875em;
-      color: theme(textColor.dimmed);
+      color: var(--text-color-dimmed);
       text-overflow: ellipsis;
       white-space: nowrap;
     }
 
     dd {
-      flex: 1 1 66.6%;
+      grid-column-start: 2;
       margin: 0;
       padding: 0;
     }
@@ -121,18 +126,6 @@
         content: ": ";
       }
     }
-
-    &.bg-alternate {
-      & > dt:nth-of-type(odd),
-      & > dd:nth-of-type(odd) {
-        background-color: color-mix(in lab, var(--fabric-bg) 99%, var(--tint));
-      }
-
-      & > dt:nth-of-type(even),
-      & > dd:nth-of-type(even) {
-        background-color: color-mix(in lab, var(--fabric-bg) 92%, var(--tint));
-      }
-    }
   }
 
   abbr {
@@ -142,7 +135,7 @@
 
     padding: 0 2px;
 
-    color: theme(colors.accent.700);
+    color: var(--color-secondary-700);
     text-decoration: underline dashed 1px;
 
     background-color: color-mix(in lab, currentcolor 10%, var(--fabric-bg));
@@ -151,29 +144,6 @@
   mark {
     display: inline-block;
     color: var(--fabric-text);
-    background-color: theme(colors.accent.100);
-  }
-
-  .link {
-    cursor: pointer;
-    user-select: none;
-
-    font-weight: 500;
-    color: theme(colors.accent.600);
-    text-decoration: underline dotted;
-
-    &:hover {
-      text-decoration: underline solid;
-    }
-  }
-
-  .bg-odd,
-  .bg-alternate > :nth-child(odd) {
-    background-color: color-mix(in lab, var(--fabric-bg) 99%, var(--tint));
-  }
-
-  .bg-even,
-  .bg-alternate > :nth-child(even) {
-    background-color: color-mix(in lab, var(--fabric-bg) 92%, var(--tint));
+    background-color: var(--color-secondary-100);
   }
 }