linked-data-browser 0.0.8-alpha.1 → 0.0.8-alpha.3

package/dist-lib/index.css

@@ -0,0 +1,85 @@
+/* global.css */
+:root {
+  --focus-ring-color: hsl(220 70% 45%);
+  --focus-ring-width: 2px;
+  --focus-ring-offset: 2px;
+  --focus-ring-shadow: 0 0 0 var(--focus-ring-offset) transparent, 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);
+}
+:where(button, a[href], area[href], input:not([type=hidden]), select, textarea, summary, [role=button], [role=link], [role=menuitem], [role=menuitemradio], [role=menuitemcheckbox], [role=option], [role=treeitem], [role=tab], [role=switch], [role=checkbox], [role=radio], [role=slider], [role=spinbutton], [role=textbox], [role=combobox], [role=gridcell], [role=rowheader], [role=columnheader], [tabindex]:not([tabindex^="-"])) {
+  outline: none;
+  box-shadow: none;
+}
+:where(button, a[href], area[href], input:not([type=hidden]), select, textarea, summary, [role=button], [role=link], [role=menuitem], [role=menuitemradio], [role=menuitemcheckbox], [role=option], [role=treeitem], [role=tab], [role=switch], [role=checkbox], [role=radio], [role=slider], [role=spinbutton], [role=textbox], [role=combobox], [role=gridcell], [role=rowheader], [role=columnheader], [tabindex]:not([tabindex^="-"]))[disabled],
+:where([aria-disabled=true], [data-disabled], [data-state=disabled]) {
+  box-shadow: none !important;
+  outline: none !important;
+}
+:where(button, a[href], area[href], input:not([type=hidden]), select, textarea, summary, [role=button], [role=link], [role=menuitem], [role=menuitemradio], [role=menuitemcheckbox], [role=option], [role=treeitem], [role=tab], [role=switch], [role=checkbox], [role=radio], [role=slider], [role=spinbutton], [role=textbox], [role=combobox], [role=gridcell], [role=rowheader], [role=columnheader], [tabindex]:not([tabindex^="-"])):focus:not(:focus-visible) {
+  outline: none !important;
+  box-shadow: none !important;
+}
+button::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+button:-moz-focusring:not(:focus-visible) {
+  outline: none;
+}
+@layer base {
+  :root {
+    --background: 0 0% 99%;
+    --foreground: 220 15% 12%;
+    --card: 0 0% 100%;
+    --card-foreground: 220 15% 12%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 220 15% 12%;
+    --primary: 220 70% 45%;
+    --primary-foreground: 0 0% 100%;
+    --secondary: 220 14% 96%;
+    --secondary-foreground: 220 15% 20%;
+    --muted: 220 14% 96%;
+    --muted-foreground: 220 10% 42%;
+    --accent: 220 14% 94%;
+    --accent-foreground: 220 15% 20%;
+    --destructive: 0 72% 51%;
+    --destructive-foreground: 0 0% 100%;
+    --border: 220 13% 91%;
+    --input: 220 13% 91%;
+    --ring: 220 70% 45%;
+    --radius: 0.5rem;
+    --radius-sm: 0.375rem;
+    --radius-lg: 0.75rem;
+  }
+  .dark:root,
+  html.dark {
+    --background: 222 18% 8%;
+    --foreground: 210 20% 96%;
+    --card: 222 18% 10%;
+    --card-foreground: 210 20% 96%;
+    --popover: 222 18% 10%;
+    --popover-foreground: 210 20% 96%;
+    --primary: 217 91% 60%;
+    --primary-foreground: 0 0% 100%;
+    --secondary: 217 18% 18%;
+    --secondary-foreground: 210 20% 96%;
+    --muted: 217 18% 16%;
+    --muted-foreground: 215 16% 57%;
+    --accent: 217 18% 14%;
+    --accent-foreground: 210 20% 96%;
+    --destructive: 0 62% 50%;
+    --destructive-foreground: 0 0% 100%;
+    --border: 217 18% 18%;
+    --input: 217 18% 18%;
+    --ring: 217 91% 60%;
+  }
+}
+html.bg-background {
+  background-color: hsl(var(--background));
+}
+.scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+.scrollbar-hide::-webkit-scrollbar {
+  display: none;
+}