update to Tabler v1.5.1
This commit is contained in:
parent
58bd5490e2
commit
0e6063f421
426 changed files with 57276 additions and 16205 deletions
309
storage/public/dist/css/tabler-props.css
vendored
309
storage/public/dist/css/tabler-props.css
vendored
|
|
@ -10,378 +10,240 @@
|
|||
* @param {Color} $color - The base color to be made transparent.
|
||||
* @param {Number} $alpha - The level of transparency, ranging from 0 (fully transparent) to 1 (fully opaque). Default is 1.
|
||||
* @return {Color} - The resulting color with the specified transparency.
|
||||
*
|
||||
* Mixes in `oklab` so tints against an opaque background (e.g. alert backgrounds
|
||||
* over `--bg-surface`) stay perceptually even; mixing with `transparent` gives
|
||||
* the same result in every color space.
|
||||
*/
|
||||
:root,
|
||||
:host {
|
||||
/** Direction multiplier for physical transforms (1 = LTR, -1 = RTL) */
|
||||
--tblr-dir: 1;
|
||||
/** Fonts */
|
||||
--tblr-font-monospace: Geist Mono, Monaco, Consolas, Liberation Mono, Courier New, monospace;
|
||||
--tblr-font-sans-serif: Geist, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
|
||||
--tblr-font-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
|
||||
--tblr-font-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
|
||||
--tblr-font-serif: Georgia, Times New Roman, times, serif;
|
||||
--tblr-font-comic: Comic Sans MS, Comic Sans, Chalkboard SE, Comic Neue, sans-serif, cursive;
|
||||
/** Gray colors */
|
||||
--tblr-gray-50: #f9fafb;
|
||||
--tblr-gray-100: #f3f4f6;
|
||||
--tblr-gray-200: #e5e7eb;
|
||||
--tblr-gray-300: #d1d5db;
|
||||
--tblr-gray-400: #9ca3af;
|
||||
--tblr-gray-500: #6b7280;
|
||||
--tblr-gray-600: #4b5563;
|
||||
--tblr-gray-700: #374151;
|
||||
--tblr-gray-800: #1f2937;
|
||||
--tblr-gray-900: #111827;
|
||||
--tblr-gray-950: #030712;
|
||||
--tblr-white: #ffffff;
|
||||
--tblr-black: #000000;
|
||||
--tblr-dark: #1f2937;
|
||||
--tblr-light: #f9fafb;
|
||||
--tblr-gray-50: oklch(98.46% 0.0017 247.84deg);
|
||||
--tblr-gray-100: oklch(96.7% 0.0029 264.54deg);
|
||||
--tblr-gray-200: oklch(92.76% 0.0058 264.53deg);
|
||||
--tblr-gray-300: oklch(87.17% 0.0093 258.34deg);
|
||||
--tblr-gray-400: oklch(71.37% 0.0192 261.32deg);
|
||||
--tblr-gray-500: oklch(55.1% 0.0234 264.36deg);
|
||||
--tblr-gray-600: oklch(44.61% 0.0263 256.8deg);
|
||||
--tblr-gray-700: oklch(37.29% 0.0306 259.73deg);
|
||||
--tblr-gray-800: oklch(27.81% 0.0296 256.85deg);
|
||||
--tblr-gray-900: oklch(21.01% 0.0318 264.66deg);
|
||||
--tblr-gray-950: oklch(12.96% 0.0274 261.69deg);
|
||||
--tblr-white: #fff;
|
||||
--tblr-white-lt: color-mix(in oklab, var(--tblr-white) 10%, transparent);
|
||||
--tblr-black: #000;
|
||||
--tblr-black-lt: color-mix(in oklab, var(--tblr-black) 10%, transparent);
|
||||
--tblr-gray-lt: color-mix(in oklab, var(--tblr-gray) 10%, transparent);
|
||||
--tblr-gray-dark-lt: color-mix(in oklab, var(--tblr-gray-dark) 10%, transparent);
|
||||
--tblr-dark: oklch(27.81% 0.0296 256.85deg);
|
||||
--tblr-light: oklch(98.46% 0.0017 247.84deg);
|
||||
/** Brand colors */
|
||||
--tblr-brand: #066fd1;
|
||||
--tblr-brand: oklch(54.6% 0.1724 254.2deg);
|
||||
/** Theme colors */
|
||||
--tblr-primary: #066fd1;
|
||||
--tblr-primary-rgb: 6, 111, 209;
|
||||
--tblr-primary: oklch(54.6% 0.1724 254.2deg);
|
||||
--tblr-primary-fg: var(--tblr-light);
|
||||
--tblr-primary-darken: rgb(5.4, 99.9, 188.1);
|
||||
--tblr-primary-darken: color-mix(in oklab, var(--tblr-primary), transparent 20%);
|
||||
--tblr-primary-lt: rgb(230.1, 240.6, 250.4);
|
||||
--tblr-primary-lt: color-mix(in oklab, var(--tblr-primary) 10%, transparent);
|
||||
--tblr-primary-200: color-mix(in oklab, var(--tblr-primary) 20%, transparent);
|
||||
--tblr-primary-lt-rgb: 230.1, 240.6, 250.4;
|
||||
--tblr-secondary: #6b7280;
|
||||
--tblr-secondary-rgb: 107, 114, 128;
|
||||
--tblr-secondary: oklch(55.1% 0.0234 264.36deg);
|
||||
--tblr-secondary-fg: var(--tblr-light);
|
||||
--tblr-secondary-darken: rgb(96.3, 102.6, 115.2);
|
||||
--tblr-secondary-darken: color-mix(in oklab, var(--tblr-secondary), transparent 20%);
|
||||
--tblr-secondary-lt: rgb(240.2, 240.9, 242.3);
|
||||
--tblr-secondary-lt: color-mix(in oklab, var(--tblr-secondary) 10%, transparent);
|
||||
--tblr-secondary-200: color-mix(in oklab, var(--tblr-secondary) 20%, transparent);
|
||||
--tblr-secondary-lt-rgb: 240.2, 240.9, 242.3;
|
||||
--tblr-success: #2fb344;
|
||||
--tblr-success-rgb: 47, 179, 68;
|
||||
--tblr-success: oklch(67.38% 0.1885 145.43deg);
|
||||
--tblr-success-fg: var(--tblr-light);
|
||||
--tblr-success-darken: rgb(42.3, 161.1, 61.2);
|
||||
--tblr-success-darken: color-mix(in oklab, var(--tblr-success), transparent 20%);
|
||||
--tblr-success-lt: rgb(234.2, 247.4, 236.3);
|
||||
--tblr-success-lt: color-mix(in oklab, var(--tblr-success) 10%, transparent);
|
||||
--tblr-success-200: color-mix(in oklab, var(--tblr-success) 20%, transparent);
|
||||
--tblr-success-lt-rgb: 234.2, 247.4, 236.3;
|
||||
--tblr-info: #4299e1;
|
||||
--tblr-info-rgb: 66, 153, 225;
|
||||
--tblr-info: oklch(66.26% 0.1358 246.81deg);
|
||||
--tblr-info-fg: var(--tblr-light);
|
||||
--tblr-info-darken: rgb(59.4, 137.7, 202.5);
|
||||
--tblr-info-darken: color-mix(in oklab, var(--tblr-info), transparent 20%);
|
||||
--tblr-info-lt: rgb(236.1, 244.8, 252);
|
||||
--tblr-info-lt: color-mix(in oklab, var(--tblr-info) 10%, transparent);
|
||||
--tblr-info-200: color-mix(in oklab, var(--tblr-info) 20%, transparent);
|
||||
--tblr-info-lt-rgb: 236.1, 244.8, 252;
|
||||
--tblr-warning: #f59f00;
|
||||
--tblr-warning-rgb: 245, 159, 0;
|
||||
--tblr-warning: oklch(77.02% 0.1658 71.02deg);
|
||||
--tblr-warning-fg: var(--tblr-light);
|
||||
--tblr-warning-darken: rgb(220.5, 143.1, 0);
|
||||
--tblr-warning-darken: color-mix(in oklab, var(--tblr-warning), transparent 20%);
|
||||
--tblr-warning-lt: rgb(254, 245.4, 229.5);
|
||||
--tblr-warning-lt: color-mix(in oklab, var(--tblr-warning) 10%, transparent);
|
||||
--tblr-warning-200: color-mix(in oklab, var(--tblr-warning) 20%, transparent);
|
||||
--tblr-warning-lt-rgb: 254, 245.4, 229.5;
|
||||
--tblr-danger: #d63939;
|
||||
--tblr-danger-rgb: 214, 57, 57;
|
||||
--tblr-danger: oklch(58.29% 0.1941 25.59deg);
|
||||
--tblr-danger-fg: var(--tblr-light);
|
||||
--tblr-danger-darken: rgb(192.6, 51.3, 51.3);
|
||||
--tblr-danger-darken: color-mix(in oklab, var(--tblr-danger), transparent 20%);
|
||||
--tblr-danger-lt: rgb(250.9, 235.2, 235.2);
|
||||
--tblr-danger-lt: color-mix(in oklab, var(--tblr-danger) 10%, transparent);
|
||||
--tblr-danger-200: color-mix(in oklab, var(--tblr-danger) 20%, transparent);
|
||||
--tblr-danger-lt-rgb: 250.9, 235.2, 235.2;
|
||||
--tblr-light: #f9fafb;
|
||||
--tblr-light-rgb: 249, 250, 251;
|
||||
--tblr-light: oklch(98.46% 0.0017 247.84deg);
|
||||
--tblr-light-fg: var(--tblr-dark);
|
||||
--tblr-light-darken: rgb(224.1, 225, 225.9);
|
||||
--tblr-light-darken: color-mix(in oklab, var(--tblr-light), transparent 20%);
|
||||
--tblr-light-lt: rgb(254.4, 254.5, 254.6);
|
||||
--tblr-light-lt: color-mix(in oklab, var(--tblr-light) 10%, transparent);
|
||||
--tblr-light-200: color-mix(in oklab, var(--tblr-light) 20%, transparent);
|
||||
--tblr-light-lt-rgb: 254.4, 254.5, 254.6;
|
||||
--tblr-dark: #1f2937;
|
||||
--tblr-dark-rgb: 31, 41, 55;
|
||||
--tblr-dark: oklch(27.81% 0.0296 256.85deg);
|
||||
--tblr-dark-fg: var(--tblr-light);
|
||||
--tblr-dark-darken: rgb(27.9, 36.9, 49.5);
|
||||
--tblr-dark-darken: color-mix(in oklab, var(--tblr-dark), transparent 20%);
|
||||
--tblr-dark-lt: rgb(232.6, 233.6, 235);
|
||||
--tblr-dark-lt: color-mix(in oklab, var(--tblr-dark) 10%, transparent);
|
||||
--tblr-dark-200: color-mix(in oklab, var(--tblr-dark) 20%, transparent);
|
||||
--tblr-dark-lt-rgb: 232.6, 233.6, 235;
|
||||
--tblr-muted: #6b7280;
|
||||
--tblr-muted-rgb: 107, 114, 128;
|
||||
--tblr-muted: oklch(55.1% 0.0234 264.36deg);
|
||||
--tblr-muted-fg: var(--tblr-light);
|
||||
--tblr-muted-darken: rgb(96.3, 102.6, 115.2);
|
||||
--tblr-muted-darken: color-mix(in oklab, var(--tblr-muted), transparent 20%);
|
||||
--tblr-muted-lt: rgb(240.2, 240.9, 242.3);
|
||||
--tblr-muted-lt: color-mix(in oklab, var(--tblr-muted) 10%, transparent);
|
||||
--tblr-muted-200: color-mix(in oklab, var(--tblr-muted) 20%, transparent);
|
||||
--tblr-muted-lt-rgb: 240.2, 240.9, 242.3;
|
||||
--tblr-blue: #066fd1;
|
||||
--tblr-blue-rgb: 6, 111, 209;
|
||||
--tblr-blue: oklch(54.6% 0.1724 254.2deg);
|
||||
--tblr-blue-fg: var(--tblr-light);
|
||||
--tblr-blue-darken: rgb(5.4, 99.9, 188.1);
|
||||
--tblr-blue-darken: color-mix(in oklab, var(--tblr-blue), transparent 20%);
|
||||
--tblr-blue-lt: rgb(230.1, 240.6, 250.4);
|
||||
--tblr-blue-lt: color-mix(in oklab, var(--tblr-blue) 10%, transparent);
|
||||
--tblr-blue-200: color-mix(in oklab, var(--tblr-blue) 20%, transparent);
|
||||
--tblr-blue-lt-rgb: 230.1, 240.6, 250.4;
|
||||
--tblr-azure: #4299e1;
|
||||
--tblr-azure-rgb: 66, 153, 225;
|
||||
--tblr-azure: oklch(66.26% 0.1358 246.81deg);
|
||||
--tblr-azure-fg: var(--tblr-light);
|
||||
--tblr-azure-darken: rgb(59.4, 137.7, 202.5);
|
||||
--tblr-azure-darken: color-mix(in oklab, var(--tblr-azure), transparent 20%);
|
||||
--tblr-azure-lt: rgb(236.1, 244.8, 252);
|
||||
--tblr-azure-lt: color-mix(in oklab, var(--tblr-azure) 10%, transparent);
|
||||
--tblr-azure-200: color-mix(in oklab, var(--tblr-azure) 20%, transparent);
|
||||
--tblr-azure-lt-rgb: 236.1, 244.8, 252;
|
||||
--tblr-indigo: #4263eb;
|
||||
--tblr-indigo-rgb: 66, 99, 235;
|
||||
--tblr-indigo: oklch(55.66% 0.2082 268.35deg);
|
||||
--tblr-indigo-fg: var(--tblr-light);
|
||||
--tblr-indigo-darken: rgb(59.4, 89.1, 211.5);
|
||||
--tblr-indigo-darken: color-mix(in oklab, var(--tblr-indigo), transparent 20%);
|
||||
--tblr-indigo-lt: rgb(236.1, 239.4, 253);
|
||||
--tblr-indigo-lt: color-mix(in oklab, var(--tblr-indigo) 10%, transparent);
|
||||
--tblr-indigo-200: color-mix(in oklab, var(--tblr-indigo) 20%, transparent);
|
||||
--tblr-indigo-lt-rgb: 236.1, 239.4, 253;
|
||||
--tblr-purple: #ae3ec9;
|
||||
--tblr-purple-rgb: 174, 62, 201;
|
||||
--tblr-purple: oklch(57.83% 0.2186 319.15deg);
|
||||
--tblr-purple-fg: var(--tblr-light);
|
||||
--tblr-purple-darken: rgb(156.6, 55.8, 180.9);
|
||||
--tblr-purple-darken: color-mix(in oklab, var(--tblr-purple), transparent 20%);
|
||||
--tblr-purple-lt: rgb(246.9, 235.7, 249.6);
|
||||
--tblr-purple-lt: color-mix(in oklab, var(--tblr-purple) 10%, transparent);
|
||||
--tblr-purple-200: color-mix(in oklab, var(--tblr-purple) 20%, transparent);
|
||||
--tblr-purple-lt-rgb: 246.9, 235.7, 249.6;
|
||||
--tblr-pink: #d6336c;
|
||||
--tblr-pink-rgb: 214, 51, 108;
|
||||
--tblr-pink: oklch(58.81% 0.201 5.25deg);
|
||||
--tblr-pink-fg: var(--tblr-light);
|
||||
--tblr-pink-darken: rgb(192.6, 45.9, 97.2);
|
||||
--tblr-pink-darken: color-mix(in oklab, var(--tblr-pink), transparent 20%);
|
||||
--tblr-pink-lt: rgb(250.9, 234.6, 240.3);
|
||||
--tblr-pink-lt: color-mix(in oklab, var(--tblr-pink) 10%, transparent);
|
||||
--tblr-pink-200: color-mix(in oklab, var(--tblr-pink) 20%, transparent);
|
||||
--tblr-pink-lt-rgb: 250.9, 234.6, 240.3;
|
||||
--tblr-red: #d63939;
|
||||
--tblr-red-rgb: 214, 57, 57;
|
||||
--tblr-red: oklch(58.29% 0.1941 25.59deg);
|
||||
--tblr-red-fg: var(--tblr-light);
|
||||
--tblr-red-darken: rgb(192.6, 51.3, 51.3);
|
||||
--tblr-red-darken: color-mix(in oklab, var(--tblr-red), transparent 20%);
|
||||
--tblr-red-lt: rgb(250.9, 235.2, 235.2);
|
||||
--tblr-red-lt: color-mix(in oklab, var(--tblr-red) 10%, transparent);
|
||||
--tblr-red-200: color-mix(in oklab, var(--tblr-red) 20%, transparent);
|
||||
--tblr-red-lt-rgb: 250.9, 235.2, 235.2;
|
||||
--tblr-orange: #f76707;
|
||||
--tblr-orange-rgb: 247, 103, 7;
|
||||
--tblr-orange: oklch(68.51% 0.1954 44.57deg);
|
||||
--tblr-orange-fg: var(--tblr-light);
|
||||
--tblr-orange-darken: rgb(222.3, 92.7, 6.3);
|
||||
--tblr-orange-darken: color-mix(in oklab, var(--tblr-orange), transparent 20%);
|
||||
--tblr-orange-lt: rgb(254.2, 239.8, 230.2);
|
||||
--tblr-orange-lt: color-mix(in oklab, var(--tblr-orange) 10%, transparent);
|
||||
--tblr-orange-200: color-mix(in oklab, var(--tblr-orange) 20%, transparent);
|
||||
--tblr-orange-lt-rgb: 254.2, 239.8, 230.2;
|
||||
--tblr-yellow: #f59f00;
|
||||
--tblr-yellow-rgb: 245, 159, 0;
|
||||
--tblr-yellow: oklch(77.02% 0.1658 71.02deg);
|
||||
--tblr-yellow-fg: var(--tblr-light);
|
||||
--tblr-yellow-darken: rgb(220.5, 143.1, 0);
|
||||
--tblr-yellow-darken: color-mix(in oklab, var(--tblr-yellow), transparent 20%);
|
||||
--tblr-yellow-lt: rgb(254, 245.4, 229.5);
|
||||
--tblr-yellow-lt: color-mix(in oklab, var(--tblr-yellow) 10%, transparent);
|
||||
--tblr-yellow-200: color-mix(in oklab, var(--tblr-yellow) 20%, transparent);
|
||||
--tblr-yellow-lt-rgb: 254, 245.4, 229.5;
|
||||
--tblr-lime: #74b816;
|
||||
--tblr-lime-rgb: 116, 184, 22;
|
||||
--tblr-lime: oklch(70.99% 0.1897 131.53deg);
|
||||
--tblr-lime-fg: var(--tblr-light);
|
||||
--tblr-lime-darken: rgb(104.4, 165.6, 19.8);
|
||||
--tblr-lime-darken: color-mix(in oklab, var(--tblr-lime), transparent 20%);
|
||||
--tblr-lime-lt: rgb(241.1, 247.9, 231.7);
|
||||
--tblr-lime-lt: color-mix(in oklab, var(--tblr-lime) 10%, transparent);
|
||||
--tblr-lime-200: color-mix(in oklab, var(--tblr-lime) 20%, transparent);
|
||||
--tblr-lime-lt-rgb: 241.1, 247.9, 231.7;
|
||||
--tblr-green: #2fb344;
|
||||
--tblr-green-rgb: 47, 179, 68;
|
||||
--tblr-green: oklch(67.38% 0.1885 145.43deg);
|
||||
--tblr-green-fg: var(--tblr-light);
|
||||
--tblr-green-darken: rgb(42.3, 161.1, 61.2);
|
||||
--tblr-green-darken: color-mix(in oklab, var(--tblr-green), transparent 20%);
|
||||
--tblr-green-lt: rgb(234.2, 247.4, 236.3);
|
||||
--tblr-green-lt: color-mix(in oklab, var(--tblr-green) 10%, transparent);
|
||||
--tblr-green-200: color-mix(in oklab, var(--tblr-green) 20%, transparent);
|
||||
--tblr-green-lt-rgb: 234.2, 247.4, 236.3;
|
||||
--tblr-teal: #0ca678;
|
||||
--tblr-teal-rgb: 12, 166, 120;
|
||||
--tblr-teal: oklch(64.32% 0.1338 164.7deg);
|
||||
--tblr-teal-fg: var(--tblr-light);
|
||||
--tblr-teal-darken: rgb(10.8, 149.4, 108);
|
||||
--tblr-teal-darken: color-mix(in oklab, var(--tblr-teal), transparent 20%);
|
||||
--tblr-teal-lt: rgb(230.7, 246.1, 241.5);
|
||||
--tblr-teal-lt: color-mix(in oklab, var(--tblr-teal) 10%, transparent);
|
||||
--tblr-teal-200: color-mix(in oklab, var(--tblr-teal) 20%, transparent);
|
||||
--tblr-teal-lt-rgb: 230.7, 246.1, 241.5;
|
||||
--tblr-cyan: #17a2b8;
|
||||
--tblr-cyan-rgb: 23, 162, 184;
|
||||
--tblr-cyan: oklch(65.52% 0.1105 212.17deg);
|
||||
--tblr-cyan-fg: var(--tblr-light);
|
||||
--tblr-cyan-darken: rgb(20.7, 145.8, 165.6);
|
||||
--tblr-cyan-darken: color-mix(in oklab, var(--tblr-cyan), transparent 20%);
|
||||
--tblr-cyan-lt: rgb(231.8, 245.7, 247.9);
|
||||
--tblr-cyan-lt: color-mix(in oklab, var(--tblr-cyan) 10%, transparent);
|
||||
--tblr-cyan-200: color-mix(in oklab, var(--tblr-cyan) 20%, transparent);
|
||||
--tblr-cyan-lt-rgb: 231.8, 245.7, 247.9;
|
||||
--tblr-x: #000000;
|
||||
--tblr-x-rgb: 0, 0, 0;
|
||||
--tblr-x: #000;
|
||||
--tblr-x-fg: var(--tblr-light);
|
||||
--tblr-x-darken: black;
|
||||
--tblr-x-darken: color-mix(in oklab, var(--tblr-x), transparent 20%);
|
||||
--tblr-x-lt: rgb(229.5, 229.5, 229.5);
|
||||
--tblr-x-lt: color-mix(in oklab, var(--tblr-x) 10%, transparent);
|
||||
--tblr-x-200: color-mix(in oklab, var(--tblr-x) 20%, transparent);
|
||||
--tblr-x-lt-rgb: 229.5, 229.5, 229.5;
|
||||
--tblr-facebook: #1877f2;
|
||||
--tblr-facebook-rgb: 24, 119, 242;
|
||||
--tblr-facebook: #0866ff;
|
||||
--tblr-facebook-fg: var(--tblr-light);
|
||||
--tblr-facebook-darken: rgb(21.6, 107.1, 217.8);
|
||||
--tblr-facebook-darken: color-mix(in oklab, var(--tblr-facebook), transparent 20%);
|
||||
--tblr-facebook-lt: rgb(231.9, 241.4, 253.7);
|
||||
--tblr-facebook-lt: color-mix(in oklab, var(--tblr-facebook) 10%, transparent);
|
||||
--tblr-facebook-200: color-mix(in oklab, var(--tblr-facebook) 20%, transparent);
|
||||
--tblr-facebook-lt-rgb: 231.9, 241.4, 253.7;
|
||||
--tblr-twitter: #1da1f2;
|
||||
--tblr-twitter-rgb: 29, 161, 242;
|
||||
--tblr-twitter-fg: var(--tblr-light);
|
||||
--tblr-twitter-darken: rgb(26.1, 144.9, 217.8);
|
||||
--tblr-twitter-darken: color-mix(in oklab, var(--tblr-twitter), transparent 20%);
|
||||
--tblr-twitter-lt: rgb(232.4, 245.6, 253.7);
|
||||
--tblr-twitter-lt: color-mix(in oklab, var(--tblr-twitter) 10%, transparent);
|
||||
--tblr-twitter-200: color-mix(in oklab, var(--tblr-twitter) 20%, transparent);
|
||||
--tblr-twitter-lt-rgb: 232.4, 245.6, 253.7;
|
||||
--tblr-linkedin: #0a66c2;
|
||||
--tblr-linkedin-rgb: 10, 102, 194;
|
||||
--tblr-linkedin-fg: var(--tblr-light);
|
||||
--tblr-linkedin-darken: rgb(9, 91.8, 174.6);
|
||||
--tblr-linkedin-darken: color-mix(in oklab, var(--tblr-linkedin), transparent 20%);
|
||||
--tblr-linkedin-lt: rgb(230.5, 239.7, 248.9);
|
||||
--tblr-linkedin-lt: color-mix(in oklab, var(--tblr-linkedin) 10%, transparent);
|
||||
--tblr-linkedin-200: color-mix(in oklab, var(--tblr-linkedin) 20%, transparent);
|
||||
--tblr-linkedin-lt-rgb: 230.5, 239.7, 248.9;
|
||||
--tblr-google: #dc4e41;
|
||||
--tblr-google-rgb: 220, 78, 65;
|
||||
--tblr-google: #4285f4;
|
||||
--tblr-google-fg: var(--tblr-light);
|
||||
--tblr-google-darken: rgb(198, 70.2, 58.5);
|
||||
--tblr-google-darken: color-mix(in oklab, var(--tblr-google), transparent 20%);
|
||||
--tblr-google-lt: rgb(251.5, 237.3, 236);
|
||||
--tblr-google-lt: color-mix(in oklab, var(--tblr-google) 10%, transparent);
|
||||
--tblr-google-200: color-mix(in oklab, var(--tblr-google) 20%, transparent);
|
||||
--tblr-google-lt-rgb: 251.5, 237.3, 236;
|
||||
--tblr-youtube: #ff0000;
|
||||
--tblr-youtube-rgb: 255, 0, 0;
|
||||
--tblr-youtube: #f00;
|
||||
--tblr-youtube-fg: var(--tblr-light);
|
||||
--tblr-youtube-darken: rgb(229.5, 0, 0);
|
||||
--tblr-youtube-darken: color-mix(in oklab, var(--tblr-youtube), transparent 20%);
|
||||
--tblr-youtube-lt: rgb(255, 229.5, 229.5);
|
||||
--tblr-youtube-lt: color-mix(in oklab, var(--tblr-youtube) 10%, transparent);
|
||||
--tblr-youtube-200: color-mix(in oklab, var(--tblr-youtube) 20%, transparent);
|
||||
--tblr-youtube-lt-rgb: 255, 229.5, 229.5;
|
||||
--tblr-vimeo: #1ab7ea;
|
||||
--tblr-vimeo-rgb: 26, 183, 234;
|
||||
--tblr-vimeo-fg: var(--tblr-light);
|
||||
--tblr-vimeo-darken: rgb(23.4, 164.7, 210.6);
|
||||
--tblr-vimeo-darken: color-mix(in oklab, var(--tblr-vimeo), transparent 20%);
|
||||
--tblr-vimeo-lt: rgb(232.1, 247.8, 252.9);
|
||||
--tblr-vimeo-lt: color-mix(in oklab, var(--tblr-vimeo) 10%, transparent);
|
||||
--tblr-vimeo-200: color-mix(in oklab, var(--tblr-vimeo) 20%, transparent);
|
||||
--tblr-vimeo-lt-rgb: 232.1, 247.8, 252.9;
|
||||
--tblr-dribbble: #ea4c89;
|
||||
--tblr-dribbble-rgb: 234, 76, 137;
|
||||
--tblr-dribbble-fg: var(--tblr-light);
|
||||
--tblr-dribbble-darken: rgb(210.6, 68.4, 123.3);
|
||||
--tblr-dribbble-darken: color-mix(in oklab, var(--tblr-dribbble), transparent 20%);
|
||||
--tblr-dribbble-lt: rgb(252.9, 237.1, 243.2);
|
||||
--tblr-dribbble-lt: color-mix(in oklab, var(--tblr-dribbble) 10%, transparent);
|
||||
--tblr-dribbble-200: color-mix(in oklab, var(--tblr-dribbble) 20%, transparent);
|
||||
--tblr-dribbble-lt-rgb: 252.9, 237.1, 243.2;
|
||||
--tblr-github: #181717;
|
||||
--tblr-github-rgb: 24, 23, 23;
|
||||
--tblr-github-fg: var(--tblr-light);
|
||||
--tblr-github-darken: rgb(21.6, 20.7, 20.7);
|
||||
--tblr-github-darken: color-mix(in oklab, var(--tblr-github), transparent 20%);
|
||||
--tblr-github-lt: rgb(231.9, 231.8, 231.8);
|
||||
--tblr-github-lt: color-mix(in oklab, var(--tblr-github) 10%, transparent);
|
||||
--tblr-github-200: color-mix(in oklab, var(--tblr-github) 20%, transparent);
|
||||
--tblr-github-lt-rgb: 231.9, 231.8, 231.8;
|
||||
--tblr-instagram: #e4405f;
|
||||
--tblr-instagram-rgb: 228, 64, 95;
|
||||
--tblr-instagram: #ff0069;
|
||||
--tblr-instagram-fg: var(--tblr-light);
|
||||
--tblr-instagram-darken: rgb(205.2, 57.6, 85.5);
|
||||
--tblr-instagram-darken: color-mix(in oklab, var(--tblr-instagram), transparent 20%);
|
||||
--tblr-instagram-lt: rgb(252.3, 235.9, 239);
|
||||
--tblr-instagram-lt: color-mix(in oklab, var(--tblr-instagram) 10%, transparent);
|
||||
--tblr-instagram-200: color-mix(in oklab, var(--tblr-instagram) 20%, transparent);
|
||||
--tblr-instagram-lt-rgb: 252.3, 235.9, 239;
|
||||
--tblr-pinterest: #bd081c;
|
||||
--tblr-pinterest-rgb: 189, 8, 28;
|
||||
--tblr-pinterest-fg: var(--tblr-light);
|
||||
--tblr-pinterest-darken: rgb(170.1, 7.2, 25.2);
|
||||
--tblr-pinterest-darken: color-mix(in oklab, var(--tblr-pinterest), transparent 20%);
|
||||
--tblr-pinterest-lt: rgb(248.4, 230.3, 232.3);
|
||||
--tblr-pinterest-lt: color-mix(in oklab, var(--tblr-pinterest) 10%, transparent);
|
||||
--tblr-pinterest-200: color-mix(in oklab, var(--tblr-pinterest) 20%, transparent);
|
||||
--tblr-pinterest-lt-rgb: 248.4, 230.3, 232.3;
|
||||
--tblr-vk: #6383a8;
|
||||
--tblr-vk-rgb: 99, 131, 168;
|
||||
--tblr-vk: #07f;
|
||||
--tblr-vk-fg: var(--tblr-light);
|
||||
--tblr-vk-darken: rgb(89.1, 117.9, 151.2);
|
||||
--tblr-vk-darken: color-mix(in oklab, var(--tblr-vk), transparent 20%);
|
||||
--tblr-vk-lt: rgb(239.4, 242.6, 246.3);
|
||||
--tblr-vk-lt: color-mix(in oklab, var(--tblr-vk) 10%, transparent);
|
||||
--tblr-vk-200: color-mix(in oklab, var(--tblr-vk) 20%, transparent);
|
||||
--tblr-vk-lt-rgb: 239.4, 242.6, 246.3;
|
||||
--tblr-rss: #ffa500;
|
||||
--tblr-rss-rgb: 255, 165, 0;
|
||||
--tblr-rss-fg: var(--tblr-dark);
|
||||
--tblr-rss-darken: rgb(229.5, 148.5, 0);
|
||||
--tblr-rss-darken: color-mix(in oklab, var(--tblr-rss), transparent 20%);
|
||||
--tblr-rss-lt: rgb(255, 246, 229.5);
|
||||
--tblr-rss-lt: color-mix(in oklab, var(--tblr-rss) 10%, transparent);
|
||||
--tblr-rss-200: color-mix(in oklab, var(--tblr-rss) 20%, transparent);
|
||||
--tblr-rss-lt-rgb: 255, 246, 229.5;
|
||||
--tblr-flickr: #0063dc;
|
||||
--tblr-flickr-rgb: 0, 99, 220;
|
||||
--tblr-flickr-fg: var(--tblr-light);
|
||||
--tblr-flickr-darken: rgb(0, 89.1, 198);
|
||||
--tblr-flickr-darken: color-mix(in oklab, var(--tblr-flickr), transparent 20%);
|
||||
--tblr-flickr-lt: rgb(229.5, 239.4, 251.5);
|
||||
--tblr-flickr-lt: color-mix(in oklab, var(--tblr-flickr) 10%, transparent);
|
||||
--tblr-flickr-200: color-mix(in oklab, var(--tblr-flickr) 20%, transparent);
|
||||
--tblr-flickr-lt-rgb: 229.5, 239.4, 251.5;
|
||||
--tblr-bitbucket: #0052cc;
|
||||
--tblr-bitbucket-rgb: 0, 82, 204;
|
||||
--tblr-bitbucket-fg: var(--tblr-light);
|
||||
--tblr-bitbucket-darken: rgb(0, 73.8, 183.6);
|
||||
--tblr-bitbucket-darken: color-mix(in oklab, var(--tblr-bitbucket), transparent 20%);
|
||||
--tblr-bitbucket-lt: rgb(229.5, 237.7, 249.9);
|
||||
--tblr-bitbucket-lt: color-mix(in oklab, var(--tblr-bitbucket) 10%, transparent);
|
||||
--tblr-bitbucket-200: color-mix(in oklab, var(--tblr-bitbucket) 20%, transparent);
|
||||
--tblr-bitbucket-lt-rgb: 229.5, 237.7, 249.9;
|
||||
--tblr-tabler: #066fd1;
|
||||
--tblr-tabler-rgb: 6, 111, 209;
|
||||
--tblr-tabler-fg: var(--tblr-light);
|
||||
--tblr-tabler-darken: rgb(5.4, 99.9, 188.1);
|
||||
--tblr-tabler-darken: color-mix(in oklab, var(--tblr-tabler), transparent 20%);
|
||||
--tblr-tabler-lt: rgb(230.1, 240.6, 250.4);
|
||||
--tblr-tabler-lt: color-mix(in oklab, var(--tblr-tabler) 10%, transparent);
|
||||
--tblr-tabler-200: color-mix(in oklab, var(--tblr-tabler) 20%, transparent);
|
||||
--tblr-tabler-lt-rgb: 230.1, 240.6, 250.4;
|
||||
/** Gray colors */
|
||||
--tblr-gray-50-fg: var(--tblr-body-color);
|
||||
--tblr-gray-100-fg: var(--tblr-body-color);
|
||||
--tblr-gray-200-fg: var(--tblr-body-color);
|
||||
--tblr-gray-300-fg: var(--tblr-body-color);
|
||||
--tblr-gray-400-fg: var(--tblr-white);
|
||||
--tblr-gray-500-fg: var(--tblr-white);
|
||||
--tblr-gray-600-fg: var(--tblr-white);
|
||||
--tblr-gray-700-fg: var(--tblr-white);
|
||||
--tblr-gray-800-fg: var(--tblr-white);
|
||||
--tblr-gray-900-fg: var(--tblr-white);
|
||||
--tblr-gray-950-fg: var(--tblr-white);
|
||||
--tblr-gray-50-fg: var(--tblr-gray-50);
|
||||
--tblr-gray-100-fg: var(--tblr-gray-100);
|
||||
--tblr-gray-200-fg: var(--tblr-gray-200);
|
||||
--tblr-gray-300-fg: var(--tblr-gray-300);
|
||||
--tblr-gray-400-fg: var(--tblr-gray-400);
|
||||
--tblr-gray-500-fg: var(--tblr-gray-500);
|
||||
--tblr-gray-600-fg: var(--tblr-gray-600);
|
||||
--tblr-gray-700-fg: var(--tblr-gray-700);
|
||||
--tblr-gray-800-fg: var(--tblr-gray-800);
|
||||
--tblr-gray-900-fg: var(--tblr-gray-900);
|
||||
--tblr-gray-950-fg: var(--tblr-gray-950);
|
||||
/** Spacers */
|
||||
--tblr-spacer-0: 0;
|
||||
--tblr-spacer-1: 0.25rem;
|
||||
|
|
@ -414,20 +276,21 @@
|
|||
--tblr-line-height-lg: 1.7142857143;
|
||||
--tblr-line-height-xl: 2;
|
||||
/** Shadows */
|
||||
--tblr-shadow: 0px 2px 4px -1px rgba(18, 18, 23, 0.06), 0px 4px 6px -1px rgba(18, 18, 23, 0.08);
|
||||
--tblr-shadow-xs: 0 1px 2px 0 rgba(18, 18, 23, 0.05);
|
||||
--tblr-shadow-sm: 0 1px 3px 0 rgba(18, 18, 23, 0.1), 0 1px 2px 0 rgba(18, 18, 23, 0.06);
|
||||
--tblr-shadow-md: 0px 2px 4px -1px rgba(18, 18, 23, 0.06), 0px 4px 6px -1px rgba(18, 18, 23, 0.08);
|
||||
--tblr-shadow-lg: 0px 4px 6px -2px rgba(18, 18, 23, 0.05), 0px 10px 15px -3px rgba(18, 18, 23, 0.08);
|
||||
--tblr-shadow-xl: 0px 10px 10px -5px rgba(18, 18, 23, 0.04), 0px 20px 25px -5px rgba(18, 18, 23, 0.1);
|
||||
--tblr-shadow-2xl: 0px 25px 50px -12px rgba(18, 18, 23, 0.25);
|
||||
--tblr-shadow-overlay: 0px 2px 4px 0px rgba(18, 18, 23, 0.04), 0px 5px 8px 0px rgba(18, 18, 23, 0.04), 0px 10px 18px 0px rgba(18, 18, 23, 0.03), 0px 24px 48px 0px rgba(18, 18, 23, 0.03), 0px 0px 0px 1px rgba(18, 18, 23, 0.1);
|
||||
--tblr-shadow-border: 0px 0px 0px 1px rgba(18, 18, 23, 0.1);
|
||||
--tblr-shadow-color: light-dark(rgba(18, 18, 23, 0.4), #000);
|
||||
--tblr-shadow: 0px 2px 4px -1px color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent), 0px 4px 6px -1px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
|
||||
--tblr-shadow-xs: 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent);
|
||||
--tblr-shadow-sm: 0 1px 3px 0 color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent), 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent);
|
||||
--tblr-shadow-md: 0px 2px 4px -1px color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent), 0px 4px 6px -1px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
|
||||
--tblr-shadow-lg: 0px 4px 6px -2px color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent), 0px 10px 15px -3px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
|
||||
--tblr-shadow-xl: 0px 10px 10px -5px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 20px 25px -5px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
|
||||
--tblr-shadow-2xl: 0px 25px 50px -12px color-mix(in oklab, var(--tblr-shadow-color) 62.5%, transparent);
|
||||
--tblr-shadow-overlay: 0px 2px 4px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 5px 8px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 10px 18px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 24px 48px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 0px 0px 1px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
|
||||
--tblr-shadow-border: 0px 0px 0px 1px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
|
||||
--tblr-shadow-transparent: 0 0 0 0 transparent;
|
||||
--tblr-shadow-input: 0 1px 2px 0 rgba(18, 18, 23, 0.05);
|
||||
--tblr-shadow-card: 0 1px 2px 0 rgba(18, 18, 23, 0.05);
|
||||
--tblr-shadow-card-hover: 0px 4px 6px -2px rgba(18, 18, 23, 0.05), 0px 10px 15px -3px rgba(18, 18, 23, 0.08);
|
||||
--tblr-shadow-dropdown: 0px 2px 4px 0px rgba(18, 18, 23, 0.04), 0px 5px 8px 0px rgba(18, 18, 23, 0.04), 0px 10px 18px 0px rgba(18, 18, 23, 0.03), 0px 24px 48px 0px rgba(18, 18, 23, 0.03), 0px 0px 0px 1px rgba(18, 18, 23, 0.1);
|
||||
--tblr-shadow-input: 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent);
|
||||
--tblr-shadow-card: 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent);
|
||||
--tblr-shadow-card-hover: 0px 4px 6px -2px color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent), 0px 10px 15px -3px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
|
||||
--tblr-shadow-dropdown: 0px 2px 4px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 5px 8px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 10px 18px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 24px 48px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 0px 0px 1px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
|
||||
/** Border radiuses */
|
||||
--tblr-border-radius-scale: 1;
|
||||
--tblr-border-radius-0: calc(0 * var(--tblr-border-radius-scale, 1));
|
||||
|
|
@ -440,10 +303,18 @@
|
|||
/** Backdrops */
|
||||
--tblr-backdrop-opacity: 0.32;
|
||||
--tblr-backdrop-bg: var(--tblr-bg-surface-dark);
|
||||
--tblr-backdrop-bg-dark: color-mix(in srgb, var(--tblr-color-dark), transparent var(--tblr-backdrop-opacity));
|
||||
--tblr-backdrop-bg-light: color-mix(in srgb, var(--tblr-color-light), transparent var(--tblr-backdrop-opacity));
|
||||
--tblr-backdrop-bg-dark: color-mix(in oklab, var(--tblr-dark) calc(var(--tblr-backdrop-opacity) * 100%), transparent);
|
||||
--tblr-backdrop-bg-light: color-mix(in oklab, var(--tblr-light) calc(var(--tblr-backdrop-opacity) * 100%), transparent);
|
||||
--tblr-backdrop-blur: 4px;
|
||||
--tblr-backdrop-filter: blur(var(--tblr-backdrop-blur));
|
||||
}
|
||||
|
||||
[dir=ltr] {
|
||||
--tblr-dir: 1;
|
||||
}
|
||||
|
||||
[dir=rtl] {
|
||||
--tblr-dir: -1;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=tabler-props.css.map */
|
||||
Loading…
Add table
Add a link
Reference in a new issue