UNPKG

boosted

Version:

Orange Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library.

603 lines (532 loc) 12.9 kB
/*! * Boosted Reboot v5.2.3 (https://boosted.orange.com/) * Copyright 2014-2022 The Boosted Authors * Copyright 2014-2022 Orange SA * Licensed under MIT (https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/blob/main/LICENSE) * This a fork of Bootstrap: Initial license below * Bootstrap Reboot v5.2.3 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ /* stylelint-disable-next-line function-disallowed-list */ :root { --bs-blue: #527edb; --bs-indigo: #a885d8; --bs-purple: #a885d8; --bs-pink: #ffb4e6; --bs-red: #cd3c14; --bs-orange: #ff7900; --bs-yellow: #fc0; --bs-green: #32c832; --bs-teal: #50be87; --bs-cyan: #4bb4e6; --bs-black: #000; --bs-white: #fff; --bs-gray: #999; --bs-gray-dark: #595959; --bs-gray-100: #fafafa; --bs-gray-200: #f6f6f6; --bs-gray-300: #eee; --bs-gray-400: #ddd; --bs-gray-500: #ccc; --bs-gray-600: #999; --bs-gray-700: #666; --bs-gray-800: #595959; --bs-gray-900: #333; --bs-primary: #ff7900; --bs-secondary: #000; --bs-success: #32c832; --bs-info: #527edb; --bs-warning: #fc0; --bs-danger: #cd3c14; --bs-light: #ccc; --bs-dark: #000; --bs-primary-rgb: 255, 121, 0; --bs-secondary-rgb: 0, 0, 0; --bs-success-rgb: 50, 200, 50; --bs-info-rgb: 82, 126, 219; --bs-warning-rgb: 255, 204, 0; --bs-danger-rgb: 205, 60, 20; --bs-light-rgb: 204, 204, 204; --bs-dark-rgb: 0, 0, 0; --bs-primary-text-rgb: 241, 110, 0; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 0, 0, 0; --bs-body-bg-rgb: 255, 255, 255; --o-chevron-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 14'%3e%3cpath d='M9 2 7 0 0 7l7 7 2-2-5-5 5-5z'/%3e%3c/svg%3e"); --o-close-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='116 116 767 767' fill='%23000'%3e%3cpath d='M817.493 676.165a49.977 49.977 0 0 1 0 70.664l-70.664 70.664a49.977 49.977 0 0 1-70.664 0L499.5 640.828 322.835 817.493a49.977 49.977 0 0 1-70.664 0l-70.664-70.664a49.977 49.977 0 0 1 0-70.664L358.172 499.5 181.507 322.835a49.977 49.977 0 0 1 0-70.664l70.664-70.664a49.977 49.977 0 0 1 70.664 0L499.5 358.172l176.665-176.665a49.977 49.977 0 0 1 70.664 0l70.664 70.664a49.977 49.977 0 0 1 0 70.664L640.828 499.5Z'/%3e%3c/svg%3e"); --o-check-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 12'%3e%3cpath fill='%23000' d='M13 0 5 8 2 5 0 7l5 5L15 2z'/%3e%3c/svg%3e"); --o-success-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 125 125'%3e%3cpath fill='%2332c832' d='M62.5 0a62.5 62.5 0 1 0 0 125 62.5 62.5 0 0 0 0-125zm28 29.4c3.3 0 6 2.6 6 5.9a5.9 5.9 0 0 1-1.3 3.7L57.7 86a5.8 5.8 0 0 1-9.1 0L29.8 62.5c-.8-1-1.2-2.3-1.2-3.7a5.9 5.9 0 0 1 1.7-4.1l2.3-2.4a5.8 5.8 0 0 1 4.2-1.7 5.8 5.8 0 0 1 3.8 1.4L52 64.7 86.6 31a5.8 5.8 0 0 1 4-1.6z'/%3e%3c/svg%3e"); --o-error-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 125'%3e%3cpath fill='%23cd3c14' d='M70.3 0c-5.8 0-10.8 3.1-13.5 7.8L2.3 101.3l-.2.2A15.6 15.6 0 0 0 15.6 125H125a15.6 15.6 0 0 0 13.5-23.5L83.8 7.8A15.6 15.6 0 0 0 70.3 0zm19.2 50a6.4 6.4 0 0 1 4.4 1.9 6.4 6.4 0 0 1 0 9L79.4 75.6l15 15a6.4 6.4 0 0 1 0 9.2 6.4 6.4 0 0 1-4.5 1.9 6.4 6.4 0 0 1-4.6-2l-15-15-15 15a6.4 6.4 0 0 1-4.6 2 6.4 6.4 0 0 1-4.6-2 6.4 6.4 0 0 1 0-9l15-15L46.8 61a6.4 6.4 0 1 1 9-9.1l14.6 14.5L84.8 52a6.4 6.4 0 0 1 4.7-1.9z'/%3e%3c/svg%3e"); --bs-font-sans-serif: HelvNeueOrange/*rtl:insert:Arabic*/, "Helvetica Neue", Helvetica, "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-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.125; --bs-body-color: #000; --bs-body-bg: #fff; --bs-border-width: 0.125rem; --bs-border-style: solid; --bs-border-color: #000; --bs-border-color-translucent: #ccc; --bs-border-radius: ; --bs-border-radius-sm: ; --bs-border-radius-lg: ; --bs-border-radius-xl: ; --bs-border-radius-2xl: ; --bs-border-radius-pill: 50rem; --bs-link-color: #000; --bs-link-hover-color: #f16e00; --bs-focus-visible-inner-color: #fff; --bs-focus-visible-outer-color: #000; --bs-code-color: #666; --bs-highlight-color: #fff; --bs-highlight-bg: #000; } [class*=bg-black], [class*=-dark]:not(.border-dark):not(.text-dark):not(.btn-dark), [class*=bg-secondary] { --bs-primary-text-rgb: 255, 121, 0; --bs-link-color: #fff; --bs-link-hover-color: #ff7900; --bs-focus-visible-inner-color: #000; --bs-focus-visible-outer-color: #fff; --o-caption-color: #fff; --bs-code-color: #999; --bs-highlight-color: #000; --bs-highlight-bg: #fff; --o-kbd-color: #fff; --o-kbd-bg: #333; --o-pre-color: #eee; } [class*=bg-]:not([class*=bg-black], [class*=-dark]:not(.border-dark):not(.text-dark):not(.btn-dark), [class*=bg-secondary]):not(.bg-transparent) { --bs-primary-text-rgb: 241, 110, 0; --bs-link-color: #000; --bs-link-hover-color: #f16e00; --bs-focus-visible-inner-color: #fff; --bs-focus-visible-outer-color: #000; --o-caption-color: var(--o-caption-color, #000); --bs-code-color: #666; --bs-highlight-color: #fff; --bs-highlight-bg: #000; --o-kbd-color: var(--o-kbd-color, #000); --o-kbd-bg: var(--o-kbd-bg, #eee); --o-pre-color: var(--o-pre-color, #333); } *, *::before, *::after { box-sizing: border-box; } :root { scroll-padding-top: 3.75rem; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } @media (min-width: 1024px) { :root { scroll-padding-top: 7.5rem; } } body { position: relative; margin: 0; font-family: var(--bs-body-font-family); font-synthesis: none; font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); /* rtl:remove */ letter-spacing: -0.00625rem; background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizespeed; } :focus { z-index: 5; isolation: isolate; outline: 3px solid var(--bs-focus-visible-outer-color); outline-offset: 2px; box-shadow: 0 0 0 2px var(--bs-focus-visible-inner-color); } .js-focus-visible :focus:not([data-focus-visible-added]), .js-focus-visible .focus:not([data-focus-visible-added]) { outline: 0 !important; box-shadow: none; } :focus:not(:focus-visible) { outline: 0 !important; box-shadow: none; } hr { margin: 1.25rem 0; color: inherit; border: 0; border-top: 0.125rem solid; } h3, h4, h5, h6, h2, h1 { margin-top: 0; margin-bottom: 1.25rem; font-size: 1rem; font-weight: 700; line-height: 1.125; /* rtl:remove */ letter-spacing: -0.00625rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizelegibility; } h1 { font-size: 1.25rem; line-height: 1.1; /* rtl:remove */ letter-spacing: -0.025rem; } h2 { font-size: 1.125rem; line-height: 1.1111111111; /* rtl:remove */ letter-spacing: -0.0125rem; } 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-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } ul { list-style-type: square; } li::marker { color: var(--bs-link-hover-color); vertical-align: middle; } ol li::marker { color: inherit; } li li::marker { color: #999; } li li li::marker { color: #ccc; } li::before { color: var(--bs-link-hover-color); vertical-align: text-top; } ol li::before { color: inherit; } li li::before { color: #999; } li li li::before { color: #ccc; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, em, strong { font-weight: 700; } small { font-size: 0.875rem; font-weight: 400; line-height: 1.1428571429; } mark { padding: 0 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-link-color); text-decoration: underline; } a:hover { color: var(--bs-link-hover-color); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } var, 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: 0.875em; line-height: 1.25; color: var(--o-pre-color, #333); } pre code { font-size: inherit; color: inherit; word-break: normal; } var, code { font-size: 0.875em; font-style: normal; line-height: 1.1428571429; color: var(--bs-code-color); word-wrap: break-word; } a > var, a > code { color: inherit; } kbd { padding: 0.0625rem 0.0625rem; font-size: 0.875em; color: var(--o-kbd-color, #000); background-color: var(--o-kbd-bg, #eee); } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; caption-side: top; border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 2.125rem; font-weight: 700; color: var(--o-caption-color, #000); text-align: left; /* rtl:remove */ letter-spacing: -0.0625rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizelegibility; } 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; font-weight: 700; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; box-shadow: none; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; /* rtl:remove */ letter-spacing: inherit; box-shadow: none; } 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: left; width: 100%; padding: 0; margin-bottom: 0.3125rem; font-size: 1.25rem; font-weight: 700; line-height: inherit; } legend + * { clear: left; } ::-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] { outline-offset: -2px; -webkit-appearance: textfield; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } ::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=boosted-reboot.css.map */