draupnir4all-web

git clone git://archive.git.mtrnord.blog/MTRNord/draupnir4all-web.git
Log | Files | Refs | README | LICENSE

globals.css (2428B)


      1 @tailwind base;
      2 @tailwind components;
      3 @tailwind utilities;
      4 
      5 body {
      6   font-family: Arial, Helvetica, sans-serif;
      7 }
      8 
      9 @layer utilities {
     10   .text-balance {
     11     text-wrap: balance;
     12   }
     13 }
     14 
     15 @layer base {
     16   :root {
     17     --background: 0 0% 100%;
     18     --foreground: 0 0% 3.9%;
     19     --card: 0 0% 100%;
     20     --card-foreground: 0 0% 3.9%;
     21     --popover: 0 0% 100%;
     22     --popover-foreground: 0 0% 3.9%;
     23     --primary: 0 0% 9%;
     24     --primary-foreground: 0 0% 98%;
     25     --secondary: 0 0% 96.1%;
     26     --secondary-foreground: 0 0% 9%;
     27     --muted: 0 0% 96.1%;
     28     --muted-foreground: 0 0% 45.1%;
     29     --accent: 0 0% 96.1%;
     30     --accent-foreground: 0 0% 9%;
     31     --destructive: 0 84.2% 60.2%;
     32     --destructive-foreground: 0 0% 98%;
     33     --border: 0 0% 89.8%;
     34     --input: 0 0% 89.8%;
     35     --ring: 0 0% 3.9%;
     36     --chart-1: 12 76% 61%;
     37     --chart-2: 173 58% 39%;
     38     --chart-3: 197 37% 24%;
     39     --chart-4: 43 74% 66%;
     40     --chart-5: 27 87% 67%;
     41     --radius: 0.5rem;
     42     --sidebar-background: 0 0% 98%;
     43     --sidebar-foreground: 240 5.3% 26.1%;
     44     --sidebar-primary: 240 5.9% 10%;
     45     --sidebar-primary-foreground: 0 0% 98%;
     46     --sidebar-accent: 240 4.8% 95.9%;
     47     --sidebar-accent-foreground: 240 5.9% 10%;
     48     --sidebar-border: 220 13% 91%;
     49     --sidebar-ring: 217.2 91.2% 59.8%;
     50   }
     51   .dark {
     52     --background: 0 0% 3.9%;
     53     --foreground: 0 0% 98%;
     54     --card: 0 0% 3.9%;
     55     --card-foreground: 0 0% 98%;
     56     --popover: 0 0% 3.9%;
     57     --popover-foreground: 0 0% 98%;
     58     --primary: 0 0% 98%;
     59     --primary-foreground: 0 0% 9%;
     60     --secondary: 0 0% 14.9%;
     61     --secondary-foreground: 0 0% 98%;
     62     --muted: 0 0% 14.9%;
     63     --muted-foreground: 0 0% 63.9%;
     64     --accent: 0 0% 14.9%;
     65     --accent-foreground: 0 0% 98%;
     66     --destructive: 0 62.8% 30.6%;
     67     --destructive-foreground: 0 0% 98%;
     68     --border: 0 0% 14.9%;
     69     --input: 0 0% 14.9%;
     70     --ring: 0 0% 83.1%;
     71     --chart-1: 220 70% 50%;
     72     --chart-2: 160 60% 45%;
     73     --chart-3: 30 80% 55%;
     74     --chart-4: 280 65% 60%;
     75     --chart-5: 340 75% 55%;
     76     --sidebar-background: 240 5.9% 10%;
     77     --sidebar-foreground: 240 4.8% 95.9%;
     78     --sidebar-primary: 224.3 76.3% 48%;
     79     --sidebar-primary-foreground: 0 0% 100%;
     80     --sidebar-accent: 240 3.7% 15.9%;
     81     --sidebar-accent-foreground: 240 4.8% 95.9%;
     82     --sidebar-border: 240 3.7% 15.9%;
     83     --sidebar-ring: 217.2 91.2% 59.8%;
     84   }
     85 }
     86 
     87 @layer base {
     88   * {
     89     @apply border-border;
     90   }
     91   body {
     92     @apply bg-background text-foreground;
     93   }
     94 }