mirror of https://github.com/twbs/bootstrap.git
843 lines
34 KiB
CSS
843 lines
34 KiB
CSS
/*!
|
|
* Bootstrap Reboot v6.0.0-dev (https://getbootstrap.com/)
|
|
* Copyright 2011-2025 The Bootstrap Authors
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
|
*/
|
|
:root {
|
|
--bs-blue-025: color-mix(in lab, #fff 94%, oklch(60% 0.24 240deg));
|
|
--bs-blue-050: color-mix(in lab, #fff 90%, oklch(60% 0.24 240deg));
|
|
--bs-blue-100: color-mix(in lab, #fff 80%, oklch(60% 0.24 240deg));
|
|
--bs-blue-200: color-mix(in lab, #fff 60%, oklch(60% 0.24 240deg));
|
|
--bs-blue-300: color-mix(in lab, #fff 40%, oklch(60% 0.24 240deg));
|
|
--bs-blue-400: color-mix(in lab, #fff 20%, oklch(60% 0.24 240deg));
|
|
--bs-blue-500: oklch(60% 0.24 240deg);
|
|
--bs-blue-600: color-mix(in lab, #000 16%, oklch(60% 0.24 240deg));
|
|
--bs-blue-700: color-mix(in lab, #000 32%, oklch(60% 0.24 240deg));
|
|
--bs-blue-800: color-mix(in lab, #000 48%, oklch(60% 0.24 240deg));
|
|
--bs-blue-900: color-mix(in lab, #000 64%, oklch(60% 0.24 240deg));
|
|
--bs-blue-950: color-mix(in lab, #000 76%, oklch(60% 0.24 240deg));
|
|
--bs-blue-975: color-mix(in lab, #000 88%, oklch(60% 0.24 240deg));
|
|
--bs-indigo-025: color-mix(in lab, #fff 94%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-050: color-mix(in lab, #fff 90%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-100: color-mix(in lab, #fff 80%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-200: color-mix(in lab, #fff 60%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-300: color-mix(in lab, #fff 40%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-400: color-mix(in lab, #fff 20%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-500: oklch(56% 0.26 288deg);
|
|
--bs-indigo-600: color-mix(in lab, #000 16%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-700: color-mix(in lab, #000 32%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-800: color-mix(in lab, #000 48%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-900: color-mix(in lab, #000 64%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-950: color-mix(in lab, #000 76%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-975: color-mix(in lab, #000 88%, oklch(56% 0.26 288deg));
|
|
--bs-violet-025: color-mix(in lab, #fff 94%, oklch(56% 0.24 300deg));
|
|
--bs-violet-050: color-mix(in lab, #fff 90%, oklch(56% 0.24 300deg));
|
|
--bs-violet-100: color-mix(in lab, #fff 80%, oklch(56% 0.24 300deg));
|
|
--bs-violet-200: color-mix(in lab, #fff 60%, oklch(56% 0.24 300deg));
|
|
--bs-violet-300: color-mix(in lab, #fff 40%, oklch(56% 0.24 300deg));
|
|
--bs-violet-400: color-mix(in lab, #fff 20%, oklch(56% 0.24 300deg));
|
|
--bs-violet-500: oklch(56% 0.24 300deg);
|
|
--bs-violet-600: color-mix(in lab, #000 16%, oklch(56% 0.24 300deg));
|
|
--bs-violet-700: color-mix(in lab, #000 32%, oklch(56% 0.24 300deg));
|
|
--bs-violet-800: color-mix(in lab, #000 48%, oklch(56% 0.24 300deg));
|
|
--bs-violet-900: color-mix(in lab, #000 64%, oklch(56% 0.24 300deg));
|
|
--bs-violet-950: color-mix(in lab, #000 76%, oklch(56% 0.24 300deg));
|
|
--bs-violet-975: color-mix(in lab, #000 88%, oklch(56% 0.24 300deg));
|
|
--bs-purple-025: color-mix(in lab, #fff 94%, oklch(56% 0.24 320deg));
|
|
--bs-purple-050: color-mix(in lab, #fff 90%, oklch(56% 0.24 320deg));
|
|
--bs-purple-100: color-mix(in lab, #fff 80%, oklch(56% 0.24 320deg));
|
|
--bs-purple-200: color-mix(in lab, #fff 60%, oklch(56% 0.24 320deg));
|
|
--bs-purple-300: color-mix(in lab, #fff 40%, oklch(56% 0.24 320deg));
|
|
--bs-purple-400: color-mix(in lab, #fff 20%, oklch(56% 0.24 320deg));
|
|
--bs-purple-500: oklch(56% 0.24 320deg);
|
|
--bs-purple-600: color-mix(in lab, #000 16%, oklch(56% 0.24 320deg));
|
|
--bs-purple-700: color-mix(in lab, #000 32%, oklch(56% 0.24 320deg));
|
|
--bs-purple-800: color-mix(in lab, #000 48%, oklch(56% 0.24 320deg));
|
|
--bs-purple-900: color-mix(in lab, #000 64%, oklch(56% 0.24 320deg));
|
|
--bs-purple-950: color-mix(in lab, #000 76%, oklch(56% 0.24 320deg));
|
|
--bs-purple-975: color-mix(in lab, #000 88%, oklch(56% 0.24 320deg));
|
|
--bs-pink-025: color-mix(in lab, #fff 94%, oklch(60% 0.22 4deg));
|
|
--bs-pink-050: color-mix(in lab, #fff 90%, oklch(60% 0.22 4deg));
|
|
--bs-pink-100: color-mix(in lab, #fff 80%, oklch(60% 0.22 4deg));
|
|
--bs-pink-200: color-mix(in lab, #fff 60%, oklch(60% 0.22 4deg));
|
|
--bs-pink-300: color-mix(in lab, #fff 40%, oklch(60% 0.22 4deg));
|
|
--bs-pink-400: color-mix(in lab, #fff 20%, oklch(60% 0.22 4deg));
|
|
--bs-pink-500: oklch(60% 0.22 4deg);
|
|
--bs-pink-600: color-mix(in lab, #000 16%, oklch(60% 0.22 4deg));
|
|
--bs-pink-700: color-mix(in lab, #000 32%, oklch(60% 0.22 4deg));
|
|
--bs-pink-800: color-mix(in lab, #000 48%, oklch(60% 0.22 4deg));
|
|
--bs-pink-900: color-mix(in lab, #000 64%, oklch(60% 0.22 4deg));
|
|
--bs-pink-950: color-mix(in lab, #000 76%, oklch(60% 0.22 4deg));
|
|
--bs-pink-975: color-mix(in lab, #000 88%, oklch(60% 0.22 4deg));
|
|
--bs-red-025: color-mix(in lab, #fff 94%, oklch(60% 0.22 20deg));
|
|
--bs-red-050: color-mix(in lab, #fff 90%, oklch(60% 0.22 20deg));
|
|
--bs-red-100: color-mix(in lab, #fff 80%, oklch(60% 0.22 20deg));
|
|
--bs-red-200: color-mix(in lab, #fff 60%, oklch(60% 0.22 20deg));
|
|
--bs-red-300: color-mix(in lab, #fff 40%, oklch(60% 0.22 20deg));
|
|
--bs-red-400: color-mix(in lab, #fff 20%, oklch(60% 0.22 20deg));
|
|
--bs-red-500: oklch(60% 0.22 20deg);
|
|
--bs-red-600: color-mix(in lab, #000 16%, oklch(60% 0.22 20deg));
|
|
--bs-red-700: color-mix(in lab, #000 32%, oklch(60% 0.22 20deg));
|
|
--bs-red-800: color-mix(in lab, #000 48%, oklch(60% 0.22 20deg));
|
|
--bs-red-900: color-mix(in lab, #000 64%, oklch(60% 0.22 20deg));
|
|
--bs-red-950: color-mix(in lab, #000 76%, oklch(60% 0.22 20deg));
|
|
--bs-red-975: color-mix(in lab, #000 88%, oklch(60% 0.22 20deg));
|
|
--bs-orange-025: color-mix(in lab, #fff 94%, oklch(70% 0.22 52deg));
|
|
--bs-orange-050: color-mix(in lab, #fff 90%, oklch(70% 0.22 52deg));
|
|
--bs-orange-100: color-mix(in lab, #fff 80%, oklch(70% 0.22 52deg));
|
|
--bs-orange-200: color-mix(in lab, #fff 60%, oklch(70% 0.22 52deg));
|
|
--bs-orange-300: color-mix(in lab, #fff 40%, oklch(70% 0.22 52deg));
|
|
--bs-orange-400: color-mix(in lab, #fff 20%, oklch(70% 0.22 52deg));
|
|
--bs-orange-500: oklch(70% 0.22 52deg);
|
|
--bs-orange-600: color-mix(in lab, #000 16%, oklch(70% 0.22 52deg));
|
|
--bs-orange-700: color-mix(in lab, #000 32%, oklch(70% 0.22 52deg));
|
|
--bs-orange-800: color-mix(in lab, #000 48%, oklch(70% 0.22 52deg));
|
|
--bs-orange-900: color-mix(in lab, #000 64%, oklch(70% 0.22 52deg));
|
|
--bs-orange-950: color-mix(in lab, #000 76%, oklch(70% 0.22 52deg));
|
|
--bs-orange-975: color-mix(in lab, #000 88%, oklch(70% 0.22 52deg));
|
|
--bs-amber-025: color-mix(in lab, #fff 94%, oklch(79% 0.2 78deg));
|
|
--bs-amber-050: color-mix(in lab, #fff 90%, oklch(79% 0.2 78deg));
|
|
--bs-amber-100: color-mix(in lab, #fff 80%, oklch(79% 0.2 78deg));
|
|
--bs-amber-200: color-mix(in lab, #fff 60%, oklch(79% 0.2 78deg));
|
|
--bs-amber-300: color-mix(in lab, #fff 40%, oklch(79% 0.2 78deg));
|
|
--bs-amber-400: color-mix(in lab, #fff 20%, oklch(79% 0.2 78deg));
|
|
--bs-amber-500: oklch(79% 0.2 78deg);
|
|
--bs-amber-600: color-mix(in lab, #000 16%, oklch(79% 0.2 78deg));
|
|
--bs-amber-700: color-mix(in lab, #000 32%, oklch(79% 0.2 78deg));
|
|
--bs-amber-800: color-mix(in lab, #000 48%, oklch(79% 0.2 78deg));
|
|
--bs-amber-900: color-mix(in lab, #000 64%, oklch(79% 0.2 78deg));
|
|
--bs-amber-950: color-mix(in lab, #000 76%, oklch(79% 0.2 78deg));
|
|
--bs-amber-975: color-mix(in lab, #000 88%, oklch(79% 0.2 78deg));
|
|
--bs-yellow-025: color-mix(in lab, #fff 94%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-050: color-mix(in lab, #fff 90%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-100: color-mix(in lab, #fff 80%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-200: color-mix(in lab, #fff 60%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-300: color-mix(in lab, #fff 40%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-400: color-mix(in lab, #fff 20%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-500: oklch(88% 0.24 88deg);
|
|
--bs-yellow-600: color-mix(in lab, #000 16%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-700: color-mix(in lab, #000 32%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-800: color-mix(in lab, #000 48%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-900: color-mix(in lab, #000 64%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-950: color-mix(in lab, #000 76%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-975: color-mix(in lab, #000 88%, oklch(88% 0.24 88deg));
|
|
--bs-lime-025: color-mix(in lab, #fff 94%, oklch(65% 0.24 135deg));
|
|
--bs-lime-050: color-mix(in lab, #fff 90%, oklch(65% 0.24 135deg));
|
|
--bs-lime-100: color-mix(in lab, #fff 80%, oklch(65% 0.24 135deg));
|
|
--bs-lime-200: color-mix(in lab, #fff 60%, oklch(65% 0.24 135deg));
|
|
--bs-lime-300: color-mix(in lab, #fff 40%, oklch(65% 0.24 135deg));
|
|
--bs-lime-400: color-mix(in lab, #fff 20%, oklch(65% 0.24 135deg));
|
|
--bs-lime-500: oklch(65% 0.24 135deg);
|
|
--bs-lime-600: color-mix(in lab, #000 16%, oklch(65% 0.24 135deg));
|
|
--bs-lime-700: color-mix(in lab, #000 32%, oklch(65% 0.24 135deg));
|
|
--bs-lime-800: color-mix(in lab, #000 48%, oklch(65% 0.24 135deg));
|
|
--bs-lime-900: color-mix(in lab, #000 64%, oklch(65% 0.24 135deg));
|
|
--bs-lime-950: color-mix(in lab, #000 76%, oklch(65% 0.24 135deg));
|
|
--bs-lime-975: color-mix(in lab, #000 88%, oklch(65% 0.24 135deg));
|
|
--bs-green-025: color-mix(in lab, #fff 94%, oklch(64% 0.22 160deg));
|
|
--bs-green-050: color-mix(in lab, #fff 90%, oklch(64% 0.22 160deg));
|
|
--bs-green-100: color-mix(in lab, #fff 80%, oklch(64% 0.22 160deg));
|
|
--bs-green-200: color-mix(in lab, #fff 60%, oklch(64% 0.22 160deg));
|
|
--bs-green-300: color-mix(in lab, #fff 40%, oklch(64% 0.22 160deg));
|
|
--bs-green-400: color-mix(in lab, #fff 20%, oklch(64% 0.22 160deg));
|
|
--bs-green-500: oklch(64% 0.22 160deg);
|
|
--bs-green-600: color-mix(in lab, #000 16%, oklch(64% 0.22 160deg));
|
|
--bs-green-700: color-mix(in lab, #000 32%, oklch(64% 0.22 160deg));
|
|
--bs-green-800: color-mix(in lab, #000 48%, oklch(64% 0.22 160deg));
|
|
--bs-green-900: color-mix(in lab, #000 64%, oklch(64% 0.22 160deg));
|
|
--bs-green-950: color-mix(in lab, #000 76%, oklch(64% 0.22 160deg));
|
|
--bs-green-975: color-mix(in lab, #000 88%, oklch(64% 0.22 160deg));
|
|
--bs-teal-025: color-mix(in lab, #fff 94%, oklch(68% 0.22 190deg));
|
|
--bs-teal-050: color-mix(in lab, #fff 90%, oklch(68% 0.22 190deg));
|
|
--bs-teal-100: color-mix(in lab, #fff 80%, oklch(68% 0.22 190deg));
|
|
--bs-teal-200: color-mix(in lab, #fff 60%, oklch(68% 0.22 190deg));
|
|
--bs-teal-300: color-mix(in lab, #fff 40%, oklch(68% 0.22 190deg));
|
|
--bs-teal-400: color-mix(in lab, #fff 20%, oklch(68% 0.22 190deg));
|
|
--bs-teal-500: oklch(68% 0.22 190deg);
|
|
--bs-teal-600: color-mix(in lab, #000 16%, oklch(68% 0.22 190deg));
|
|
--bs-teal-700: color-mix(in lab, #000 32%, oklch(68% 0.22 190deg));
|
|
--bs-teal-800: color-mix(in lab, #000 48%, oklch(68% 0.22 190deg));
|
|
--bs-teal-900: color-mix(in lab, #000 64%, oklch(68% 0.22 190deg));
|
|
--bs-teal-950: color-mix(in lab, #000 76%, oklch(68% 0.22 190deg));
|
|
--bs-teal-975: color-mix(in lab, #000 88%, oklch(68% 0.22 190deg));
|
|
--bs-cyan-025: color-mix(in lab, #fff 94%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-050: color-mix(in lab, #fff 90%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-100: color-mix(in lab, #fff 80%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-200: color-mix(in lab, #fff 60%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-300: color-mix(in lab, #fff 40%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-400: color-mix(in lab, #fff 20%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-500: oklch(69% 0.22 220deg);
|
|
--bs-cyan-600: color-mix(in lab, #000 16%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-700: color-mix(in lab, #000 32%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-800: color-mix(in lab, #000 48%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-900: color-mix(in lab, #000 64%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-950: color-mix(in lab, #000 76%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-975: color-mix(in lab, #000 88%, oklch(69% 0.22 220deg));
|
|
--bs-brown-025: color-mix(in lab, #fff 94%, oklch(60% 0.12 54deg));
|
|
--bs-brown-050: color-mix(in lab, #fff 90%, oklch(60% 0.12 54deg));
|
|
--bs-brown-100: color-mix(in lab, #fff 80%, oklch(60% 0.12 54deg));
|
|
--bs-brown-200: color-mix(in lab, #fff 60%, oklch(60% 0.12 54deg));
|
|
--bs-brown-300: color-mix(in lab, #fff 40%, oklch(60% 0.12 54deg));
|
|
--bs-brown-400: color-mix(in lab, #fff 20%, oklch(60% 0.12 54deg));
|
|
--bs-brown-500: oklch(60% 0.12 54deg);
|
|
--bs-brown-600: color-mix(in lab, #000 16%, oklch(60% 0.12 54deg));
|
|
--bs-brown-700: color-mix(in lab, #000 32%, oklch(60% 0.12 54deg));
|
|
--bs-brown-800: color-mix(in lab, #000 48%, oklch(60% 0.12 54deg));
|
|
--bs-brown-900: color-mix(in lab, #000 64%, oklch(60% 0.12 54deg));
|
|
--bs-brown-950: color-mix(in lab, #000 76%, oklch(60% 0.12 54deg));
|
|
--bs-brown-975: color-mix(in lab, #000 88%, oklch(60% 0.12 54deg));
|
|
--bs-gray-025: color-mix(in lab, #fff 94%, oklch(60% 0.02 245deg));
|
|
--bs-gray-050: color-mix(in lab, #fff 90%, oklch(60% 0.02 245deg));
|
|
--bs-gray-100: color-mix(in lab, #fff 80%, oklch(60% 0.02 245deg));
|
|
--bs-gray-200: color-mix(in lab, #fff 60%, oklch(60% 0.02 245deg));
|
|
--bs-gray-300: color-mix(in lab, #fff 40%, oklch(60% 0.02 245deg));
|
|
--bs-gray-400: color-mix(in lab, #fff 20%, oklch(60% 0.02 245deg));
|
|
--bs-gray-500: oklch(60% 0.02 245deg);
|
|
--bs-gray-600: color-mix(in lab, #000 16%, oklch(60% 0.02 245deg));
|
|
--bs-gray-700: color-mix(in lab, #000 32%, oklch(60% 0.02 245deg));
|
|
--bs-gray-800: color-mix(in lab, #000 48%, oklch(60% 0.02 245deg));
|
|
--bs-gray-900: color-mix(in lab, #000 64%, oklch(60% 0.02 245deg));
|
|
--bs-gray-950: color-mix(in lab, #000 76%, oklch(60% 0.02 245deg));
|
|
--bs-gray-975: color-mix(in lab, #000 88%, oklch(60% 0.02 245deg));
|
|
--bs-pewter-025: color-mix(in lab, #fff 94%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-050: color-mix(in lab, #fff 90%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-100: color-mix(in lab, #fff 80%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-200: color-mix(in lab, #fff 60%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-300: color-mix(in lab, #fff 40%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-400: color-mix(in lab, #fff 20%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-500: oklch(65% 0.01 290deg);
|
|
--bs-pewter-600: color-mix(in lab, #000 16%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-700: color-mix(in lab, #000 32%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-800: color-mix(in lab, #000 48%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-900: color-mix(in lab, #000 64%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-950: color-mix(in lab, #000 76%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-975: color-mix(in lab, #000 88%, oklch(65% 0.01 290deg));
|
|
}
|
|
|
|
.theme-primary {
|
|
--bs-theme-base: var(--bs-primary-base);
|
|
--bs-theme-text: var(--bs-primary-text);
|
|
--bs-theme-text-emphasis: var(--bs-primary-text-emphasis);
|
|
--bs-theme-bg: var(--bs-primary-bg);
|
|
--bs-theme-bg-subtle: var(--bs-primary-bg-subtle);
|
|
--bs-theme-bg-muted: var(--bs-primary-bg-muted);
|
|
--bs-theme-border: var(--bs-primary-border);
|
|
--bs-theme-focus-ring: var(--bs-primary-focus-ring);
|
|
--bs-theme-contrast: var(--bs-primary-contrast);
|
|
}
|
|
|
|
.theme-accent {
|
|
--bs-theme-base: var(--bs-accent-base);
|
|
--bs-theme-text: var(--bs-accent-text);
|
|
--bs-theme-text-emphasis: var(--bs-accent-text-emphasis);
|
|
--bs-theme-bg: var(--bs-accent-bg);
|
|
--bs-theme-bg-subtle: var(--bs-accent-bg-subtle);
|
|
--bs-theme-bg-muted: var(--bs-accent-bg-muted);
|
|
--bs-theme-border: var(--bs-accent-border);
|
|
--bs-theme-focus-ring: var(--bs-accent-focus-ring);
|
|
--bs-theme-contrast: var(--bs-accent-contrast);
|
|
}
|
|
|
|
.theme-success {
|
|
--bs-theme-base: var(--bs-success-base);
|
|
--bs-theme-text: var(--bs-success-text);
|
|
--bs-theme-text-emphasis: var(--bs-success-text-emphasis);
|
|
--bs-theme-bg: var(--bs-success-bg);
|
|
--bs-theme-bg-subtle: var(--bs-success-bg-subtle);
|
|
--bs-theme-bg-muted: var(--bs-success-bg-muted);
|
|
--bs-theme-border: var(--bs-success-border);
|
|
--bs-theme-focus-ring: var(--bs-success-focus-ring);
|
|
--bs-theme-contrast: var(--bs-success-contrast);
|
|
}
|
|
|
|
.theme-danger {
|
|
--bs-theme-base: var(--bs-danger-base);
|
|
--bs-theme-text: var(--bs-danger-text);
|
|
--bs-theme-text-emphasis: var(--bs-danger-text-emphasis);
|
|
--bs-theme-bg: var(--bs-danger-bg);
|
|
--bs-theme-bg-subtle: var(--bs-danger-bg-subtle);
|
|
--bs-theme-bg-muted: var(--bs-danger-bg-muted);
|
|
--bs-theme-border: var(--bs-danger-border);
|
|
--bs-theme-focus-ring: var(--bs-danger-focus-ring);
|
|
--bs-theme-contrast: var(--bs-danger-contrast);
|
|
}
|
|
|
|
.theme-warning {
|
|
--bs-theme-base: var(--bs-warning-base);
|
|
--bs-theme-text: var(--bs-warning-text);
|
|
--bs-theme-text-emphasis: var(--bs-warning-text-emphasis);
|
|
--bs-theme-bg: var(--bs-warning-bg);
|
|
--bs-theme-bg-subtle: var(--bs-warning-bg-subtle);
|
|
--bs-theme-bg-muted: var(--bs-warning-bg-muted);
|
|
--bs-theme-border: var(--bs-warning-border);
|
|
--bs-theme-focus-ring: var(--bs-warning-focus-ring);
|
|
--bs-theme-contrast: var(--bs-warning-contrast);
|
|
}
|
|
|
|
.theme-info {
|
|
--bs-theme-base: var(--bs-info-base);
|
|
--bs-theme-text: var(--bs-info-text);
|
|
--bs-theme-text-emphasis: var(--bs-info-text-emphasis);
|
|
--bs-theme-bg: var(--bs-info-bg);
|
|
--bs-theme-bg-subtle: var(--bs-info-bg-subtle);
|
|
--bs-theme-bg-muted: var(--bs-info-bg-muted);
|
|
--bs-theme-border: var(--bs-info-border);
|
|
--bs-theme-focus-ring: var(--bs-info-focus-ring);
|
|
--bs-theme-contrast: var(--bs-info-contrast);
|
|
}
|
|
|
|
.theme-inverse {
|
|
--bs-theme-base: var(--bs-inverse-base);
|
|
--bs-theme-text: var(--bs-inverse-text);
|
|
--bs-theme-text-emphasis: var(--bs-inverse-text-emphasis);
|
|
--bs-theme-bg: var(--bs-inverse-bg);
|
|
--bs-theme-bg-subtle: var(--bs-inverse-bg-subtle);
|
|
--bs-theme-bg-muted: var(--bs-inverse-bg-muted);
|
|
--bs-theme-border: var(--bs-inverse-border);
|
|
--bs-theme-focus-ring: var(--bs-inverse-focus-ring);
|
|
--bs-theme-contrast: var(--bs-inverse-contrast);
|
|
}
|
|
|
|
.theme-secondary {
|
|
--bs-theme-base: var(--bs-secondary-base);
|
|
--bs-theme-text: var(--bs-secondary-text);
|
|
--bs-theme-text-emphasis: var(--bs-secondary-text-emphasis);
|
|
--bs-theme-bg: var(--bs-secondary-bg);
|
|
--bs-theme-bg-subtle: var(--bs-secondary-bg-subtle);
|
|
--bs-theme-bg-muted: var(--bs-secondary-bg-muted);
|
|
--bs-theme-border: var(--bs-secondary-border);
|
|
--bs-theme-focus-ring: var(--bs-secondary-focus-ring);
|
|
--bs-theme-contrast: var(--bs-secondary-contrast);
|
|
}
|
|
|
|
@layer colors, theme, config, root, reboot, layout, content, forms, components, custom, helpers, utilities;
|
|
:root {
|
|
--bs-black: #000;
|
|
--bs-white: #fff;
|
|
--bs-primary-base: var(--bs-blue-500);
|
|
--bs-primary-text: light-dark(var(--bs-blue-600), var(--bs-blue-400));
|
|
--bs-primary-text-emphasis: light-dark(var(--bs-blue-800), var(--bs-blue-200));
|
|
--bs-primary-bg: var(--bs-blue-500);
|
|
--bs-primary-bg-subtle: light-dark(var(--bs-blue-100), var(--bs-blue-900));
|
|
--bs-primary-bg-muted: light-dark(var(--bs-blue-200), var(--bs-blue-800));
|
|
--bs-primary-border: light-dark(var(--bs-blue-300), var(--bs-blue-600));
|
|
--bs-primary-focus-ring: color-mix(in oklch, light-dark(var(--bs-blue-500), var(--bs-blue-400)) 50%, var(--bs-bg-body));
|
|
--bs-primary-contrast: var(--bs-white);
|
|
--bs-accent-base: var(--bs-indigo-500);
|
|
--bs-accent-text: light-dark(var(--bs-indigo-600), color-mix(in oklch, var(--bs-indigo-400), var(--bs-indigo-300)));
|
|
--bs-accent-text-emphasis: light-dark(var(--bs-indigo-800), var(--bs-indigo-300));
|
|
--bs-accent-bg: var(--bs-indigo-500);
|
|
--bs-accent-bg-subtle: light-dark(var(--bs-indigo-100), var(--bs-indigo-900));
|
|
--bs-accent-bg-muted: light-dark(var(--bs-indigo-200), var(--bs-indigo-800));
|
|
--bs-accent-border: light-dark(var(--bs-indigo-300), var(--bs-indigo-600));
|
|
--bs-accent-focus-ring: color-mix(in oklch, light-dark(var(--bs-indigo-500), var(--bs-indigo-400)) 50%, var(--bs-bg-body));
|
|
--bs-accent-contrast: var(--bs-white);
|
|
--bs-success-base: var(--bs-green-500);
|
|
--bs-success-text: light-dark(var(--bs-green-600), var(--bs-green-400));
|
|
--bs-success-text-emphasis: light-dark(var(--bs-green-800), var(--bs-green-300));
|
|
--bs-success-bg: var(--bs-green-500);
|
|
--bs-success-bg-subtle: light-dark(var(--bs-green-100), var(--bs-green-900));
|
|
--bs-success-bg-muted: light-dark(var(--bs-green-200), var(--bs-green-800));
|
|
--bs-success-border: light-dark(var(--bs-green-300), var(--bs-green-600));
|
|
--bs-success-focus-ring: color-mix(in oklch, light-dark(var(--bs-green-500), var(--bs-green-400)) 50%, var(--bs-bg-body));
|
|
--bs-success-contrast: var(--bs-white);
|
|
--bs-danger-base: var(--bs-red-500);
|
|
--bs-danger-text: light-dark(var(--bs-red-600), var(--bs-red-400));
|
|
--bs-danger-text-emphasis: light-dark(var(--bs-red-800), var(--bs-red-300));
|
|
--bs-danger-bg: var(--bs-red-500);
|
|
--bs-danger-bg-subtle: light-dark(var(--bs-red-100), var(--bs-red-900));
|
|
--bs-danger-bg-muted: light-dark(var(--bs-red-200), var(--bs-red-800));
|
|
--bs-danger-border: light-dark(var(--bs-red-300), var(--bs-red-600));
|
|
--bs-danger-focus-ring: color-mix(in oklch, light-dark(var(--bs-red-500), var(--bs-red-400)) 50%, var(--bs-bg-body));
|
|
--bs-danger-contrast: var(--bs-white);
|
|
--bs-warning-base: var(--bs-yellow-500);
|
|
--bs-warning-text: light-dark(var(--bs-yellow-700), var(--bs-yellow-400));
|
|
--bs-warning-text-emphasis: light-dark(var(--bs-yellow-800), var(--bs-yellow-300));
|
|
--bs-warning-bg: var(--bs-yellow-500);
|
|
--bs-warning-bg-subtle: light-dark(var(--bs-yellow-100), var(--bs-yellow-900));
|
|
--bs-warning-bg-muted: light-dark(var(--bs-yellow-200), var(--bs-yellow-800));
|
|
--bs-warning-border: light-dark(var(--bs-yellow-300), var(--bs-yellow-600));
|
|
--bs-warning-focus-ring: color-mix(in oklch, light-dark(var(--bs-yellow-500), var(--bs-yellow-400)) 50%, var(--bs-bg-body));
|
|
--bs-warning-contrast: var(--bs-gray-900);
|
|
--bs-info-base: var(--bs-cyan-500);
|
|
--bs-info-text: light-dark(var(--bs-cyan-600), var(--bs-cyan-400));
|
|
--bs-info-text-emphasis: light-dark(var(--bs-cyan-800), var(--bs-cyan-300));
|
|
--bs-info-bg: var(--bs-cyan-500);
|
|
--bs-info-bg-subtle: light-dark(var(--bs-cyan-100), var(--bs-cyan-900));
|
|
--bs-info-bg-muted: light-dark(var(--bs-cyan-200), var(--bs-cyan-800));
|
|
--bs-info-border: light-dark(var(--bs-cyan-300), var(--bs-cyan-600));
|
|
--bs-info-focus-ring: color-mix(in oklch, light-dark(var(--bs-cyan-500), var(--bs-cyan-400)) 50%, var(--bs-bg-body));
|
|
--bs-info-contrast: var(--bs-gray-900);
|
|
--bs-inverse-base: var(--bs-gray-900);
|
|
--bs-inverse-text: light-dark(var(--bs-gray-900), var(--bs-gray-200));
|
|
--bs-inverse-text-emphasis: light-dark(var(--bs-gray-975), var(--bs-white));
|
|
--bs-inverse-bg: light-dark(var(--bs-gray-900), var(--bs-gray-025));
|
|
--bs-inverse-bg-subtle: light-dark(var(--bs-gray-100), var(--bs-gray-900));
|
|
--bs-inverse-bg-muted: light-dark(var(--bs-gray-200), var(--bs-gray-300));
|
|
--bs-inverse-border: light-dark(var(--bs-gray-400), var(--bs-gray-100));
|
|
--bs-inverse-focus-ring: color-mix(in oklch, light-dark(var(--bs-gray-900), var(--bs-gray-100)) 50%, var(--bs-bg-body));
|
|
--bs-inverse-contrast: light-dark(var(--bs-white), var(--bs-gray-900));
|
|
--bs-secondary-base: var(--bs-gray-200);
|
|
--bs-secondary-text: light-dark(var(--bs-gray-600), var(--bs-gray-400));
|
|
--bs-secondary-text-emphasis: light-dark(var(--bs-gray-800), var(--bs-gray-200));
|
|
--bs-secondary-bg: light-dark(var(--bs-gray-100), var(--bs-gray-600));
|
|
--bs-secondary-bg-subtle: light-dark(var(--bs-gray-050), var(--bs-gray-800));
|
|
--bs-secondary-bg-muted: light-dark(var(--bs-gray-100), var(--bs-gray-700));
|
|
--bs-secondary-border: light-dark(var(--bs-gray-300), var(--bs-gray-600));
|
|
--bs-secondary-focus-ring: color-mix(in oklch, light-dark(var(--bs-gray-500), var(--bs-gray-300)) 50%, var(--bs-bg-body));
|
|
--bs-secondary-contrast: light-dark(var(--bs-gray-900), var(--bs-white));
|
|
--bs-bg-body: light-dark(var(--bs-white), var(--bs-gray-975));
|
|
--bs-bg-1: light-dark(var(--bs-gray-025), var(--bs-gray-950));
|
|
--bs-bg-2: light-dark(var(--bs-gray-050), var(--bs-gray-900));
|
|
--bs-bg-3: light-dark(var(--bs-gray-100), var(--bs-gray-800));
|
|
--bs-bg-4: light-dark(var(--bs-gray-200), var(--bs-gray-700));
|
|
--bs-bg-white: var(--bs-white);
|
|
--bs-bg-black: var(--bs-black);
|
|
--bs-bg-transparent: transparent;
|
|
--bs-bg-inherit: inherit;
|
|
--bs-fg-body: light-dark(var(--bs-gray-900), var(--bs-gray-050));
|
|
--bs-fg-1: light-dark(var(--bs-gray-800), var(--bs-gray-200));
|
|
--bs-fg-2: light-dark(var(--bs-gray-700), var(--bs-gray-300));
|
|
--bs-fg-3: light-dark(var(--bs-gray-600), var(--bs-gray-500));
|
|
--bs-fg-4: light-dark(var(--bs-gray-500), var(--bs-gray-600));
|
|
--bs-fg-white: var(--bs-white);
|
|
--bs-fg-black: var(--bs-black);
|
|
--bs-fg-inherit: inherit;
|
|
--bs-border-bg: var(--bs-bg-body);
|
|
--bs-border-body: light-dark(var(--bs-gray-300), var(--bs-gray-800));
|
|
--bs-border-muted: light-dark(var(--bs-gray-200), var(--bs-gray-800));
|
|
--bs-border-subtle: light-dark(var(--bs-gray-100), var(--bs-gray-900));
|
|
--bs-border-emphasized: light-dark(var(--bs-gray-400), var(--bs-gray-600));
|
|
--bs-border-white: var(--bs-white);
|
|
--bs-border-black: var(--bs-black);
|
|
color-scheme: light dark;
|
|
}
|
|
|
|
:root,
|
|
[data-bs-theme=light] {
|
|
--bs-white-rgb: to-rgb(#fff);
|
|
--bs-black-rgb: to-rgb(#000);
|
|
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
|
|
--bs-body-font-family: var(--bs-font-sans-serif);
|
|
--bs-font-size-base: 14px;
|
|
--bs-font-size-xs: .75rem;
|
|
--bs-font-size-sm: .875rem;
|
|
--bs-font-size-md: 1rem;
|
|
--bs-font-size-lg: clamp(1.25rem, 1rem + .625vw, 1.5rem);
|
|
--bs-font-size-xl: clamp(1.5rem, 1.1rem + .75vw, 1.75rem);
|
|
--bs-font-size-2xl: clamp(1.75rem, 1.3rem + 1vw, 2rem);
|
|
--bs-font-size-3xl: clamp(2rem, 1.5rem + 1.875vw, 2.5rem);
|
|
--bs-font-size-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);
|
|
--bs-font-size-5xl: clamp(3rem, 2rem + 5vw, 4rem);
|
|
--bs-font-size-6xl: clamp(3.75rem, 2.5rem + 6.25vw, 5rem);
|
|
--bs-line-height-xs: 1.5;
|
|
--bs-line-height-sm: 1.5;
|
|
--bs-line-height-md: 1.5;
|
|
--bs-line-height-lg: 1.5;
|
|
--bs-line-height-xl: calc(2.5 / 1.75);
|
|
--bs-line-height-2xl: calc(3 / 2.25);
|
|
--bs-line-height-3xl: 1.2;
|
|
--bs-line-height-4xl: 1.1;
|
|
--bs-line-height-5xl: 1.1;
|
|
--bs-line-height-6xl: 1;
|
|
--bs-body-font-size: 14px;
|
|
--bs-body-font-weight: 400;
|
|
--bs-body-line-height: 1.5;
|
|
--bs-body-color-rgb: to-rgb(var(--bs-color-body));
|
|
--bs-body-bg-rgb: to-rgb(var(--bs-bg-body));
|
|
--bs-heading-color: inherit;
|
|
--bs-hr-border-color: var(--bs-border-color);
|
|
--bs-link-color: light-dark(var(--bs-primary-base), var(--bs-primary-text));
|
|
--bs-link-decoration: underline;
|
|
--bs-link-hover-color: color-mix(in oklch, var(--bs-link-color) 90%, #000);
|
|
--bs-code-color: var(--bs-secondary-text);
|
|
--bs-highlight-color: var(--bs-color-body);
|
|
--bs-highlight-bg: var(--bs-yellow-100);
|
|
--bs-border-width: 1px;
|
|
--bs-border-style: solid;
|
|
--bs-border-color: color-mix(in oklch, var(--bs-gray-100), var(--bs-gray-200));
|
|
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
|
|
--bs-border-radius: 0.5rem;
|
|
--bs-border-radius-sm: 0.375rem;
|
|
--bs-border-radius-lg: 0.75rem;
|
|
--bs-border-radius-xl: 1rem;
|
|
--bs-border-radius-2xl: 2rem;
|
|
--bs-border-radius-pill: 50rem;
|
|
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
|
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
|
|
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
|
|
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
|
|
--bs-focus-ring-width: 3px;
|
|
--bs-focus-ring-offset: 1px;
|
|
--bs-focus-ring-color: var(--bs-primary-focus-ring);
|
|
--bs-focus-ring: var(--bs-focus-ring-width) solid var(--bs-focus-ring-color);
|
|
--bs-form-valid-color: var(--bs-success);
|
|
--bs-form-valid-border-color: var(--bs-success);
|
|
--bs-form-invalid-color: var(--bs-danger);
|
|
--bs-form-invalid-border-color: var(--bs-danger);
|
|
color-scheme: light;
|
|
--bs-root-font-size: 16px;
|
|
}
|
|
|
|
[data-bs-theme=dark] {
|
|
--bs-emphasis-color: #fff;
|
|
--bs-emphasis-color-rgb: to-rgb(#fff);
|
|
--bs-heading-color: inherit;
|
|
--bs-border-color: var(--bs-gray-700);
|
|
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
|
|
--bs-form-valid-color: var(--bs-green-300);
|
|
--bs-form-valid-border-color: var(--bs-green-300);
|
|
--bs-form-invalid-color: var(--bs-red-300);
|
|
--bs-form-invalid-border-color: var(--bs-red-300);
|
|
color-scheme: dark;
|
|
}
|
|
|
|
@layer reboot {
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
:root {
|
|
font-size: var(--bs-root-font-size);
|
|
}
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
:root {
|
|
scroll-behavior: smooth;
|
|
}
|
|
}
|
|
body {
|
|
margin: 0;
|
|
font-family: var(--bs-body-font-family);
|
|
font-size: var(--bs-body-font-size);
|
|
font-weight: var(--bs-body-font-weight);
|
|
line-height: var(--bs-body-line-height);
|
|
color: var(--bs-color-body);
|
|
text-align: var(--bs-body-text-align);
|
|
background-color: var(--bs-bg-body);
|
|
-webkit-text-size-adjust: 100%;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
hr {
|
|
margin: 1rem 0;
|
|
border: 0;
|
|
border-block-start: var(--bs-border-width) solid var(--bs-hr-border-color);
|
|
}
|
|
h6,
|
|
.h6, h5,
|
|
.h5, h4,
|
|
.h4, h3,
|
|
.h3, h2,
|
|
.h2, h1,
|
|
.h1 {
|
|
margin-top: 0;
|
|
margin-bottom: 0.5rem;
|
|
font-weight: 500;
|
|
line-height: 1.2;
|
|
color: var(--bs-heading-color);
|
|
}
|
|
h1,
|
|
.h1 {
|
|
font-size: var(--bs-font-size-3xl);
|
|
}
|
|
h2,
|
|
.h2 {
|
|
font-size: var(--bs-font-size-2xl);
|
|
}
|
|
h3,
|
|
.h3 {
|
|
font-size: var(--bs-font-size-xl);
|
|
}
|
|
h4,
|
|
.h4 {
|
|
font-size: var(--bs-font-size-lg);
|
|
}
|
|
h5,
|
|
.h5 {
|
|
font-size: var(--bs-font-size-md);
|
|
}
|
|
h6,
|
|
.h6 {
|
|
font-size: var(--bs-font-size-sm);
|
|
}
|
|
p {
|
|
margin-top: 0;
|
|
margin-bottom: 1rem;
|
|
}
|
|
abbr[title] {
|
|
-webkit-text-decoration: underline dotted;
|
|
text-decoration: underline dotted;
|
|
cursor: help;
|
|
-webkit-text-decoration-skip-ink: none;
|
|
text-decoration-skip-ink: none;
|
|
}
|
|
address {
|
|
margin-bottom: 1rem;
|
|
font-style: normal;
|
|
line-height: inherit;
|
|
}
|
|
ol,
|
|
ul {
|
|
padding-inline-start: 2rem;
|
|
}
|
|
ol,
|
|
ul,
|
|
dl {
|
|
margin-top: 0;
|
|
margin-bottom: 1rem;
|
|
}
|
|
ol ol,
|
|
ul ul,
|
|
ol ul,
|
|
ul ol {
|
|
margin-bottom: 0;
|
|
}
|
|
dt {
|
|
font-weight: 700;
|
|
}
|
|
dd {
|
|
margin-inline-start: 0;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
blockquote {
|
|
margin: 0 0 1rem;
|
|
}
|
|
b,
|
|
strong {
|
|
font-weight: bolder;
|
|
}
|
|
small,
|
|
.small {
|
|
font-size: 0.875em;
|
|
}
|
|
mark,
|
|
.mark {
|
|
padding: 0.1875em;
|
|
color: var(--bs-highlight-color);
|
|
background-color: var(--bs-highlight-bg);
|
|
}
|
|
sub,
|
|
sup {
|
|
position: relative;
|
|
font-size: 0.75em;
|
|
line-height: 0;
|
|
vertical-align: baseline;
|
|
}
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
sup {
|
|
top: -0.5em;
|
|
}
|
|
a {
|
|
color: var(--bs-theme-text, var(--bs-link-color));
|
|
-webkit-text-decoration: var(--bs-link-decoration);
|
|
text-decoration: var(--bs-link-decoration);
|
|
text-underline-offset: 0.2em;
|
|
}
|
|
a:hover {
|
|
color: var(--bs-theme-text-emphasis, var(--bs-link-hover-color));
|
|
-webkit-text-decoration: var(--bs-link-hover-decoration, var(--bs-link-decoration));
|
|
text-decoration: var(--bs-link-hover-decoration, var(--bs-link-decoration));
|
|
}
|
|
a:not([href]):not([class]), a:not([href]):not([class]):hover {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
pre,
|
|
code,
|
|
kbd,
|
|
samp {
|
|
font-family: var(--bs-font-monospace);
|
|
font-size: 1em;
|
|
}
|
|
pre {
|
|
display: block;
|
|
margin-top: 0;
|
|
margin-bottom: 1rem;
|
|
overflow: auto;
|
|
font-size: 95%;
|
|
}
|
|
pre code {
|
|
font-size: inherit;
|
|
color: inherit;
|
|
word-break: normal;
|
|
}
|
|
code {
|
|
font-size: 95%;
|
|
color: var(--bs-code-color);
|
|
word-wrap: break-word;
|
|
}
|
|
a > code {
|
|
color: inherit;
|
|
}
|
|
kbd {
|
|
padding: 0.1875rem 0.375rem;
|
|
font-size: 95%;
|
|
color: var(--bs-bg-body);
|
|
background-color: var(--bs-fg-body);
|
|
border-radius: 0.375rem;
|
|
}
|
|
kbd kbd {
|
|
padding: 0;
|
|
font-size: 1em;
|
|
font-weight: inherit;
|
|
}
|
|
figure {
|
|
margin: 0 0 1rem;
|
|
}
|
|
img,
|
|
svg {
|
|
vertical-align: middle;
|
|
}
|
|
table {
|
|
caption-side: bottom;
|
|
border-collapse: collapse;
|
|
}
|
|
caption {
|
|
padding-block: 0.5rem;
|
|
color: var(--bs-secondary-color);
|
|
text-align: start;
|
|
}
|
|
th {
|
|
text-align: inherit;
|
|
text-align: -webkit-match-parent;
|
|
}
|
|
thead,
|
|
tbody,
|
|
tfoot,
|
|
tr,
|
|
td,
|
|
th {
|
|
border-color: inherit;
|
|
border-style: solid;
|
|
border-width: 0;
|
|
}
|
|
label {
|
|
display: inline-block;
|
|
}
|
|
button {
|
|
border-radius: 0;
|
|
}
|
|
button:focus:not(:focus-visible) {
|
|
outline: 0;
|
|
}
|
|
input,
|
|
button,
|
|
select,
|
|
optgroup,
|
|
textarea {
|
|
margin: 0;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
}
|
|
button,
|
|
select {
|
|
text-transform: none;
|
|
}
|
|
[role=button] {
|
|
cursor: pointer;
|
|
}
|
|
select {
|
|
word-wrap: normal;
|
|
}
|
|
select:disabled {
|
|
opacity: 1;
|
|
}
|
|
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
|
|
display: none !important;
|
|
}
|
|
button,
|
|
[type=button],
|
|
[type=reset],
|
|
[type=submit] {
|
|
-webkit-appearance: button;
|
|
}
|
|
button:not(:disabled),
|
|
[type=button]:not(:disabled),
|
|
[type=reset]:not(:disabled),
|
|
[type=submit]:not(:disabled) {
|
|
cursor: pointer;
|
|
}
|
|
::-moz-focus-inner {
|
|
padding: 0;
|
|
border-style: none;
|
|
}
|
|
textarea {
|
|
resize: vertical;
|
|
}
|
|
fieldset {
|
|
min-width: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
}
|
|
legend {
|
|
float: inline-start;
|
|
width: 100%;
|
|
padding: 0;
|
|
margin-bottom: 0.5rem;
|
|
font-size: 1.5rem;
|
|
line-height: inherit;
|
|
}
|
|
legend + * {
|
|
clear: inline-start;
|
|
}
|
|
::-webkit-datetime-edit-fields-wrapper,
|
|
::-webkit-datetime-edit-text,
|
|
::-webkit-datetime-edit-minute,
|
|
::-webkit-datetime-edit-hour-field,
|
|
::-webkit-datetime-edit-day-field,
|
|
::-webkit-datetime-edit-month-field,
|
|
::-webkit-datetime-edit-year-field {
|
|
padding: 0;
|
|
}
|
|
::-webkit-inner-spin-button {
|
|
height: auto;
|
|
}
|
|
[type=search] {
|
|
-webkit-appearance: textfield;
|
|
outline-offset: -2px;
|
|
}
|
|
[type=search]::-webkit-search-cancel-button {
|
|
cursor: pointer;
|
|
filter: grayscale(1);
|
|
}
|
|
[type=tel],
|
|
[type=url],
|
|
[type=email],
|
|
[type=number] {
|
|
direction: ltr;
|
|
}
|
|
::-webkit-search-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
::-webkit-color-swatch-wrapper {
|
|
padding: 0;
|
|
}
|
|
::file-selector-button {
|
|
font: inherit;
|
|
-webkit-appearance: button;
|
|
}
|
|
output {
|
|
display: inline-block;
|
|
}
|
|
iframe {
|
|
border: 0;
|
|
}
|
|
summary {
|
|
display: list-item;
|
|
cursor: pointer;
|
|
}
|
|
progress {
|
|
vertical-align: baseline;
|
|
}
|
|
[hidden] {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
/*# sourceMappingURL=bootstrap-reboot.css.map */ |