Packages

incant

0.1.1
0.1.1 0.1.0

Elixir/Phoenix admin framework for resources, dashboards, datasets, actions, authorization, and service-owned remote admin surfaces.

HexDocs

Current section

Files

Jump to
Readme
2 Versions
10 Dependencies
Dependants
Files
Activity
incant assets css app.css
Raw

assets/css/app.css 

@import "tailwindcss";



@source "../../lib";



/* Dashboard widget spans are computed server-side; safelist the responsive

   column classes they can produce. */

@source inline("xl:col-span-1 xl:col-span-2 xl:col-span-3 xl:col-span-4 xl:col-span-5 xl:col-span-6 xl:col-span-7 xl:col-span-8 xl:col-span-9 xl:col-span-10 xl:col-span-11 xl:col-span-12");



:root {

  --incant-primary: var(--color-violet-600);

  --incant-secondary: var(--color-blue-600);

  --incant-success: var(--color-emerald-600);

  --incant-info: var(--color-sky-600);

  --incant-warning: var(--color-amber-600);

  --incant-error: var(--color-rose-600);

  --incant-neutral: var(--color-zinc-600);



  --incant-text-dimmed: var(--color-zinc-400);

  --incant-text-muted: var(--color-zinc-500);

  --incant-text-toned: var(--color-zinc-600);

  --incant-text: var(--color-zinc-700);

  --incant-text-highlighted: var(--color-zinc-950);

  --incant-text-inverted: white;



  --incant-bg: white;

  --incant-bg-muted: var(--color-zinc-50);

  --incant-bg-elevated: white;

  --incant-bg-accented: var(--color-zinc-100);

  --incant-bg-inverted: var(--color-zinc-950);



  --incant-border: var(--color-zinc-200);

  --incant-border-muted: var(--color-zinc-100);

  --incant-border-accented: var(--color-zinc-300);

  --incant-border-inverted: var(--color-zinc-900);



  --incant-radius-sm: 0.375rem;

  --incant-radius-md: 0.5rem;

  --incant-radius-lg: 0.75rem;

  --incant-radius-xl: 1rem;

  --incant-table-row-height: 2.75rem;

  --incant-sidebar-width: 18rem;

}



[data-theme="dark"],

.dark {

  --incant-primary: var(--color-violet-400);

  --incant-secondary: var(--color-blue-400);

  --incant-success: var(--color-emerald-400);

  --incant-info: var(--color-sky-400);

  --incant-warning: var(--color-amber-400);

  --incant-error: var(--color-rose-400);

  --incant-neutral: var(--color-zinc-400);



  --incant-text-dimmed: var(--color-zinc-500);

  --incant-text-muted: var(--color-zinc-400);

  --incant-text-toned: var(--color-zinc-300);

  --incant-text: var(--color-zinc-200);

  --incant-text-highlighted: white;

  --incant-text-inverted: var(--color-zinc-950);



  --incant-bg: var(--color-zinc-950);

  --incant-bg-muted: var(--color-zinc-950);

  --incant-bg-elevated: color-mix(in oklab, var(--color-zinc-900) 85%, black);

  --incant-bg-accented: var(--color-zinc-900);

  --incant-bg-inverted: white;



  --incant-border: color-mix(in oklab, white 10%, transparent);

  --incant-border-muted: color-mix(in oklab, white 6%, transparent);

  --incant-border-accented: color-mix(in oklab, white 16%, transparent);

  --incant-border-inverted: var(--color-zinc-100);

}



.phx-click-loading,

.phx-change-loading {

  opacity: 0.65;

  transition: opacity 150ms ease;

}



@media (max-width: 1023px) {

  .incant-nav-open [data-incant-sidebar] {

    translate: 0;

  }



  .incant-nav-open [data-incant-nav-backdrop] {

    display: block;

  }

}



[data-incant-widget] {

  min-width: 0;

}