bootstrap-reboot.rtl.css (7958B)
1 /*! 2 * Bootstrap Reboot v5.2.1 (https://getbootstrap.com/) 3 * Copyright 2011-2022 The Bootstrap Authors 4 * Copyright 2011-2022 Twitter, Inc. 5 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 */ 7 :root { 8 --bs-blue: #0d6efd; 9 --bs-indigo: #6610f2; 10 --bs-purple: #6f42c1; 11 --bs-pink: #d63384; 12 --bs-red: #dc3545; 13 --bs-orange: #fd7e14; 14 --bs-yellow: #ffc107; 15 --bs-green: #198754; 16 --bs-teal: #20c997; 17 --bs-cyan: #0dcaf0; 18 --bs-black: #000; 19 --bs-white: #fff; 20 --bs-gray: #6c757d; 21 --bs-gray-dark: #343a40; 22 --bs-gray-100: #f8f9fa; 23 --bs-gray-200: #e9ecef; 24 --bs-gray-300: #dee2e6; 25 --bs-gray-400: #ced4da; 26 --bs-gray-500: #adb5bd; 27 --bs-gray-600: #6c757d; 28 --bs-gray-700: #495057; 29 --bs-gray-800: #343a40; 30 --bs-gray-900: #212529; 31 --bs-primary: #0d6efd; 32 --bs-secondary: #6c757d; 33 --bs-success: #198754; 34 --bs-info: #0dcaf0; 35 --bs-warning: #ffc107; 36 --bs-danger: #dc3545; 37 --bs-light: #f8f9fa; 38 --bs-dark: #212529; 39 --bs-primary-rgb: 13, 110, 253; 40 --bs-secondary-rgb: 108, 117, 125; 41 --bs-success-rgb: 25, 135, 84; 42 --bs-info-rgb: 13, 202, 240; 43 --bs-warning-rgb: 255, 193, 7; 44 --bs-danger-rgb: 220, 53, 69; 45 --bs-light-rgb: 248, 249, 250; 46 --bs-dark-rgb: 33, 37, 41; 47 --bs-white-rgb: 255, 255, 255; 48 --bs-black-rgb: 0, 0, 0; 49 --bs-body-color-rgb: 33, 37, 41; 50 --bs-body-bg-rgb: 255, 255, 255; 51 --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"; 52 --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 53 --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); 54 --bs-body-font-family: var(--bs-font-sans-serif); 55 --bs-body-font-size: 1rem; 56 --bs-body-font-weight: 400; 57 --bs-body-line-height: 1.5; 58 --bs-body-color: #212529; 59 --bs-body-bg: #fff; 60 --bs-border-width: 1px; 61 --bs-border-style: solid; 62 --bs-border-color: #dee2e6; 63 --bs-border-color-translucent: rgba(0, 0, 0, 0.175); 64 --bs-border-radius: 0.375rem; 65 --bs-border-radius-sm: 0.25rem; 66 --bs-border-radius-lg: 0.5rem; 67 --bs-border-radius-xl: 1rem; 68 --bs-border-radius-2xl: 2rem; 69 --bs-border-radius-pill: 50rem; 70 --bs-link-color: #0d6efd; 71 --bs-link-hover-color: #0a58ca; 72 --bs-code-color: #d63384; 73 --bs-highlight-bg: #fff3cd; 74 } 75 76 *, 77 *::before, 78 *::after { 79 box-sizing: border-box; 80 } 81 82 @media (prefers-reduced-motion: no-preference) { 83 :root { 84 scroll-behavior: smooth; 85 } 86 } 87 88 body { 89 margin: 0; 90 font-family: var(--bs-body-font-family); 91 font-size: var(--bs-body-font-size); 92 font-weight: var(--bs-body-font-weight); 93 line-height: var(--bs-body-line-height); 94 color: var(--bs-body-color); 95 text-align: var(--bs-body-text-align); 96 background-color: var(--bs-body-bg); 97 -webkit-text-size-adjust: 100%; 98 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 99 } 100 101 hr { 102 margin: 1rem 0; 103 color: inherit; 104 border: 0; 105 border-top: 1px solid; 106 opacity: 0.25; 107 } 108 109 h6, h5, h4, h3, h2, h1 { 110 margin-top: 0; 111 margin-bottom: 0.5rem; 112 font-weight: 500; 113 line-height: 1.2; 114 } 115 116 h1 { 117 font-size: calc(1.375rem + 1.5vw); 118 } 119 @media (min-width: 1200px) { 120 h1 { 121 font-size: 2.5rem; 122 } 123 } 124 125 h2 { 126 font-size: calc(1.325rem + 0.9vw); 127 } 128 @media (min-width: 1200px) { 129 h2 { 130 font-size: 2rem; 131 } 132 } 133 134 h3 { 135 font-size: calc(1.3rem + 0.6vw); 136 } 137 @media (min-width: 1200px) { 138 h3 { 139 font-size: 1.75rem; 140 } 141 } 142 143 h4 { 144 font-size: calc(1.275rem + 0.3vw); 145 } 146 @media (min-width: 1200px) { 147 h4 { 148 font-size: 1.5rem; 149 } 150 } 151 152 h5 { 153 font-size: 1.25rem; 154 } 155 156 h6 { 157 font-size: 1rem; 158 } 159 160 p { 161 margin-top: 0; 162 margin-bottom: 1rem; 163 } 164 165 abbr[title] { 166 -webkit-text-decoration: underline dotted; 167 text-decoration: underline dotted; 168 cursor: help; 169 -webkit-text-decoration-skip-ink: none; 170 text-decoration-skip-ink: none; 171 } 172 173 address { 174 margin-bottom: 1rem; 175 font-style: normal; 176 line-height: inherit; 177 } 178 179 ol, 180 ul { 181 padding-right: 2rem; 182 } 183 184 ol, 185 ul, 186 dl { 187 margin-top: 0; 188 margin-bottom: 1rem; 189 } 190 191 ol ol, 192 ul ul, 193 ol ul, 194 ul ol { 195 margin-bottom: 0; 196 } 197 198 dt { 199 font-weight: 700; 200 } 201 202 dd { 203 margin-bottom: 0.5rem; 204 margin-right: 0; 205 } 206 207 blockquote { 208 margin: 0 0 1rem; 209 } 210 211 b, 212 strong { 213 font-weight: bolder; 214 } 215 216 small { 217 font-size: 0.875em; 218 } 219 220 mark { 221 padding: 0.1875em; 222 background-color: var(--bs-highlight-bg); 223 } 224 225 sub, 226 sup { 227 position: relative; 228 font-size: 0.75em; 229 line-height: 0; 230 vertical-align: baseline; 231 } 232 233 sub { 234 bottom: -0.25em; 235 } 236 237 sup { 238 top: -0.5em; 239 } 240 241 a { 242 color: var(--bs-link-color); 243 text-decoration: underline; 244 } 245 a:hover { 246 color: var(--bs-link-hover-color); 247 } 248 249 a:not([href]):not([class]), a:not([href]):not([class]):hover { 250 color: inherit; 251 text-decoration: none; 252 } 253 254 pre, 255 code, 256 kbd, 257 samp { 258 font-family: var(--bs-font-monospace); 259 font-size: 1em; 260 } 261 262 pre { 263 display: block; 264 margin-top: 0; 265 margin-bottom: 1rem; 266 overflow: auto; 267 font-size: 0.875em; 268 } 269 pre code { 270 font-size: inherit; 271 color: inherit; 272 word-break: normal; 273 } 274 275 code { 276 font-size: 0.875em; 277 color: var(--bs-code-color); 278 word-wrap: break-word; 279 } 280 a > code { 281 color: inherit; 282 } 283 284 kbd { 285 padding: 0.1875rem 0.375rem; 286 font-size: 0.875em; 287 color: var(--bs-body-bg); 288 background-color: var(--bs-body-color); 289 border-radius: 0.25rem; 290 } 291 kbd kbd { 292 padding: 0; 293 font-size: 1em; 294 } 295 296 figure { 297 margin: 0 0 1rem; 298 } 299 300 img, 301 svg { 302 vertical-align: middle; 303 } 304 305 table { 306 caption-side: bottom; 307 border-collapse: collapse; 308 } 309 310 caption { 311 padding-top: 0.5rem; 312 padding-bottom: 0.5rem; 313 color: #6c757d; 314 text-align: right; 315 } 316 317 th { 318 text-align: inherit; 319 text-align: -webkit-match-parent; 320 } 321 322 thead, 323 tbody, 324 tfoot, 325 tr, 326 td, 327 th { 328 border-color: inherit; 329 border-style: solid; 330 border-width: 0; 331 } 332 333 label { 334 display: inline-block; 335 } 336 337 button { 338 border-radius: 0; 339 } 340 341 button:focus:not(:focus-visible) { 342 outline: 0; 343 } 344 345 input, 346 button, 347 select, 348 optgroup, 349 textarea { 350 margin: 0; 351 font-family: inherit; 352 font-size: inherit; 353 line-height: inherit; 354 } 355 356 button, 357 select { 358 text-transform: none; 359 } 360 361 [role=button] { 362 cursor: pointer; 363 } 364 365 select { 366 word-wrap: normal; 367 } 368 select:disabled { 369 opacity: 1; 370 } 371 372 [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { 373 display: none !important; 374 } 375 376 button, 377 [type=button], 378 [type=reset], 379 [type=submit] { 380 -webkit-appearance: button; 381 } 382 button:not(:disabled), 383 [type=button]:not(:disabled), 384 [type=reset]:not(:disabled), 385 [type=submit]:not(:disabled) { 386 cursor: pointer; 387 } 388 389 ::-moz-focus-inner { 390 padding: 0; 391 border-style: none; 392 } 393 394 textarea { 395 resize: vertical; 396 } 397 398 fieldset { 399 min-width: 0; 400 padding: 0; 401 margin: 0; 402 border: 0; 403 } 404 405 legend { 406 float: right; 407 width: 100%; 408 padding: 0; 409 margin-bottom: 0.5rem; 410 font-size: calc(1.275rem + 0.3vw); 411 line-height: inherit; 412 } 413 @media (min-width: 1200px) { 414 legend { 415 font-size: 1.5rem; 416 } 417 } 418 legend + * { 419 clear: right; 420 } 421 422 ::-webkit-datetime-edit-fields-wrapper, 423 ::-webkit-datetime-edit-text, 424 ::-webkit-datetime-edit-minute, 425 ::-webkit-datetime-edit-hour-field, 426 ::-webkit-datetime-edit-day-field, 427 ::-webkit-datetime-edit-month-field, 428 ::-webkit-datetime-edit-year-field { 429 padding: 0; 430 } 431 432 ::-webkit-inner-spin-button { 433 height: auto; 434 } 435 436 [type=search] { 437 outline-offset: -2px; 438 -webkit-appearance: textfield; 439 } 440 441 [type="tel"], 442 [type="url"], 443 [type="email"], 444 [type="number"] { 445 direction: ltr; 446 } 447 ::-webkit-search-decoration { 448 -webkit-appearance: none; 449 } 450 451 ::-webkit-color-swatch-wrapper { 452 padding: 0; 453 } 454 455 ::-webkit-file-upload-button { 456 font: inherit; 457 -webkit-appearance: button; 458 } 459 460 ::file-selector-button { 461 font: inherit; 462 -webkit-appearance: button; 463 } 464 465 output { 466 display: inline-block; 467 } 468 469 iframe { 470 border: 0; 471 } 472 473 summary { 474 display: list-item; 475 cursor: pointer; 476 } 477 478 progress { 479 vertical-align: baseline; 480 } 481 482 [hidden] { 483 display: none !important; 484 } 485 /*# sourceMappingURL=bootstrap-reboot.rtl.css.map */