@dnb/eufemia/style/themes/theme-eiendom/properties-tailwind.css

DNB Eufemia Design System UI Library

/* This file is auto generated by makePropertiesFile.ts */

/* stylelint-disable-next-line scss/at-rule-no-unknown */
@theme {
  --font-sb-default: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  --font-sb-heading: 'MaisonNeueHeadings', 'Roboto', 'Helvetica';
  --font-weight-sb-default: normal;
  --font-weight-sb-basis: normal;
  --font-weight-sb-regular: normal;
  --font-weight-sb-medium: 500;
  --font-weight-sb-bold: 700;
  --text-sb-x-small: 0.75rem;
  --text-sb-small: 0.875rem;
  --text-sb-basis: 1rem;
  --text-sb-basis--em: 1em;
  --text-sb-lead: var(--font-size-medium);
  --text-sb-medium: 1.25rem;
  --text-sb-medium--plus: 1.625rem;
  --text-sb-large: 2rem;
  --text-sb-x-large: 2.375rem;
  --text-sb-xx-large: 3rem;
  --leading-sb-x-small: 1.125rem;
  --leading-sb-small: 1.25rem;
  --leading-sb-basis: 1.5rem;
  --leading-sb-basis--em: 1.5em;
  --leading-sb-lead: 1.75rem;
  --leading-sb-medium: 2rem;
  --leading-sb-large: 2.375rem;
  --leading-sb-x-large: 2.75rem;
  --leading-sb-xx-large: 3.375rem;
  --color-sb-black: #000;
  --color-sb-text: #18172a;
  --color-sb-gray-dark-3: #3a3a4a;
  --color-sb-gray-dark-3-neutral: #3e3e4a;
  --color-sb-gray-dark-2: #4a4a5b;
  --color-sb-gray-dark-2-neutral: #656472;
  --color-sb-gray-dark: #666578;
  --color-sb-gray-dark-neutral: #9494a3;
  --color-sb-gray: #bbbbce;
  --color-sb-gray-neutral: #bdbdc6;
  --color-sb-gray-light: #d9d9e4;
  --color-sb-gray-light-2: #ebebf2;
  --color-sb-gray-light-3: #f9f9fd;
  --color-sb-purple: #1c1b4e;
  --color-sb-purple-alternative: #222163;
  --color-sb-green: #92eecd;
  --color-sb-white: #fff;
  --color-sb-red: #d8134b;
  --color-sb-magenta: #ff3c64;
  --color-sb-orange: #ff5b44;
  --color-sb-yellow-dark: #f7bf16;
  --color-sb-yellow: #ffef57;
  --color-sb-green-dark-3: #00785b;
  --color-sb-green-dark-2: #1e9f73;
  --color-sb-violet: #4e08bc;
  --color-sb-violet-light: #7129e2;
  --color-sb-blue-dark-2: #044ccc;
  --color-sb-blue-dark: #005cff;
  --color-sb-blue: #008eff;
  --color-sb-orange-light: #ff817b;
  --color-sb-orange-light-2: #ffd7d5;
  --color-sb-orange-light-3: #fff0ef;
  --color-sb-magenta-light: #ffb6d2;
  --color-sb-magenta-light-2: #ffdbe9;
  --color-sb-magenta-light-3: #fff5f9;
  --color-sb-yellow-light: #fff489;
  --color-sb-yellow-light-2: #fff9c4;
  --color-sb-yellow-light-3: #fffce5;
  --color-sb-green-dark: #64d7b4;
  --color-sb-green-light: #c8f6e5;
  --color-sb-green-light-2: #e5fff7;
  --color-sb-violet-light-2: #be99ff;
  --color-sb-violet-light-3: #e0d0ff;
  --color-sb-violet-light-4: #f1ebff;
  --color-sb-blue-light: #61b9ff;
  --color-sb-blue-light-2: #bfe3ff;
  --color-sb-blue-light-3: #ebf6ff;
  --spacing-sb-x-small: 0.5rem;
  --spacing-sb-small: 1rem;
  --spacing-sb-medium: 1.5rem;
  --spacing-sb-large: 2rem;
  --spacing-sb-x-large: 3rem;
  --spacing-sb-xx-large: 3.5rem;
  --breakpoint-sb-small: 40em;
  --breakpoint-sb-medium: 60em;
  --breakpoint-sb-large: 72em;
  --breakpoint-sb-x-large: 80em;
  --breakpoint-sb-xx-large: 90em;
  --shadow-sb-small: 0 2px 4px rgba(38 35 66 / 12%);
  --shadow-sb-medium: 0 5px 20px rgba(38 35 66 / 10%);
  --shadow-sb-large: 0 5px 20px rgba(38 35 66 / 20%);
  --shadow-sb-hover: 0 20px 40px rgba(38 35 66 / 20%);
  --ease-sb-default: cubic-bezier(0.42, 0, 0, 1);
  --prose-max-width: 60ch;
  --color-emerald-green-50: #89aaac;
  --color-emerald-green-25: #c4d4d6;
  --color-emerald-green-10: #e8eeef;
  --font-ca-heading: 'ArizonaFlare', var(--font-family-default);
  --color-ca-ocean-green: #00343e;
  --color-ca-burgundy-red: #5c0022;
  --color-ca-noir-green: #001114;
  --color-ca-sea-green: #007272;
  --color-ca-noir-red: #24000d;
  --color-ca-sober-red: #8e4049;
  --color-ca-classic-beige: #f6eae4;
  --color-ca-pale-green: #ccf0e7;
  --color-ca-pale-red: #ffdedb;
  --font-default: 'DNB', sans-serif;
  --font-heading: var(--font-family-default);
  --font-monospace: 'DNBMono', 'Menlo', 'Consolas', 'Roboto Mono';
  --font-weight-default: normal;
  --font-weight-basis: normal;
  --font-weight-regular: normal;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
  --text-x-small: 0.875rem;
  --text-small: 1rem;
  --text-basis: 1.125rem;
  --text-basis--em: 1em;
  --text-lead: var(--font-size-medium);
  --text-medium: 1.25rem;
  --text-large: 1.625rem;
  --text-x-large: 2.125rem;
  --text-xx-large: 3rem;
  --leading-xx-small--em: 1em;
  --leading-x-small: 1.125rem;
  --leading-small: 1.25rem;
  --leading-basis: 1.5rem;
  --leading-basis--em: 1.333em;
  --leading-lead: 1.5rem;
  --leading-medium: 2rem;
  --leading-large: 2.5rem;
  --leading-x-large: 3.5rem;
  --leading-xx-large: var(--line-height-x-large);
  --color-mint-green-50: #d2f0e9;
  --color-mint-green-25: #e9f8f4;
  --color-mint-green-12: #f4fbf9;
  --color-sea-green-30: #b3d5d5;
  --color-accent-yellow-30: #feebc1;
  --color-signal-orange: #ff5400;
  --color-fire-red: #dc2a2a;
  --color-success-green: #007b5e;
  --color-fire-red-8: #fdeeee;
  --color-black: #000;
  --color-black-80: #333;
  --color-black-55: #737373;
  --color-black-20: #ccc;
  --color-black-8: #ebebeb;
  --color-black-3: #f8f8f8;
  --color-white: #fff;
  --color-black-border: #cdcdcd;
  --color-black-background: #fafafa;
  --color-sea-green: #007272;
  --color-mint-green: #a5e1d2;
  --color-summer-green: #28b482;
  --color-emerald-green: #14555a;
  --color-ocean-green: #00343e;
  --color-accent-yellow: #fdbb31;
  --color-indigo: #23195a;
  --color-violet: #6e2382;
  --color-sky-blue: #4bbed2;
  --color-lavender: #f2f2f5;
  --color-sand-yellow: #fbf6ec;
  --color-pistachio: #f2f4ec;
  --color-mint-green-alt: #ebfffa;
  --color-indigo-medium: #6e6491;
  --color-indigo-light: #b9afc8;
  --color-violet-medium: #a06eaf;
  --color-violet-light: #cfb9d7;
  --color-sky-blue-medium: #87d2e1;
  --color-sky-blue-light: #c3ebf0;
  --spacing-xx-small: 0.25rem;
  --spacing-x-small: 0.5rem;
  --spacing-small: 1rem;
  --spacing-medium: 1.5rem;
  --spacing-large: 2rem;
  --spacing-x-large: 3rem;
  --spacing-xx-large: 3.5rem;
  --breakpoint-small: 40em;
  --breakpoint-medium: 60em;
  --breakpoint-large: 72em;
  --breakpoint-x-large: 80em;
  --breakpoint-xx-large: 90em;
  --shadow-default: 0 8px 16px rgb(51 51 51 / 8%);
  --shadow-default-x: 0;
  --shadow-default-y: 8px;
  --shadow-default-blur-radius: 16px;
  --shadow-default-color: rgb(51 51 51 / 8%);
  --shadow-sharp: 0 1px 6px rgb(0 0 0 / 16%);
  --shadow-sharp-x: 0;
  --shadow-sharp-y: 1px;
  --shadow-sharp-blur-radius: 6px;
  --shadow-sharp-color: rgb(0 0 0 / 16%);
  --ease-default: cubic-bezier(0.42, 0, 0, 1);
  --internal-color-background-selected-subtle: #e4eed7;
}