diff --git a/steps/02.01-stability-solution/public/styles/footer.css b/steps/02.01-stability-solution/public/styles/footer.css
index 92b9baa..451640b 100644
--- a/steps/02.01-stability-solution/public/styles/footer.css
+++ b/steps/02.01-stability-solution/public/styles/footer.css
@@ -1,13034 +1,11079 @@
-.color-border-inverse {
- border-color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis)) !important;
+.footer {
+ background-color: var(--color-anthracite);
+ padding: var(--spacing-4);
+ text-align: center;
+ font-size: var(--font-size-xs);
+ color: #fff;
}
-.bg-gray-2,
-.bg-gray-3 {
- background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted)) !important;
+:root {
+ --bs-blue: #0d6efd;
+ --bs-indigo: #6610f2;
+ --bs-purple: #6f42c1;
+ --bs-pink: #d63384;
+ --bs-red: #dc3545;
+ --bs-orange: #fd7e14;
+ --bs-yellow: #ffc107;
+ --bs-green: #198754;
+ --bs-teal: #20c997;
+ --bs-cyan: #0dcaf0;
+ --bs-white: #fff;
+ --bs-gray: #6c757d;
+ --bs-gray-dark: #343a40;
+ --bs-gray-100: #f8f9fa;
+ --bs-gray-200: #e9ecef;
+ --bs-gray-300: #dee2e6;
+ --bs-gray-400: #ced4da;
+ --bs-gray-500: #adb5bd;
+ --bs-gray-600: #6c757d;
+ --bs-gray-700: #495057;
+ --bs-gray-800: #343a40;
+ --bs-gray-900: #212529;
+ --bs-primary: #0d6efd;
+ --bs-secondary: #6c757d;
+ --bs-success: #198754;
+ --bs-info: #0dcaf0;
+ --bs-warning: #ffc107;
+ --bs-danger: #dc3545;
+ --bs-light: #f8f9fa;
+ --bs-dark: #212529;
+ --bs-primary-rgb: 13, 110, 253;
+ --bs-secondary-rgb: 108, 117, 125;
+ --bs-success-rgb: 25, 135, 84;
+ --bs-info-rgb: 13, 202, 240;
+ --bs-warning-rgb: 255, 193, 7;
+ --bs-danger-rgb: 220, 53, 69;
+ --bs-light-rgb: 248, 249, 250;
+ --bs-dark-rgb: 33, 37, 41;
+ --bs-white-rgb: 255, 255, 255;
+ --bs-black-rgb: 0, 0, 0;
+ --bs-body-color-rgb: 33, 37, 41;
+ --bs-body-bg-rgb: 255, 255, 255;
+ --bs-font-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
+ 'Liberation Sans', 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.5;
+ --bs-body-color: #212529;
+ --bs-body-bg: #fff;
}
-.color-text-white {
- color: var(--fgColor-white, var(--color-scale-white)) !important;
+@media (prefers-reduced-motion: no-preference) {
+ :root {
+ scroll-behavior: smooth;
+ }
}
-.border-white-fade {
- border-color: rgba(255, 255, 255, 0.15) !important;
+.list-unstyled {
+ padding-left: 0;
+ list-style: none;
}
-.lead {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-inline {
+ padding-left: 0;
+ list-style: none;
}
-.text-emphasized {
- color: var(--fgColor-default, var(--color-fg-default));
+.list-inline-item {
+ display: inline-block;
}
-
-.Label.Label--orange {
- color: var(--fgColor-severe, var(--color-severe-fg));
- border-color: var(--borderColor-severe-emphasis, var(--color-severe-emphasis));
+.list-inline-item:not(:last-child) {
+ margin-right: 0.5rem;
}
-.Label.Label--purple {
- color: var(--fgColor-done, var(--color-done-fg));
- border-color: var(--borderColor-done-emphasis, var(--color-done-emphasis));
+.initialism {
+ font-size: 0.875em;
+ text-transform: uppercase;
}
-.Label.Label--pink {
- color: var(--fgColor-sponsors, var(--color-sponsors-fg));
- border-color: var(--borderColor-sponsors-emphasis, var(--color-sponsors-emphasis));
+.blockquote {
+ margin-bottom: 1rem;
+ font-size: 1.25rem;
}
-
-/*!
-* GitHub Light v0.5.0
-* Copyright (c) 2012 - 2017 GitHub, Inc.
-* Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
-*/
-.pl-c {
- color: var(--color-prettylights-syntax-comment);
+.blockquote > :last-child {
+ margin-bottom: 0;
}
-.pl-c1,
-.pl-s .pl-v {
- color: var(--color-prettylights-syntax-constant);
+.blockquote-footer {
+ margin-top: -1rem;
+ margin-bottom: 1rem;
+ font-size: 0.875em;
+ color: #6c757d;
}
-
-.pl-e,
-.pl-en {
- color: var(--color-prettylights-syntax-entity);
+.blockquote-footer::before {
+ content: '— ';
}
-.pl-smi,
-.pl-s .pl-s1 {
- color: var(--color-prettylights-syntax-storage-modifier-import);
+.img-fluid {
+ max-width: 100%;
+ height: auto;
}
-.pl-ent {
- color: var(--color-prettylights-syntax-entity-tag);
+.img-thumbnail {
+ padding: 0.25rem;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+ border-radius: 0.25rem;
+ max-width: 100%;
+ height: auto;
}
-.pl-k {
- color: var(--color-prettylights-syntax-keyword);
+.figure {
+ display: inline-block;
}
-.pl-s,
-.pl-pds,
-.pl-s .pl-pse .pl-s1,
-.pl-sr,
-.pl-sr .pl-cce,
-.pl-sr .pl-sre,
-.pl-sr .pl-sra {
- color: var(--color-prettylights-syntax-string);
+.figure-img {
+ margin-bottom: 0.5rem;
+ line-height: 1;
}
-.pl-v,
-.pl-smw {
- color: var(--color-prettylights-syntax-variable);
+.figure-caption {
+ font-size: 0.875em;
+ color: #6c757d;
}
-.pl-bu {
- color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
+.container,
+.container-fluid,
+.container-xxl,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm {
+ width: 100%;
+ padding-right: var(--bs-gutter-x, 0.75rem);
+ padding-left: var(--bs-gutter-x, 0.75rem);
+ margin-right: auto;
+ margin-left: auto;
}
-.pl-ii {
- color: var(--color-prettylights-syntax-invalid-illegal-text);
- background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
+@media (min-width: 576px) {
+ .container-sm,
+ .container {
+ max-width: 540px;
+ }
}
-
-.pl-c2 {
- color: var(--color-prettylights-syntax-carriage-return-text);
- background-color: var(--color-prettylights-syntax-carriage-return-bg);
+@media (min-width: 768px) {
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 720px;
+ }
+}
+@media (min-width: 992px) {
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 960px;
+ }
+}
+@media (min-width: 1200px) {
+ .container-xl,
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 1140px;
+ }
+}
+@media (min-width: 1400px) {
+ .container-xxl,
+ .container-xl,
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 1320px;
+ }
+}
+.row {
+ --bs-gutter-x: 1.5rem;
+ --bs-gutter-y: 0;
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: calc(-1 * var(--bs-gutter-y));
+ margin-right: calc(-0.5 * var(--bs-gutter-x));
+ margin-left: calc(-0.5 * var(--bs-gutter-x));
}
-
-.pl-c2::before {
- content: '^M';
+.row > * {
+ flex-shrink: 0;
+ width: 100%;
+ max-width: 100%;
+ padding-right: calc(var(--bs-gutter-x) * 0.5);
+ padding-left: calc(var(--bs-gutter-x) * 0.5);
+ margin-top: var(--bs-gutter-y);
}
-.pl-sr .pl-cce {
- font-weight: bold;
- color: var(--color-prettylights-syntax-string-regexp);
+.col {
+ flex: 1 0 0%;
}
-.pl-ml {
- color: var(--color-prettylights-syntax-markup-list);
+.row-cols-auto > * {
+ flex: 0 0 auto;
+ width: auto;
}
-.pl-mh,
-.pl-mh .pl-en,
-.pl-ms {
- font-weight: bold;
- color: var(--color-prettylights-syntax-markup-heading);
+.row-cols-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
}
-.pl-mi {
- font-style: italic;
- color: var(--color-prettylights-syntax-markup-italic);
+.row-cols-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
}
-.pl-mb {
- font-weight: bold;
- color: var(--color-prettylights-syntax-markup-bold);
+.row-cols-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
}
-.pl-md {
- color: var(--color-prettylights-syntax-markup-deleted-text);
- background-color: var(--color-prettylights-syntax-markup-deleted-bg);
+.row-cols-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
}
-.pl-mi1 {
- color: var(--color-prettylights-syntax-markup-inserted-text);
- background-color: var(--color-prettylights-syntax-markup-inserted-bg);
+.row-cols-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
}
-.pl-mc {
- color: var(--color-prettylights-syntax-markup-changed-text);
- background-color: var(--color-prettylights-syntax-markup-changed-bg);
+.row-cols-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
}
-.pl-mi2 {
- color: var(--color-prettylights-syntax-markup-ignored-text);
- background-color: var(--color-prettylights-syntax-markup-ignored-bg);
+.col-auto {
+ flex: 0 0 auto;
+ width: auto;
}
-.pl-mdr {
- font-weight: bold;
- color: var(--color-prettylights-syntax-meta-diff-range);
+.col-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
}
-.pl-ba {
- color: var(--color-prettylights-syntax-brackethighlighter-angle);
+.col-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
}
-.pl-sg {
- color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
+.col-3 {
+ flex: 0 0 auto;
+ width: 25%;
}
-.pl-corl {
- text-decoration: underline;
- color: var(--color-prettylights-syntax-constant-other-reference-link);
+.col-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
}
-.CodeMirror {
- font-family: monospace;
- height: 300px;
- color: black;
- direction: ltr;
+.col-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
}
-.CodeMirror-lines {
- padding: 4px 0;
+.col-6 {
+ flex: 0 0 auto;
+ width: 50%;
}
-.CodeMirror pre.CodeMirror-line,
-.CodeMirror pre.CodeMirror-line-like {
- padding: 0 4px;
+.col-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
}
-.CodeMirror-scrollbar-filler,
-.CodeMirror-gutter-filler {
- background-color: white;
+.col-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
}
-.CodeMirror-gutters {
- border-right: 1px solid #ddd;
- background-color: #f7f7f7;
- white-space: nowrap;
+.col-9 {
+ flex: 0 0 auto;
+ width: 75%;
}
-.CodeMirror-linenumber {
- padding: 0 3px 0 5px;
- min-width: 20px;
- text-align: right;
- color: #999;
- white-space: nowrap;
+.col-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
}
-.CodeMirror-guttermarker {
- color: black;
+.col-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
}
-.CodeMirror-guttermarker-subtle {
- color: #999;
+.col-12 {
+ flex: 0 0 auto;
+ width: 100%;
}
-.CodeMirror-cursor {
- border-left: 1px solid black;
- border-right: none;
- width: 0;
+.offset-1 {
+ margin-left: 8.33333333%;
}
-.CodeMirror div.CodeMirror-secondarycursor {
- border-left: 1px solid silver;
+.offset-2 {
+ margin-left: 16.66666667%;
}
-.cm-fat-cursor .CodeMirror-cursor {
- width: auto;
- border: 0 !important;
- background: #7e7;
+.offset-3 {
+ margin-left: 25%;
}
-.cm-fat-cursor div.CodeMirror-cursors {
- z-index: 1;
+.offset-4 {
+ margin-left: 33.33333333%;
}
-.cm-fat-cursor-mark {
- background-color: rgba(20, 255, 20, 0.5);
- animation: blink 1.06s steps(1) infinite;
+.offset-5 {
+ margin-left: 41.66666667%;
}
-.cm-animate-fat-cursor {
- width: auto;
- border: 0;
- animation: blink 1.06s steps(1) infinite;
- background-color: #7e7;
+.offset-6 {
+ margin-left: 50%;
}
-@keyframes blink {
- 50% {
- background-color: transparent;
- }
+.offset-7 {
+ margin-left: 58.33333333%;
}
-.cm-tab {
- display: inline-block;
- text-decoration: inherit;
+.offset-8 {
+ margin-left: 66.66666667%;
}
-.CodeMirror-rulers {
- position: absolute;
- left: 0;
- right: 0;
- top: -50px;
- bottom: 0;
- overflow: hidden;
+.offset-9 {
+ margin-left: 75%;
}
-.CodeMirror-ruler {
- border-left: 1px solid #ccc;
- top: 0;
- bottom: 0;
- position: absolute;
+.offset-10 {
+ margin-left: 83.33333333%;
}
-.cm-s-default .cm-header {
- color: blue;
+.offset-11 {
+ margin-left: 91.66666667%;
}
-.cm-s-default .cm-quote {
- color: #090;
+.g-0,
+.gx-0 {
+ --bs-gutter-x: 0;
}
-.cm-negative {
- color: #d44;
+.g-0,
+.gy-0 {
+ --bs-gutter-y: 0;
}
-.cm-positive {
- color: #292;
+.g-1,
+.gx-1 {
+ --bs-gutter-x: 0.25rem;
}
-.cm-header,
-.cm-strong {
- font-weight: bold;
+.g-1,
+.gy-1 {
+ --bs-gutter-y: 0.25rem;
}
-.cm-em {
- font-style: italic;
+.g-2,
+.gx-2 {
+ --bs-gutter-x: 0.5rem;
}
-.cm-link {
- text-decoration: underline;
+.g-2,
+.gy-2 {
+ --bs-gutter-y: 0.5rem;
}
-.cm-strikethrough {
- text-decoration: line-through;
+.g-3,
+.gx-3 {
+ --bs-gutter-x: 1rem;
}
-.cm-s-default .cm-keyword {
- color: #708;
+.g-3,
+.gy-3 {
+ --bs-gutter-y: 1rem;
}
-.cm-s-default .cm-atom {
- color: #219;
+.g-4,
+.gx-4 {
+ --bs-gutter-x: 1.5rem;
}
-.cm-s-default .cm-number {
- color: #164;
+.g-4,
+.gy-4 {
+ --bs-gutter-y: 1.5rem;
}
-.cm-s-default .cm-def {
- color: blue;
+.g-5,
+.gx-5 {
+ --bs-gutter-x: 3rem;
}
-.cm-s-default .cm-variable-2 {
- color: #05a;
+.g-5,
+.gy-5 {
+ --bs-gutter-y: 3rem;
}
-.cm-s-default .cm-variable-3,
-.cm-s-default .cm-type {
- color: #085;
-}
+@media (min-width: 576px) {
+ .col-sm {
+ flex: 1 0 0%;
+ }
-.cm-s-default .cm-comment {
- color: #a50;
-}
+ .row-cols-sm-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.cm-s-default .cm-string {
- color: #a11;
-}
+ .row-cols-sm-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.cm-s-default .cm-string-2 {
- color: #f50;
-}
+ .row-cols-sm-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.cm-s-default .cm-meta {
- color: #555;
-}
+ .row-cols-sm-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.cm-s-default .cm-qualifier {
- color: #555;
-}
+ .row-cols-sm-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.cm-s-default .cm-builtin {
- color: #30a;
-}
+ .row-cols-sm-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.cm-s-default .cm-bracket {
- color: #997;
-}
+ .row-cols-sm-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.cm-s-default .cm-tag {
- color: #170;
-}
+ .col-sm-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.cm-s-default .cm-attribute {
- color: #00c;
-}
+ .col-sm-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.cm-s-default .cm-hr {
- color: #999;
-}
+ .col-sm-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.cm-s-default .cm-link {
- color: #00c;
-}
+ .col-sm-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.cm-s-default .cm-error {
- color: red;
-}
+ .col-sm-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.cm-invalidchar {
- color: red;
-}
+ .col-sm-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.CodeMirror-composing {
- border-bottom: 2px solid;
-}
+ .col-sm-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-div.CodeMirror span.CodeMirror-matchingbracket {
- color: #0b0;
-}
+ .col-sm-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-div.CodeMirror span.CodeMirror-nonmatchingbracket {
- color: #a22;
-}
+ .col-sm-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.CodeMirror-matchingtag {
- background: rgba(255, 150, 0, 0.3);
-}
+ .col-sm-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.CodeMirror-activeline-background {
- background: #e8f2ff;
-}
+ .col-sm-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.CodeMirror {
- position: relative;
- overflow: hidden;
- background: white;
-}
+ .col-sm-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.CodeMirror-scroll {
- overflow: scroll !important;
- margin-bottom: -50px;
- margin-right: -50px;
- padding-bottom: 50px;
- height: 100%;
- outline: none;
- position: relative;
-}
+ .col-sm-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-sizer {
- position: relative;
- border-right: 50px solid transparent;
-}
+ .offset-sm-0 {
+ margin-left: 0;
+ }
-.CodeMirror-vscrollbar,
-.CodeMirror-hscrollbar,
-.CodeMirror-scrollbar-filler,
-.CodeMirror-gutter-filler {
- position: absolute;
- z-index: 6;
- display: none;
- outline: none;
-}
+ .offset-sm-1 {
+ margin-left: 8.33333333%;
+ }
-.CodeMirror-vscrollbar {
- right: 0;
- top: 0;
- overflow-x: hidden;
- overflow-y: scroll;
-}
+ .offset-sm-2 {
+ margin-left: 16.66666667%;
+ }
-.CodeMirror-hscrollbar {
- bottom: 0;
- left: 0;
- overflow-y: hidden;
- overflow-x: scroll;
-}
+ .offset-sm-3 {
+ margin-left: 25%;
+ }
-.CodeMirror-scrollbar-filler {
- right: 0;
- bottom: 0;
-}
+ .offset-sm-4 {
+ margin-left: 33.33333333%;
+ }
-.CodeMirror-gutter-filler {
- left: 0;
- bottom: 0;
-}
+ .offset-sm-5 {
+ margin-left: 41.66666667%;
+ }
-.CodeMirror-gutters {
- position: absolute;
- left: 0;
- top: 0;
- min-height: 100%;
- z-index: 3;
-}
+ .offset-sm-6 {
+ margin-left: 50%;
+ }
-.CodeMirror-gutter {
- white-space: normal;
- height: 100%;
- display: inline-block;
- vertical-align: top;
- margin-bottom: -50px;
-}
+ .offset-sm-7 {
+ margin-left: 58.33333333%;
+ }
-.CodeMirror-gutter-wrapper {
- position: absolute;
- z-index: 4;
- background: none !important;
- border: none !important;
-}
+ .offset-sm-8 {
+ margin-left: 66.66666667%;
+ }
-.CodeMirror-gutter-background {
- position: absolute;
- top: 0;
- bottom: 0;
- z-index: 4;
-}
+ .offset-sm-9 {
+ margin-left: 75%;
+ }
-.CodeMirror-gutter-elt {
- position: absolute;
- cursor: default;
- z-index: 4;
-}
+ .offset-sm-10 {
+ margin-left: 83.33333333%;
+ }
-.CodeMirror-gutter-wrapper ::selection {
- background-color: transparent;
-}
+ .offset-sm-11 {
+ margin-left: 91.66666667%;
+ }
-.CodeMirror-gutter-wrapper ::-moz-selection {
- background-color: transparent;
-}
+ .g-sm-0,
+ .gx-sm-0 {
+ --bs-gutter-x: 0;
+ }
-.CodeMirror-lines {
- cursor: text;
- min-height: 1px;
-}
+ .g-sm-0,
+ .gy-sm-0 {
+ --bs-gutter-y: 0;
+ }
-.CodeMirror pre.CodeMirror-line,
-.CodeMirror pre.CodeMirror-line-like {
- border-radius: 0;
- border-width: 0;
- background: transparent;
- font-family: inherit;
- font-size: inherit;
- margin: 0;
- white-space: pre;
- word-wrap: normal;
- line-height: inherit;
- color: inherit;
- z-index: 2;
- position: relative;
- overflow: visible;
- -webkit-tap-highlight-color: transparent;
- font-variant-ligatures: contextual;
-}
+ .g-sm-1,
+ .gx-sm-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.CodeMirror-wrap pre.CodeMirror-line,
-.CodeMirror-wrap pre.CodeMirror-line-like {
- word-wrap: break-word;
- white-space: pre-wrap;
- word-break: normal;
-}
+ .g-sm-1,
+ .gy-sm-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.CodeMirror-linebackground {
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- z-index: 0;
-}
+ .g-sm-2,
+ .gx-sm-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.CodeMirror-linewidget {
- position: relative;
- z-index: 2;
- padding: 0.1px;
-}
+ .g-sm-2,
+ .gy-sm-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.CodeMirror-rtl pre {
- direction: rtl;
-}
+ .g-sm-3,
+ .gx-sm-3 {
+ --bs-gutter-x: 1rem;
+ }
-.CodeMirror-code {
- outline: none;
-}
+ .g-sm-3,
+ .gy-sm-3 {
+ --bs-gutter-y: 1rem;
+ }
-.CodeMirror-scroll,
-.CodeMirror-sizer,
-.CodeMirror-gutter,
-.CodeMirror-gutters,
-.CodeMirror-linenumber {
- box-sizing: content-box;
-}
+ .g-sm-4,
+ .gx-sm-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.CodeMirror-measure {
- position: absolute;
- width: 100%;
- height: 0;
- overflow: hidden;
- visibility: hidden;
-}
+ .g-sm-4,
+ .gy-sm-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.CodeMirror-cursor {
- position: absolute;
- pointer-events: none;
-}
+ .g-sm-5,
+ .gx-sm-5 {
+ --bs-gutter-x: 3rem;
+ }
-.CodeMirror-measure pre {
- position: static;
+ .g-sm-5,
+ .gy-sm-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 768px) {
+ .col-md {
+ flex: 1 0 0%;
+ }
-div.CodeMirror-cursors {
- visibility: hidden;
- position: relative;
- z-index: 3;
-}
+ .row-cols-md-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-div.CodeMirror-dragcursors {
- visibility: visible;
-}
+ .row-cols-md-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-focused div.CodeMirror-cursors {
- visibility: visible;
-}
+ .row-cols-md-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.CodeMirror-selected {
- background: #d9d9d9;
-}
+ .row-cols-md-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.CodeMirror-focused .CodeMirror-selected {
- background: #d7d4f0;
-}
+ .row-cols-md-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.CodeMirror-crosshair {
- cursor: crosshair;
-}
+ .row-cols-md-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.CodeMirror-line::selection,
-.CodeMirror-line > span::selection,
-.CodeMirror-line > span > span::selection {
- background: #d7d4f0;
-}
+ .row-cols-md-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.CodeMirror-line::-moz-selection,
-.CodeMirror-line > span::-moz-selection,
-.CodeMirror-line > span > span::-moz-selection {
- background: #d7d4f0;
-}
+ .col-md-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.cm-searching {
- background-color: #ffa;
- background-color: rgba(255, 255, 0, 0.4);
-}
+ .col-md-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.cm-force-border {
- padding-right: 0.1px;
-}
+ .col-md-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-@media print {
- .CodeMirror div.CodeMirror-cursors {
- visibility: hidden;
+ .col-md-3 {
+ flex: 0 0 auto;
+ width: 25%;
}
-}
-.cm-tab-wrap-hack:after {
- content: '';
-}
+ .col-md-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-span.CodeMirror-selectedtext {
- background: none;
-}
+ .col-md-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.CodeMirror-dialog {
- position: absolute;
- left: 0;
- right: 0;
- background: inherit;
- z-index: 15;
- padding: 0.1em 0.8em;
- overflow: hidden;
- color: inherit;
-}
+ .col-md-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.CodeMirror-dialog-top {
- border-bottom: 1px solid #eee;
- top: 0;
-}
+ .col-md-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.CodeMirror-dialog-bottom {
- border-top: 1px solid #eee;
- bottom: 0;
-}
+ .col-md-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.CodeMirror-dialog input {
- border: none;
- outline: none;
- background: transparent;
- width: 20em;
- color: inherit;
- font-family: monospace;
-}
+ .col-md-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.CodeMirror-dialog button {
- font-size: 70%;
-}
+ .col-md-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.CodeMirror-merge {
- position: relative;
- border: 1px solid #ddd;
- white-space: pre;
-}
+ .col-md-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.CodeMirror-merge,
-.CodeMirror-merge .CodeMirror {
- height: 350px;
-}
+ .col-md-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-merge-2pane .CodeMirror-merge-pane {
- width: 47%;
-}
+ .offset-md-0 {
+ margin-left: 0;
+ }
-.CodeMirror-merge-2pane .CodeMirror-merge-gap {
- width: 6%;
-}
+ .offset-md-1 {
+ margin-left: 8.33333333%;
+ }
-.CodeMirror-merge-3pane .CodeMirror-merge-pane {
- width: 31%;
-}
+ .offset-md-2 {
+ margin-left: 16.66666667%;
+ }
-.CodeMirror-merge-3pane .CodeMirror-merge-gap {
- width: 3.5%;
-}
+ .offset-md-3 {
+ margin-left: 25%;
+ }
-.CodeMirror-merge-pane {
- display: inline-block;
- white-space: normal;
- vertical-align: top;
-}
+ .offset-md-4 {
+ margin-left: 33.33333333%;
+ }
-.CodeMirror-merge-pane-rightmost {
- position: absolute;
- right: 0px;
- z-index: 1;
-}
+ .offset-md-5 {
+ margin-left: 41.66666667%;
+ }
-.CodeMirror-merge-gap {
- z-index: 2;
- display: inline-block;
- height: 100%;
- box-sizing: border-box;
- overflow: hidden;
- border-left: 1px solid #ddd;
- border-right: 1px solid #ddd;
- position: relative;
- background: #f8f8f8;
-}
+ .offset-md-6 {
+ margin-left: 50%;
+ }
-.CodeMirror-merge-scrolllock-wrap {
- position: absolute;
- bottom: 0;
- left: 50%;
-}
+ .offset-md-7 {
+ margin-left: 58.33333333%;
+ }
-.CodeMirror-merge-scrolllock {
- position: relative;
- left: -50%;
- cursor: pointer;
- color: #555;
- line-height: 1;
-}
+ .offset-md-8 {
+ margin-left: 66.66666667%;
+ }
-.CodeMirror-merge-scrolllock:after {
- content: '⇛ ⇚';
-}
+ .offset-md-9 {
+ margin-left: 75%;
+ }
-.CodeMirror-merge-scrolllock.CodeMirror-merge-scrolllock-enabled:after {
- content: '⇛⇚';
-}
+ .offset-md-10 {
+ margin-left: 83.33333333%;
+ }
-.CodeMirror-merge-copybuttons-left,
-.CodeMirror-merge-copybuttons-right {
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- line-height: 1;
-}
+ .offset-md-11 {
+ margin-left: 91.66666667%;
+ }
-.CodeMirror-merge-copy {
- position: absolute;
- cursor: pointer;
- color: #44c;
- z-index: 3;
-}
+ .g-md-0,
+ .gx-md-0 {
+ --bs-gutter-x: 0;
+ }
-.CodeMirror-merge-copy-reverse {
- position: absolute;
- cursor: pointer;
- color: #44c;
-}
+ .g-md-0,
+ .gy-md-0 {
+ --bs-gutter-y: 0;
+ }
-.CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy {
- left: 2px;
-}
+ .g-md-1,
+ .gx-md-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy {
- right: 2px;
-}
+ .g-md-1,
+ .gy-md-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.CodeMirror-merge-r-inserted,
-.CodeMirror-merge-l-inserted {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==);
- background-position: bottom left;
- background-repeat: repeat-x;
-}
+ .g-md-2,
+ .gx-md-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.CodeMirror-merge-r-deleted,
-.CodeMirror-merge-l-deleted {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
- background-position: bottom left;
- background-repeat: repeat-x;
-}
+ .g-md-2,
+ .gy-md-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.CodeMirror-merge-r-chunk {
- background: #ffffe0;
-}
+ .g-md-3,
+ .gx-md-3 {
+ --bs-gutter-x: 1rem;
+ }
-.CodeMirror-merge-r-chunk-start {
- border-top: 1px solid #ee8;
-}
+ .g-md-3,
+ .gy-md-3 {
+ --bs-gutter-y: 1rem;
+ }
-.CodeMirror-merge-r-chunk-end {
- border-bottom: 1px solid #ee8;
-}
+ .g-md-4,
+ .gx-md-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.CodeMirror-merge-r-connect {
- fill: #ffffe0;
- stroke: #ee8;
- stroke-width: 1px;
-}
+ .g-md-4,
+ .gy-md-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.CodeMirror-merge-l-chunk {
- background: #eef;
-}
+ .g-md-5,
+ .gx-md-5 {
+ --bs-gutter-x: 3rem;
+ }
-.CodeMirror-merge-l-chunk-start {
- border-top: 1px solid #88e;
+ .g-md-5,
+ .gy-md-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 992px) {
+ .col-lg {
+ flex: 1 0 0%;
+ }
-.CodeMirror-merge-l-chunk-end {
- border-bottom: 1px solid #88e;
-}
+ .row-cols-lg-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.CodeMirror-merge-l-connect {
- fill: #eef;
- stroke: #88e;
- stroke-width: 1px;
-}
+ .row-cols-lg-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk {
- background: #dfd;
-}
+ .row-cols-lg-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start {
- border-top: 1px solid #4e4;
-}
+ .row-cols-lg-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end {
- border-bottom: 1px solid #4e4;
-}
+ .row-cols-lg-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.CodeMirror-merge-collapsed-widget:before {
- content: '(...)';
-}
+ .row-cols-lg-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.CodeMirror-merge-collapsed-widget {
- cursor: pointer;
- color: #88b;
- background: #eef;
- border: 1px solid #ddf;
- font-size: 90%;
- padding: 0 3px;
- border-radius: 4px;
-}
+ .row-cols-lg-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt {
- display: none;
-}
+ .col-lg-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-/*!
-* GitHub Light v0.4.2
-* Copyright (c) 2012 - 2017 GitHub, Inc.
-* Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
-*/
-.cm-s-github-light.CodeMirror {
- color: var(--codeMirror-fgColor);
- background: var(--codeMirror-bgColor);
-}
+ .col-lg-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.cm-s-github-light .CodeMirror-gutters {
- background: var(--codeMirror-gutters-bgColor);
- border-right-width: 0;
-}
+ .col-lg-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.cm-s-github-light .CodeMirror-guttermarker {
- color: var(--codeMirror-gutterMarker-fgColor-default);
-}
+ .col-lg-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.cm-s-github-light .CodeMirror-guttermarker-subtle {
- color: var(--codeMirror-gutterMarker-fgColor-muted);
-}
+ .col-lg-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.cm-s-github-light .CodeMirror-scrollbar-filler,
-.cm-s-github-light .CodeMirror-gutter-filler {
- background-color: transparent;
-}
+ .col-lg-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.cm-s-github-light .CodeMirror-linenumber {
- padding: 0 var(--base-size-16) 0 var(--base-size-16);
- color: var(--codeMirror-lineNumber-fgColor);
-}
+ .col-lg-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.cm-s-github-light .CodeMirror-cursor {
- border-left: var(--borderWidth-thin) solid var(--codeMirror-cursor-fgColor);
-}
+ .col-lg-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.cm-s-github-light.CodeMirror-focused .CodeMirror-selected,
-.cm-s-github-light .CodeMirror-line::selection,
-.cm-s-github-light .CodeMirror-line > span::selection,
-.cm-s-github-light .CodeMirror-line > span > span::selection {
- background: var(--codeMirror-selection-bgColor, var(--color-codemirror-selection-bg, #d7d4f0));
-}
+ .col-lg-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.cm-s-github-light .CodeMirror-line > span::-moz-selection,
-.cm-s-github-light .CodeMirror-line > span > span::-moz-selection {
- background: var(--codeMirror-selection-bgColor, var(--color-codemirror-selection-bg, #d7d4f0));
-}
+ .col-lg-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.cm-s-github-light .CodeMirror-activeline-background {
- background: var(--codeMirror-activeline-bgColor);
-}
+ .col-lg-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.cm-s-github-light .CodeMirror-matchingbracket {
- color: var(--codeMirror-matchingBracket-fgColor) !important;
- text-decoration: underline;
-}
+ .col-lg-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.cm-s-github-light .CodeMirror-lines {
- font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
- font-size: 12px;
- line-height: 1.5;
- background: var(--codeMirror-lines-bgColor);
-}
+ .col-lg-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.react-code-view-edit .CodeMirror,
-.react-code-view-edit .CodeMirror-scroll {
- display: flex;
- flex-direction: column;
- flex: 1 1 auto;
-}
+ .offset-lg-0 {
+ margin-left: 0;
+ }
-.react-code-view-edit .cm-s-github-light .CodeMirror-lines {
- padding-top: var(--base-size-8);
- font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
- line-height: 20px;
-}
+ .offset-lg-1 {
+ margin-left: 8.33333333%;
+ }
-.react-code-view-edit .cm-s-github-light .CodeMirror-line,
-.react-code-view-edit .cm-s-github-light .CodeMirror-placeholder {
- padding-left: var(--base-size-16);
-}
+ .offset-lg-2 {
+ margin-left: 16.66666667%;
+ }
-.cm-s-github-light .cm-comment {
- color: var(--codeMirror-syntax-fgColor-comment);
-}
+ .offset-lg-3 {
+ margin-left: 25%;
+ }
-.cm-s-github-light .cm-constant {
- color: var(--codeMirror-syntax-fgColor-constant);
-}
+ .offset-lg-4 {
+ margin-left: 33.33333333%;
+ }
-.cm-s-github-light .cm-entity {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-entity);
- text-decoration: none;
-}
+ .offset-lg-5 {
+ margin-left: 41.66666667%;
+ }
-.cm-s-github-light .cm-keyword {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-keyword);
- text-decoration: none;
-}
+ .offset-lg-6 {
+ margin-left: 50%;
+ }
-.cm-s-github-light .cm-storage {
- color: var(--codeMirror-syntax-fgColor-storage);
-}
+ .offset-lg-7 {
+ margin-left: 58.33333333%;
+ }
-.cm-s-github-light .cm-string {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-string);
- text-decoration: none;
-}
+ .offset-lg-8 {
+ margin-left: 66.66666667%;
+ }
-.cm-s-github-light .cm-support {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-support);
- text-decoration: none;
-}
+ .offset-lg-9 {
+ margin-left: 75%;
+ }
-.cm-s-github-light .cm-variable {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-variable);
- text-decoration: none;
-}
+ .offset-lg-10 {
+ margin-left: 83.33333333%;
+ }
-details-dialog {
- position: fixed;
- margin: 10vh auto;
- top: 0;
- left: 50%;
- transform: translateX(-50%);
- z-index: 999;
- max-height: 80vh;
- max-width: 90vw;
- width: 448px;
- overflow: auto;
-}
+ .offset-lg-11 {
+ margin-left: 91.66666667%;
+ }
-.user-select-contain {
- -webkit-user-select: contain;
- user-select: contain;
-}
+ .g-lg-0,
+ .gx-lg-0 {
+ --bs-gutter-x: 0;
+ }
-.ajax-pagination-form .ajax-pagination-btn {
- width: 100%;
- padding: 6px;
- margin-top: var(--base-size-20);
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-accent);
- background: var(--bgColor-default);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .g-lg-0,
+ .gy-lg-0 {
+ --bs-gutter-y: 0;
+ }
-.ajax-pagination-form .ajax-pagination-btn:hover,
-.ajax-pagination-form .ajax-pagination-btn:focus {
- color: var(--fgColor-accent);
- background-color: var(--bgColor-muted);
-}
+ .g-lg-1,
+ .gx-lg-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.ajax-pagination-form.loading .ajax-pagination-btn {
- text-indent: -3000px;
- background-color: var(--bgColor-muted);
- background-image: url('/assets/octocat-spinner-16px-EAF2F5-8b50b1cd56db.gif');
- background-repeat: no-repeat;
- background-position: center center;
- border-color: var(--borderColor-default);
-}
+ .g-lg-1,
+ .gy-lg-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-@media only screen and (-moz-min-device-pixel-ratio: 2),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 192dpi),
- only screen and (min-resolution: 2dppx) {
- .ajax-pagination-form.loading .ajax-pagination-btn {
- background-image: url('/assets/octocat-spinner-32-EAF2F5-ada8eb30dd92.gif');
- background-size: 16px auto;
+ .g-lg-2,
+ .gx-lg-2 {
+ --bs-gutter-x: 0.5rem;
}
-}
-body [role='button']:focus:not(:focus-visible),
-body [role='tabpanel'][tabindex='0']:focus:not(:focus-visible),
-body button:focus:not(:focus-visible),
-body summary:focus:not(:focus-visible),
-body a:focus:not(:focus-visible) {
- outline: none;
- box-shadow: none;
-}
+ .g-lg-2,
+ .gy-lg-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-body [tabindex='0']:focus:not(:focus-visible),
-body details-dialog:focus:not(:focus-visible) {
- outline: none;
-}
+ .g-lg-3,
+ .gx-lg-3 {
+ --bs-gutter-x: 1rem;
+ }
-.CodeMirror {
- height: calc(100vh - 1px);
-}
+ .g-lg-3,
+ .gy-lg-3 {
+ --bs-gutter-y: 1rem;
+ }
-.file-editor-upload {
- height: 100%;
-}
+ .g-lg-4,
+ .gx-lg-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.issue-template-editor {
- height: 100%;
-}
+ .g-lg-4,
+ .gy-lg-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.file-editor-textarea {
- width: 100%;
- padding: 5px var(--base-size-4);
- font: 12px
- var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
- resize: vertical;
- border: 0;
- border-radius: 0;
- outline: none;
-}
+ .g-lg-5,
+ .gx-lg-5 {
+ --bs-gutter-x: 3rem;
+ }
-.container-preview .tabnav-tabs {
- margin: -5px 0 -5px -9px;
+ .g-lg-5,
+ .gy-lg-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 1200px) {
+ .col-xl {
+ flex: 1 0 0%;
+ }
-.container-preview .tabnav-tabs .tabnav-tab {
- padding: var(--base-size-12) var(--base-size-16);
- border-radius: 0;
-}
+ .row-cols-xl-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.container-preview .tabnav-tabs > .selected:first-child {
- border-top-left-radius: var(--borderRadius-medium);
-}
+ .row-cols-xl-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.container-preview .tabnav-tabs .selected {
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .row-cols-xl-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.container-preview.template-editor .commit-create,
-.container-preview.template-editor .file-actions {
- display: block;
-}
+ .row-cols-xl-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.container-preview.template-editor .show-code,
-.container-preview.template-editor .commit-preview,
-.container-preview.template-editor .loading-preview-msg,
-.container-preview.template-editor .no-changes-preview-msg,
-.container-preview.template-editor .error-preview-msg {
- display: none !important;
-}
+ .row-cols-xl-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.container-preview.render-editor .commit-create,
-.container-preview.render-editor .file-actions {
- display: block;
-}
+ .row-cols-xl-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.container-preview.render-editor .template-editor,
-.container-preview.render-editor .show-code,
-.container-preview.render-editor .commit-preview,
-.container-preview.render-editor .loading-preview-msg,
-.container-preview.render-editor .no-changes-preview-msg,
-.container-preview.render-editor .error-preview-msg {
- display: none !important;
-}
+ .row-cols-xl-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.container-preview.show-code .commit-create,
-.container-preview.show-code .file-actions {
- display: block;
-}
+ .col-xl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.container-preview.show-code .template-editor,
-.container-preview.show-code .render-editor,
-.container-preview.show-code .commit-preview,
-.container-preview.show-code .loading-preview-msg,
-.container-preview.show-code .no-changes-preview-msg,
-.container-preview.show-code .error-preview-msg {
- display: none !important;
-}
+ .col-xl-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.container-preview:not(.show-code) .commit-create,
-.container-preview:not(.show-code) .file-actions {
- display: none !important;
-}
+ .col-xl-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.container-preview.loading-preview .loading-preview-msg {
- display: block;
-}
+ .col-xl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.container-preview.loading-preview .template-editor,
-.container-preview.loading-preview .render-editor,
-.container-preview.loading-preview .no-changes-preview-msg,
-.container-preview.loading-preview .error-preview-msg,
-.container-preview.loading-preview .commit-preview {
- display: none !important;
-}
+ .col-xl-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.container-preview.show-preview .commit-preview {
- display: block;
-}
+ .col-xl-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.container-preview.show-preview .template-editor,
-.container-preview.show-preview .render-editor,
-.container-preview.show-preview .loading-preview-msg,
-.container-preview.show-preview .no-changes-preview-msg,
-.container-preview.show-preview .error-preview-msg {
- display: none !important;
-}
+ .col-xl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.container-preview.no-changes-preview .no-changes-preview-msg {
- display: block;
-}
+ .col-xl-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.container-preview.no-changes-preview .template-editor,
-.container-preview.no-changes-preview .render-editor,
-.container-preview.no-changes-preview .loading-preview-msg,
-.container-preview.no-changes-preview .error-preview-msg,
-.container-preview.no-changes-preview .commit-preview {
- display: none !important;
-}
+ .col-xl-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.container-preview.error-preview .error-preview-msg {
- display: block;
-}
+ .col-xl-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.container-preview.error-preview .template-editor,
-.container-preview.error-preview .render-editor,
-.container-preview.error-preview .loading-preview-msg,
-.container-preview.error-preview .no-changes-preview-msg,
-.container-preview.error-preview .commit-preview {
- display: none !important;
-}
+ .col-xl-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.container-preview p.preview-msg {
- padding: 30px;
- font-size: 16px;
-}
+ .col-xl-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.CodeMirror-merge-header {
- height: 30px;
-}
+ .col-xl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-merge-header .CodeMirror-merge-pane {
- height: 30px;
- line-height: 30px;
-}
+ .offset-xl-0 {
+ margin-left: 0;
+ }
-.cm-s-github-light .merge-gutter {
- width: 14px;
-}
+ .offset-xl-1 {
+ margin-left: 8.33333333%;
+ }
-.conflict-background + .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
- background-color: var(--bgColor-attention-muted);
-}
+ .offset-xl-2 {
+ margin-left: 16.66666667%;
+ }
-.commit-create .CodeMirror {
- padding-top: var(--base-size-8);
-}
+ .offset-xl-3 {
+ margin-left: 25%;
+ }
-auto-complete,
-details-dialog,
-details-menu,
-file-attachment,
-filter-input,
-remote-input,
-tab-container,
-text-expander,
-turbo-frame,
-[data-catalyst] {
- display: block;
-}
+ .offset-xl-4 {
+ margin-left: 33.33333333%;
+ }
-[data-catalyst-inline] {
- display: inline;
-}
+ .offset-xl-5 {
+ margin-left: 41.66666667%;
+ }
-[data-catalyst-grid] {
- display: grid;
-}
+ .offset-xl-6 {
+ margin-left: 50%;
+ }
-.Details--on .Details-content--shown {
- display: none !important;
-}
+ .offset-xl-7 {
+ margin-left: 58.33333333%;
+ }
-.Details:not(.Details--on) .Details-content--hidden {
- display: none !important;
-}
+ .offset-xl-8 {
+ margin-left: 66.66666667%;
+ }
-.Details:not(.Details--on) .Details-content--hidden-not-important {
- display: none;
-}
+ .offset-xl-9 {
+ margin-left: 75%;
+ }
-.Details-element[open] > summary .Details-content--closed {
- display: none !important;
-}
+ .offset-xl-10 {
+ margin-left: 83.33333333%;
+ }
-.Details-element:not([open]) > summary .Details-content--open {
- display: none !important;
-}
+ .offset-xl-11 {
+ margin-left: 91.66666667%;
+ }
-g-emoji {
- display: inline-block;
- min-width: 1ch;
- font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
- font-size: 1em;
- font-style: normal !important;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1;
- vertical-align: -0.075em;
-}
+ .g-xl-0,
+ .gx-xl-0 {
+ --bs-gutter-x: 0;
+ }
-g-emoji img {
- width: 1em;
- height: 1em;
-}
+ .g-xl-0,
+ .gy-xl-0 {
+ --bs-gutter-y: 0;
+ }
-.emoji-icon {
- display: inline-block;
- width: 20px;
- height: 20px;
- vertical-align: middle;
- background-repeat: no-repeat;
- background-size: 20px 20px;
-}
+ .g-xl-1,
+ .gx-xl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.emoji-result {
- display: inline-block;
- height: 20px;
- font-size: 16px;
- font-weight: var(--base-text-weight-normal, 400);
- vertical-align: middle;
-}
+ .g-xl-1,
+ .gy-xl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.gollum-editor .comment-form-head.tabnav {
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
-}
+ .g-xl-2,
+ .gx-xl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.gollum-editor .gollum-editor-body {
- height: 390px;
- resize: vertical;
-}
+ .g-xl-2,
+ .gy-xl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.active .gollum-editor-function-buttons {
- display: block !important;
-}
+ .g-xl-3,
+ .gx-xl-3 {
+ --bs-gutter-x: 1rem;
+ }
-.auth-form {
- width: 320px;
- margin: 0 auto;
-}
+ .g-xl-3,
+ .gy-xl-3 {
+ --bs-gutter-y: 1rem;
+ }
-.auth-form .form-group.warn .warning,
-.auth-form .form-group.warn .error,
-.auth-form .form-group.errored .warning,
-.auth-form .form-group.errored .error {
- max-width: 274px;
-}
+ .g-xl-4,
+ .gx-xl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.auth-form-wide {
- width: 440px;
- margin: 0 auto;
-}
+ .g-xl-4,
+ .gy-xl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.auth-form-wide .form-group.warn .warning,
-.auth-form-wide .form-group.warn .error,
-.auth-form-wide .form-group.errored .warning,
-.auth-form-wide .form-group.errored .error {
- max-width: 274px;
-}
+ .g-xl-5,
+ .gx-xl-5 {
+ --bs-gutter-x: 3rem;
+ }
-.auth-form-header {
- padding: var(--base-size-8) var(--base-size-16);
- margin: 0;
- color: #fff;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
- background-color: #829aa8;
- border: var(--borderWidth-thin) solid #768995;
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+ .g-xl-5,
+ .gy-xl-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 1400px) {
+ .col-xxl {
+ flex: 1 0 0%;
+ }
-.auth-form-header h1 {
- font-size: 16px;
-}
+ .row-cols-xxl-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.auth-form-header h1 a {
- color: #fff;
-}
+ .row-cols-xxl-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.auth-form-header .octicon {
- position: absolute;
- top: 10px;
- right: var(--base-size-20);
- color: rgba(0, 0, 0, 0.4);
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
-}
+ .row-cols-xxl-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.auth-form-header .Overlay .octicon {
- position: static;
-}
+ .row-cols-xxl-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.inactive-user-avatar {
- filter: grayscale(1);
-}
+ .row-cols-xxl-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.auth-divider {
- display: flex;
- flex-basis: 100%;
- align-items: center;
-}
+ .row-cols-xxl-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.auth-divider::before,
-.auth-divider::after {
- position: relative;
- display: inline-block;
- width: 50%;
- height: 1px;
- vertical-align: middle;
- content: '';
- background-color: var(--borderColor-default);
-}
+ .row-cols-xxl-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.auth-divider::before {
- right: 0.5em;
-}
+ .col-xxl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.auth-divider::after {
- left: 0.5em;
-}
+ .col-xxl-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.auth-form-message {
- max-height: 140px;
- padding: var(--base-size-16) var(--base-size-16) var(--base-size-8);
- overflow-y: scroll;
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .col-xxl-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.auth-form-message ol,
-.auth-form-message ul {
- padding-left: inherit;
- margin-bottom: inherit;
-}
+ .col-xxl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.auth-form-body {
- font-size: 14px;
- padding: var(--base-size-16);
- background-color: var(--bgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-top: 0;
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
-}
+ .col-xxl-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.auth-form-body .input-block {
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-16);
-}
+ .col-xxl-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.auth-form-body p {
- margin-bottom: 0;
-}
+ .col-xxl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.auth-form-body ol,
-.auth-form-body ul {
- padding-left: inherit;
- margin-bottom: inherit;
-}
+ .col-xxl-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.auth-form-captcha {
- font-size: 14px;
-}
+ .col-xxl-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-@media (min-width: 544px) {
- .auth-form-captcha {
- padding: var(--base-size-16);
- background-color: var(--bgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-top: 0;
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
+ .col-xxl-9 {
+ flex: 0 0 auto;
+ width: 75%;
}
-}
-.auth-form-captcha .input-block {
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-16);
-}
+ .col-xxl-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.auth-form-captcha p {
- margin-bottom: 0;
-}
+ .col-xxl-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.auth-form-captcha ol,
-.auth-form-captcha ul {
- padding-left: inherit;
- margin-bottom: inherit;
-}
+ .col-xxl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.two-factor-help {
- position: relative;
- padding: var(--base-size-8) var(--base-size-8) var(--base-size-8) var(--base-size-32);
- margin: 60px 0 auto auto;
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .offset-xxl-0 {
+ margin-left: 0;
+ }
-.two-factor-help h4 {
- margin-top: 0;
- margin-bottom: var(--base-size-4);
-}
+ .offset-xxl-1 {
+ margin-left: 8.33333333%;
+ }
-.two-factor-help .octicon-device-mobile,
-.two-factor-help .octicon-key,
-.two-factor-help .octicon-shield-lock,
-.two-factor-help .octicon-circle-slash {
- position: absolute;
- top: 10px;
- left: 10px;
-}
+ .offset-xxl-2 {
+ margin-left: 16.66666667%;
+ }
-.sms-send-code-spinner {
- position: relative;
- bottom: 2px;
- display: none;
- vertical-align: bottom;
-}
+ .offset-xxl-3 {
+ margin-left: 25%;
+ }
-.loading .sms-send-code-spinner {
- display: inline;
-}
+ .offset-xxl-4 {
+ margin-left: 33.33333333%;
+ }
-.auth-form-body .webauthn-form-body {
- padding: 0;
-}
+ .offset-xxl-5 {
+ margin-left: 41.66666667%;
+ }
-.webauthn-form-body {
- padding: var(--base-size-32) var(--base-size-32) var(--base-size-16);
- text-align: center;
-}
+ .offset-xxl-6 {
+ margin-left: 50%;
+ }
-.webauthn-form-body button {
- margin-top: var(--base-size-16);
-}
+ .offset-xxl-7 {
+ margin-left: 58.33333333%;
+ }
-.flash.sms-error,
-.flash.sms-success {
- display: none;
- margin: 0 0 var(--base-size-8);
-}
+ .offset-xxl-8 {
+ margin-left: 66.66666667%;
+ }
-.is-sent .sms-success {
- display: block;
-}
+ .offset-xxl-9 {
+ margin-left: 75%;
+ }
-.is-sent .sms-error {
- display: none;
-}
+ .offset-xxl-10 {
+ margin-left: 83.33333333%;
+ }
-.is-not-sent .sms-success {
- display: none;
-}
+ .offset-xxl-11 {
+ margin-left: 91.66666667%;
+ }
-.is-not-sent .sms-error {
- display: block;
-}
+ .g-xxl-0,
+ .gx-xxl-0 {
+ --bs-gutter-x: 0;
+ }
-.session-authentication {
- background-color: var(--bgColor-default);
-}
+ .g-xxl-0,
+ .gy-xxl-0 {
+ --bs-gutter-y: 0;
+ }
-.session-authentication .header-logged-out {
- background-color: transparent;
- border-bottom: 0;
-}
+ .g-xxl-1,
+ .gx-xxl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.session-authentication .header-logo {
- color: var(--fgColor-default);
-}
+ .g-xxl-1,
+ .gy-xxl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.session-authentication .flash {
- padding: var(--base-size-16) var(--base-size-16);
- margin: 0 auto;
- margin-bottom: var(--base-size-8);
- font-size: 14px;
- border-style: solid;
- border-width: var(--borderWidth-thin);
- border-radius: var(--borderRadius-medium);
-}
+ .g-xxl-2,
+ .gx-xxl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.session-authentication .flash .container {
- width: auto;
-}
+ .g-xxl-2,
+ .gy-xxl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.session-authentication .flash .flash-close {
- height: 30px;
-}
+ .g-xxl-3,
+ .gx-xxl-3 {
+ --bs-gutter-x: 1rem;
+ }
+
+ .g-xxl-3,
+ .gy-xxl-3 {
+ --bs-gutter-y: 1rem;
+ }
+
+ .g-xxl-4,
+ .gx-xxl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+
+ .g-xxl-4,
+ .gy-xxl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+
+ .g-xxl-5,
+ .gx-xxl-5 {
+ --bs-gutter-x: 3rem;
+ }
-.session-authentication .flash.flash-banner {
+ .g-xxl-5,
+ .gy-xxl-5 {
+ --bs-gutter-y: 3rem;
+ }
+}
+.table {
+ --bs-table-bg: transparent;
+ --bs-table-accent-bg: transparent;
+ --bs-table-striped-color: #212529;
+ --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
+ --bs-table-active-color: #212529;
+ --bs-table-active-bg: rgba(0, 0, 0, 0.1);
+ --bs-table-hover-color: #212529;
+ --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
- border-top: 0;
- border-right: 0;
- border-left: 0;
- border-radius: 0;
+ margin-bottom: 1rem;
+ color: #212529;
+ vertical-align: top;
+ border-color: #dee2e6;
+}
+.table > :not(caption) > * > * {
+ padding: 0.5rem 0.5rem;
+ background-color: var(--bs-table-bg);
+ border-bottom-width: 1px;
+ box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
+}
+.table > tbody {
+ vertical-align: inherit;
+}
+.table > thead {
+ vertical-align: bottom;
+}
+.table > :not(:first-child) {
+ border-top: 2px solid currentColor;
}
-.session-authentication .auth-form label {
- display: block;
- margin-bottom: var(--base-size-8);
- font-weight: var(--base-text-weight-normal, 400);
- text-align: left;
+.caption-top {
+ caption-side: top;
}
-.session-authentication .auth-form .btn {
- margin-top: var(--base-size-16);
+.table-sm > :not(caption) > * > * {
+ padding: 0.25rem 0.25rem;
}
-.session-authentication .auth-form .webauthn-message {
- margin-bottom: 0;
+.table-bordered > :not(caption) > * {
+ border-width: 1px 0;
+}
+.table-bordered > :not(caption) > * > * {
+ border-width: 0 1px;
}
-.session-authentication .label-link {
- float: right;
- font-size: 12px;
+.table-borderless > :not(caption) > * > * {
+ border-bottom-width: 0;
+}
+.table-borderless > :not(:first-child) {
+ border-top-width: 0;
}
-.session-authentication .auth-form-header {
- margin-bottom: var(--base-size-16);
- color: var(--fgColor-default);
- text-align: center;
- text-shadow: none;
- background-color: transparent;
- border: 0;
+.table-striped > tbody > tr:nth-of-type(odd) > * {
+ --bs-table-accent-bg: var(--bs-table-striped-bg);
+ color: var(--bs-table-striped-color);
}
-.session-authentication .auth-form-header h1 {
- font-size: 24px;
- font-weight: var(--base-text-weight-light, 300);
- letter-spacing: -0.5px;
+.table-active {
+ --bs-table-accent-bg: var(--bs-table-active-bg);
+ color: var(--bs-table-active-color);
}
-.session-authentication .auth-form-body {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
+.table-hover > tbody > tr:hover > * {
+ --bs-table-accent-bg: var(--bs-table-hover-bg);
+ color: var(--bs-table-hover-color);
}
-.session-authentication .auth-form-body.webauthn-form-body {
- padding: var(--base-size-16);
+.table-primary {
+ --bs-table-bg: #cfe2ff;
+ --bs-table-striped-bg: #c5d7f2;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #bacbe6;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #bfd1ec;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #bacbe6;
}
-@media (min-width: 544px) {
- .session-authentication .auth-form-captcha {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
- }
+.table-secondary {
+ --bs-table-bg: #e2e3e5;
+ --bs-table-striped-bg: #d7d8da;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #cbccce;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #d1d2d4;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #cbccce;
+}
- .session-authentication .auth-form-captcha.webauthn-form-body {
- padding: var(--base-size-16);
- }
+.table-success {
+ --bs-table-bg: #d1e7dd;
+ --bs-table-striped-bg: #c7dbd2;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #bcd0c7;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #c1d6cc;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #bcd0c7;
}
-.session-authentication .login-callout {
- padding: var(--base-size-16) var(--base-size-16);
- text-align: center;
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+.table-info {
+ --bs-table-bg: #cff4fc;
+ --bs-table-striped-bg: #c5e8ef;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #badce3;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #bfe2e9;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #badce3;
}
-.session-authentication .two-factor-help {
- padding: 0 0 0 var(--base-size-16);
- margin-top: var(--base-size-16);
- border: 0;
+.table-warning {
+ --bs-table-bg: #fff3cd;
+ --bs-table-striped-bg: #f2e7c3;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #e6dbb9;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #ece1be;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #e6dbb9;
}
-
-.session-authentication .two-factor-help .octicon-device-mobile,
-.session-authentication .two-factor-help .octicon-key,
-.session-authentication .two-factor-help .octicon-shield-lock,
-.session-authentication .two-factor-help .octicon-circle-slash {
- top: var(--base-size-4);
- left: 0;
+
+.table-danger {
+ --bs-table-bg: #f8d7da;
+ --bs-table-striped-bg: #eccccf;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #dfc2c4;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #e5c7ca;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #dfc2c4;
+}
+
+.table-light {
+ --bs-table-bg: #f8f9fa;
+ --bs-table-striped-bg: #ecedee;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #dfe0e1;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #e5e6e7;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #dfe0e1;
+}
+
+.table-dark {
+ --bs-table-bg: #212529;
+ --bs-table-striped-bg: #2c3034;
+ --bs-table-striped-color: #fff;
+ --bs-table-active-bg: #373b3e;
+ --bs-table-active-color: #fff;
+ --bs-table-hover-bg: #323539;
+ --bs-table-hover-color: #fff;
+ color: #fff;
+ border-color: #373b3e;
}
-.session-authentication.enterprise .header-logged-out {
- padding: var(--base-size-48) 0 var(--base-size-24);
- background-color: transparent;
+.table-responsive {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
}
-.session-authentication.hosted .header-logged-out {
- padding: var(--base-size-40) 0 var(--base-size-16);
- background-color: transparent;
+@media (max-width: 575.98px) {
+ .table-responsive-sm {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-.session-authentication .notification-shelf {
- display: none;
+@media (max-width: 767.98px) {
+ .table-responsive-md {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-.two-factor-recovery-modal-prompt.fit-in-box .Button-content,
-.two-factor-recovery-modal-prompt.fit-in-box .Button-label {
- display: block;
- width: 254px;
- text-align: left;
- white-space: normal;
+@media (max-width: 991.98px) {
+ .table-responsive-lg {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-#recovery-dialog #recovery-dialog-title {
- font-size: 20px;
- text-align: center;
+@media (max-width: 1199.98px) {
+ .table-responsive-xl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-#recovery-dialog #recovery-dialog-description {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- word-wrap: normal;
- border: 0;
+@media (max-width: 1399.98px) {
+ .table-responsive-xxl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-.switch-account-popover-body {
- width: auto;
- min-width: 250px;
- max-width: 350px;
+.form-label {
+ margin-bottom: 0.5rem;
}
-.switch-account-popover-body::before,
-.switch-account-popover-body::after {
- display: none;
+.col-form-label {
+ padding-top: calc(0.375rem + 1px);
+ padding-bottom: calc(0.375rem + 1px);
+ margin-bottom: 0;
+ font-size: inherit;
+ line-height: 1.5;
}
-.switch-account-popover-row {
- width: 100%;
- padding: 0;
- background-color: transparent;
+.col-form-label-lg {
+ padding-top: calc(0.5rem + 1px);
+ padding-bottom: calc(0.5rem + 1px);
+ font-size: 1.25rem;
}
-.switch-account-popover-row:hover {
- color: var(--fgColor-onEmphasis);
- cursor: pointer;
- background-color: var(--bgColor-accent-emphasis);
+.col-form-label-sm {
+ padding-top: calc(0.25rem + 1px);
+ padding-bottom: calc(0.25rem + 1px);
+ font-size: 0.875rem;
}
-@media (prefers-reduced-motion: no-preference) {
- .HeaderMktg-backdrop,
- .HeaderMenu,
- .HeaderMenu-link,
- .HeaderMenu-toggle-bar,
- .HeaderMenu-icon,
- .HeaderMenu-dropdown,
- .HeaderMenu-external-icon,
- .HeaderMktg.header-logged-out::before,
- .HeaderMktg .search-input {
- transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
- transition-duration: 500ms;
- transition-property: opacity, transform;
- }
-}
-
-.HeaderMktg {
- position: relative;
- z-index: 32;
- padding-top: var(--base-size-12);
- padding-bottom: var(--base-size-12);
- color: var(--fgColor-white);
- background-color: var(--header-bgColor);
+.form-text {
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #6c757d;
}
-.server-stats + .HeaderMktg {
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.075);
+.form-control {
+ display: block;
+ width: 100%;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ced4da;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ border-radius: 0.25rem;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
-
-.HeaderMktg .dropdown-menu {
- width: 300px;
+@media (prefers-reduced-motion: reduce) {
+ .form-control {
+ transition: none;
+ }
}
-
-.HeaderMktg .notification-indicator:hover::after {
- content: none;
+.form-control[type='file'] {
+ overflow: hidden;
}
-
-@media (min-width: 1012px) {
- .HeaderMktg .notification-indicator:hover::after {
- content: attr(aria-label);
- }
+.form-control[type='file']:not(:disabled):not([readonly]) {
+ cursor: pointer;
}
-
-.HeaderMenu-toggle-bar {
- width: 22px;
- height: 2px;
- background-color: var(--fgColor-onEmphasis);
+.form-control:focus {
+ color: #212529;
+ background-color: #fff;
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu-toggle-bar:nth-of-type(1) {
- transform-origin: bottom right;
+.form-control::-webkit-date-and-time-value {
+ height: 1.5em;
}
-
-.HeaderMenu-toggle-bar:nth-of-type(3) {
- transform-origin: top right;
+.form-control::-moz-placeholder {
+ color: #6c757d;
+ opacity: 1;
}
-
-.open .HeaderMenu-toggle-bar:nth-of-type(1) {
- transform: rotate(-45deg) translateY(-3px);
+.form-control::placeholder {
+ color: #6c757d;
+ opacity: 1;
}
-
-.open .HeaderMenu-toggle-bar:nth-of-type(2) {
- opacity: 0;
- transform: scale(0);
+.form-control:disabled,
+.form-control[readonly] {
+ background-color: #e9ecef;
+ opacity: 1;
}
-
-.open .HeaderMenu-toggle-bar:nth-of-type(3) {
- transform: rotate(45deg) translateY(3px);
+.form-control::-webkit-file-upload-button {
+ padding: 0.375rem 0.75rem;
+ margin: -0.375rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.75rem;
+ color: #212529;
+ background-color: #e9ecef;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+.form-control::file-selector-button {
+ padding: 0.375rem 0.75rem;
+ margin: -0.375rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.75rem;
+ color: #212529;
+ background-color: #e9ecef;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
}
-
-@media (max-width: 1011px) {
- body:has(.header-logged-out.open) {
- height: 100%;
- overflow: hidden;
- }
-
- .HeaderMktg-backdrop {
- visibility: hidden;
- background: var(--overlay-backdrop-bgColor);
- opacity: 0;
+@media (prefers-reduced-motion: reduce) {
+ .form-control::-webkit-file-upload-button {
+ -webkit-transition: none;
+ transition: none;
}
-
- .open .HeaderMktg-backdrop {
- visibility: visible;
- opacity: 1;
+ .form-control::file-selector-button {
+ transition: none;
}
}
-
-@media (max-width: 1011px) {
- .open .HeaderMktg-backdrop {
- background: var(--header-bgColor) !important;
- -webkit-backdrop-filter: none;
- backdrop-filter: none;
- }
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+ background-color: #dde0e3;
}
-
-.HeaderMenu {
- z-index: 100;
- width: 100%;
- padding-top: 68px;
- pointer-events: none;
- contain: layout;
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+ background-color: #dde0e3;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu {
- width: auto;
- padding: 0 !important;
+.form-control::-webkit-file-upload-button {
+ padding: 0.375rem 0.75rem;
+ margin: -0.375rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.75rem;
+ color: #212529;
+ background-color: #e9ecef;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-control::-webkit-file-upload-button {
+ -webkit-transition: none;
transition: none;
}
}
-
-.HeaderMenu .HeaderMenu-link--sign-in:focus {
- outline-offset: var(--base-size-4);
-}
-
-@media (max-width: 1011px) {
- .HeaderMenu {
- position: fixed;
- display: flex;
- height: 100%;
- transform-origin: top center;
- }
-
- .header-logged-out:not(.open) .HeaderMenu {
- position: absolute;
- visibility: hidden;
- opacity: 0;
- transform: translateX(-12px);
- }
-
- .header-logged-out:not(.open) .HeaderMenu::before {
- opacity: 0;
- }
-
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-up,
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-up:hover,
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-in,
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-in:hover {
- color: var(--fgColor-onEmphasis) !important;
- background-color: var(--bgColor-emphasis);
- border-color: var(--bgColor-emphasis) !important;
- opacity: 1;
- }
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+ background-color: #dde0e3;
}
-.HeaderMenu .HeaderMenu-wrapper {
+.form-control-plaintext {
+ display: block;
width: 100%;
- height: 100%;
- overflow: auto;
- pointer-events: auto;
- background-color: var(--bgColor-default);
- box-shadow: var(--shadow-floating-small);
+ padding: 0.375rem 0;
+ margin-bottom: 0;
+ line-height: 1.5;
+ color: #212529;
+ background-color: transparent;
+ border: solid transparent;
+ border-width: 1px 0;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu .HeaderMenu-wrapper {
- padding: var(--base-size-20) var(--base-size-28) var(--base-size-36);
- border-top-left-radius: var(--base-size-12) !important;
- border-top-right-radius: var(--base-size-12) !important;
- border-bottom-right-radius: 0 !important;
- border-bottom-left-radius: 0 !important;
- }
+.form-control-plaintext.form-control-sm,
+.form-control-plaintext.form-control-lg {
+ padding-right: 0;
+ padding-left: 0;
}
-@media (min-width: 1012px) {
- .HeaderMenu .HeaderMenu-wrapper {
- width: 100%;
- overflow: visible;
- background-color: transparent;
- box-shadow: none;
- }
+.form-control-sm {
+ min-height: calc(1.5em + 0.5rem + 2px);
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu .HeaderMenu-link {
- padding: var(--base-size-12) 0;
- font-weight: var(--base-text-weight-semibold, 600);
- }
+.form-control-sm::-webkit-file-upload-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
}
-
-.HeaderMenu .jump-to-suggestions {
- top: 100%;
+.form-control-sm::file-selector-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
}
-
-.HeaderMenu .header-search-key-slash {
- margin-right: var(--base-size-8) !important;
+.form-control-sm::-webkit-file-upload-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
}
-@media (max-width: 1012px) {
- .HeaderMenu .header-search-key-slash {
- display: none;
- }
+.form-control-lg {
+ min-height: calc(1.5em + 1rem + 2px);
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-
-.HeaderMenu .dropdown-menu {
- position: static;
- z-index: 0;
- width: auto;
- border: 0 solid transparent;
- box-shadow: none;
+.form-control-lg::-webkit-file-upload-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
}
-
-.HeaderMenu .dropdown-menu::before,
-.HeaderMenu .dropdown-menu::after {
- display: none;
+.form-control-lg::file-selector-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .dropdown-menu {
- position: absolute;
- width: 320px;
- border: 0;
- box-shadow: var(--shadow-floating-small);
- }
-
- .HeaderMenu .dropdown-menu::before,
- .HeaderMenu .dropdown-menu::after {
- content: '';
- }
-
- .HeaderMenu .dropdown-menu.dropdown-menu-wide {
- width: 520px;
- }
+.form-control-lg::-webkit-file-upload-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
}
-.HeaderMenu .dropdown-menu-s {
- transform: none;
+textarea.form-control {
+ min-height: calc(1.5em + 0.75rem + 2px);
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .dropdown-menu-s {
- transform: translateX(50%);
- }
+textarea.form-control-sm {
+ min-height: calc(1.5em + 0.5rem + 2px);
}
-
-.HeaderMenu .header-search-wrapper {
- border-color: var(--borderColor-muted);
+textarea.form-control-lg {
+ min-height: calc(1.5em + 1rem + 2px);
}
-@media (min-width: 1012px) {
- .HeaderMenu .header-search-wrapper {
- border-color: var(--headerSearch-borderColor);
- }
+.form-control-color {
+ width: 3rem;
+ height: auto;
+ padding: 0.375rem;
}
-
-@media (max-width: 1012px) {
- .HeaderMenu .header-search-wrapper {
- background-color: var(--bgColor-muted);
- }
+.form-control-color:not(:disabled):not([readonly]) {
+ cursor: pointer;
}
-
-.HeaderMenu-button {
- height: 32px;
- padding-right: var(--base-size-12) !important;
- padding-left: var(--base-size-12) !important;
- font-size: var(--h5-size);
- line-height: 1;
- align-items: center;
- justify-content: center;
+.form-control-color::-moz-color-swatch {
+ height: 1.5em;
+ border-radius: 0.25rem;
}
-
-@media screen and (max-width: 1011px) {
- .HeaderMenu-button {
- font-weight: 500;
- }
+.form-control-color::-webkit-color-swatch {
+ height: 1.5em;
+ border-radius: 0.25rem;
}
-@media screen and (max-width: 1011px) {
- .HeaderMenu-button.HeaderMenu-link--sign-up {
- height: var(--base-size-40);
- font-size: var(--h4-size) !important;
+.form-select {
+ display: block;
+ width: 100%;
+ padding: 0.375rem 2.25rem 0.375rem 0.75rem;
+ -moz-padding-start: calc(0.75rem - 3px);
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ background-color: #fff;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right 0.75rem center;
+ background-size: 16px 12px;
+ border: 1px solid #ced4da;
+ border-radius: 0.25rem;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-select {
+ transition: none;
}
}
-
-.HeaderMenu-link {
- color: var(--fgColor-default);
- white-space: nowrap;
- background: transparent;
+.form-select:focus {
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu-link:hover {
- color: var(--fgColor-default);
+.form-select[multiple],
+.form-select[size]:not([size='1']) {
+ padding-right: 0.75rem;
+ background-image: none;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-link {
- color: var(--fgColor-white);
- }
-
- .HeaderMenu-link:hover {
- color: var(--fgColor-white);
- opacity: 0.75;
- }
+.form-select:disabled {
+ background-color: #e9ecef;
}
-
-.HeaderMenu-trailing-link {
- width: 100%;
- background-color: #eaeef2;
+.form-select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 #212529;
}
-.HeaderMenu-trailing-link a {
- color: #24292f;
+.form-select-sm {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ padding-left: 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-.HeaderMenu-trailing-link a .HeaderMenu-trailing-link-icon {
- margin-left: calc(var(--base-size-2) * -1);
- transition: transform 0.2s ease-in-out;
- transform: translateX(0);
+.form-select-lg {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ padding-left: 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-.HeaderMenu-trailing-link a:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
+.form-check {
+ display: block;
+ min-height: 1.5rem;
+ padding-left: 1.5em;
+ margin-bottom: 0.125rem;
}
-
-.HeaderMenu-trailing-link a:hover .HeaderMenu-trailing-link-icon {
- transform: translateX(2px);
+.form-check .form-check-input {
+ float: left;
+ margin-left: -1.5em;
}
-@media (max-width: 1011px) {
- .HeaderMenu-trailing-link {
- background-color: transparent;
- }
+.form-check-input {
+ width: 1em;
+ height: 1em;
+ margin-top: 0.25em;
+ vertical-align: top;
+ background-color: #fff;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: contain;
+ border: 1px solid rgba(0, 0, 0, 0.25);
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ -webkit-print-color-adjust: exact;
+ color-adjust: exact;
}
-
-.HeaderMenu-item .HeaderMenu-dropdown {
- visibility: hidden;
- opacity: 0;
- transform: scale(0.99) translateY(-0.7em);
- transform-origin: top;
+.form-check-input[type='checkbox'] {
+ border-radius: 0.25em;
}
-
-.HeaderMenu-item .HeaderMenu-dropdown .HeaderMenu-column {
- min-width: 200px;
+.form-check-input[type='radio'] {
+ border-radius: 50%;
}
-
-.HeaderMenu-item:hover .HeaderMenu-dropdown,
-.HeaderMenu-item.open .HeaderMenu-dropdown {
- visibility: visible;
- opacity: 1;
- transform: scale(1) translateY(0);
+.form-check-input:active {
+ filter: brightness(90%);
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-item:hover .HeaderMenu-icon,
- .HeaderMenu-item.open .HeaderMenu-icon {
- transform: translateY(2px);
- }
+.form-check-input:focus {
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-@media (max-width: 1011px) {
- .HeaderMenu-item .HeaderMenu-dropdown {
- background-color: transparent;
- }
-
- .HeaderMenu-item .HeaderMenu-icon {
- transform: scale(1.2);
- }
-
- .HeaderMenu-item:not(.open) .HeaderMenu-dropdown {
- position: fixed !important;
- }
-
- .HeaderMenu-item:not(.open) .HeaderMenu-icon {
- transform: rotate(-90deg) scale(1.2);
- }
-
- .HeaderMenu-item .HeaderMenu-link {
- font-size: var(--h3-size);
- }
+.form-check-input:checked {
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.HeaderMenu-dropdown-link:not(:hover):not(:focus) .HeaderMenu-external-icon {
- opacity: 0;
- transform: translateX(-0.5em);
+.form-check-input:checked[type='checkbox'] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-button-separator {
- width: var(--base-size-8);
- margin: 0 var(--base-size-8);
+.form-check-input:checked[type='radio'] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-button-separator::before {
- display: block;
- width: var(--borderWidth-thin);
- height: var(--base-size-20);
- margin: var(--base-size-4);
- content: '';
- background: #57606a;
+.form-check-input[type='checkbox']:indeterminate {
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-button-muted-outline {
- border-color: #57606a !important;
+.form-check-input:disabled {
+ pointer-events: none;
+ filter: none;
+ opacity: 0.5;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-link-wrap {
- margin-right: var(--base-size-12);
- }
+.form-check-input[disabled] ~ .form-check-label,
+.form-check-input:disabled ~ .form-check-label {
+ opacity: 0.5;
}
-@media (max-width: 1011px) {
- .HeaderMktg.header-logged-out::before {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- content: '';
- background-color: var(--header-bgColor);
- opacity: 0;
- }
-
- .HeaderMktg.header-logged-out.open::before {
- opacity: 1;
- }
+.form-switch {
+ padding-left: 2.5em;
}
-
-.HeaderMenu-dropdown-link {
- line-height: 1.4;
+.form-switch .form-check-input {
+ width: 2em;
+ margin-left: -2.5em;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
+ background-position: left center;
+ border-radius: 2em;
+ transition: background-position 0.15s ease-in-out;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu-dropdown-link.Link--has-description {
- padding-top: 10px !important;
- padding-bottom: 10px !important;
+@media (prefers-reduced-motion: reduce) {
+ .form-switch .form-check-input {
+ transition: none;
}
}
-
-.HeaderMenu-dropdown-link.Link--external {
- padding-right: var(--base-size-24);
+.form-switch .form-check-input:focus {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-dropdown-link.Link--external svg {
- position: absolute;
- margin-left: var(--base-size-4);
+.form-switch .form-check-input:checked {
+ background-position: right center;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
-.server-stats,
-.global-banner {
- position: relative;
- z-index: 36;
+.form-check-inline {
+ display: inline-block;
+ margin-right: 1rem;
}
-@media (max-width: 1011px) {
- [blackbird-search-active='true'] .server-stats,
- [blackbird-search-active='true'] .global-banner {
- z-index: 0;
- }
+.btn-check {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ pointer-events: none;
+}
+.btn-check[disabled] + .btn,
+.btn-check:disabled + .btn {
+ pointer-events: none;
+ filter: none;
+ opacity: 0.65;
}
-.HeaderMenu .search-input {
+.form-range {
width: 100%;
- max-width: 320px;
+ height: 1.5rem;
+ padding: 0;
+ background-color: transparent;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
}
-
-.HeaderMenu .search-input .search-input-container {
- margin-right: 0 !important;
+.form-range:focus {
+ outline: 0;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .search-input .search-input-container {
- position: static !important;
- }
-
- .HeaderMenu .search-input .search-input-container .search-suggestions {
- position: absolute !important;
- }
+.form-range:focus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu .search-input .header-search-button svg {
- display: block;
+.form-range:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu .search-input .header-search-button [data-target='qbsearch-input.inputButtonText'] {
- padding-top: var(--base-size-2);
+.form-range::-moz-focus-outer {
+ border: 0;
}
-
-@media screen and (max-width: 1011px) {
- .HeaderMenu .search-input {
- width: 100%;
- max-width: none;
- }
-
- .HeaderMenu .search-input .search-input-container {
- height: var(--base-size-40) !important;
- margin-bottom: var(--base-size-16) !important;
- margin-left: 0 !important;
- background-color: #f9fafb !important;
- border-color: var(--borderColor-muted) !important;
- }
-
- .HeaderMenu .search-input .header-search-button {
- color: var(--fgColor-muted);
- }
-
- .HeaderMenu .search-input .FormControl-input,
- .HeaderMenu .search-input .QueryBuilder-StyledInputContent {
- font-size: 16px !important;
- }
+.form-range::-webkit-slider-thumb {
+ width: 1rem;
+ height: 1rem;
+ margin-top: -0.25rem;
+ background-color: #0d6efd;
+ border: 0;
+ border-radius: 1rem;
+ -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ -webkit-appearance: none;
+ appearance: none;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .search-input .dark-backdrop {
- margin-top: calc(var(--base-size-16) * -1);
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-webkit-slider-thumb {
+ -webkit-transition: none;
+ transition: none;
}
}
-
-.HeaderMenu .search-input .Overlay {
- width: 0;
- min-width: 0;
- max-width: 0;
- height: 0;
- min-height: 0;
- max-height: 0;
- box-shadow: none;
+.form-range::-webkit-slider-thumb:active {
+ background-color: #b6d4fe;
}
-
-.HeaderMenu .search-input .dark-backdrop {
- background: var(--overlay-backdrop-bgColor);
+.form-range::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu .search-input .dark-backdrop {
- width: 100vw;
- height: 100vh;
- margin-top: 0;
- margin-left: 0;
+.form-range::-moz-range-thumb {
+ width: 1rem;
+ height: 1rem;
+ background-color: #0d6efd;
+ border: 0;
+ border-radius: 1rem;
+ -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ -moz-appearance: none;
+ appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-moz-range-thumb {
+ -moz-transition: none;
+ transition: none;
}
}
-
-.HeaderMenu .search-input [data-target='qbsearch-input.inputButtonText'] {
+.form-range::-moz-range-thumb:active {
+ background-color: #b6d4fe;
+}
+.form-range::-moz-range-track {
width: 100%;
- margin-right: auto;
- overflow: hidden;
- text-overflow: ellipsis;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem;
}
-
-.HeaderMenu .search-input [data-target='qbsearch-input.hotkeyIndicator'] {
- margin-left: var(--base-size-8);
+.form-range:disabled {
+ pointer-events: none;
}
-
-@media (min-width: 1012px) and (max-width: 1280px) {
- .HeaderMenu .search-input {
- width: 32px;
- }
-
- .HeaderMenu .search-input .header-search-button {
- padding-left: 7px !important;
- }
-
- body:not(.header-white) .HeaderMenu .search-input .header-search-button svg {
- fill: var(--fgColor-onEmphasis);
- }
-
- .HeaderMenu .search-input:not(.expanded):hover {
- opacity: 0.75;
- }
-
- .HeaderMenu .search-input [data-target='qbsearch-input.inputButtonText'],
- .HeaderMenu .search-input [data-target='qbsearch-input.hotkeyIndicator'] {
- display: none !important;
- }
+.form-range:disabled::-webkit-slider-thumb {
+ background-color: #adb5bd;
}
-
-.HeaderMenu .search-suggestions {
- top: -10px;
- left: 0;
- width: calc(100% - var(--base-size-48)) !important;
+.form-range:disabled::-moz-range-thumb {
+ background-color: #adb5bd;
}
-@media screen and (max-width: 1011px) {
- .HeaderMenu .search-suggestions {
- top: var(--base-size-16);
- left: var(--base-size-16);
- width: calc(100% - var(--base-size-32)) !important;
- }
+.form-floating {
+ position: relative;
}
-
-.HeaderMenu .header-search {
- width: 100%;
- min-width: auto;
- max-width: none;
- margin-right: 0 !important;
- margin-bottom: 0 !important;
+.form-floating > .form-control,
+.form-floating > .form-select {
+ height: calc(3.5rem + 2px);
+ line-height: 1.25;
}
-
-.HeaderMenu .header-search-input {
- height: 38px;
+.form-floating > label {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ padding: 1rem 0.75rem;
+ pointer-events: none;
+ border: 1px solid transparent;
+ transform-origin: 0 0;
+ transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .header-search-input {
- max-width: 240px;
- height: 30px;
- padding-top: var(--base-size-8);
- padding-bottom: var(--base-size-8);
- font-size: var(--h5-size);
- -webkit-appearance: none;
+@media (prefers-reduced-motion: reduce) {
+ .form-floating > label {
+ transition: none;
}
}
-
-.HeaderMenu .header-search-input::placeholder {
- color: var(--control-fgColor-placeholder);
-}
-
-.HeaderMenu-nav {
- margin-bottom: auto;
+.form-floating > .form-control {
+ padding: 1rem 0.75rem;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-nav {
- margin-bottom: 0;
- }
+.form-floating > .form-control::-moz-placeholder {
+ color: transparent;
}
-
-.header-logo-invertocat {
- margin: -1px var(--base-size-16) -1px -2px;
- color: var(--fgColor-white);
- white-space: nowrap;
+.form-floating > .form-control::placeholder {
+ color: transparent;
}
-
-.header-logo-invertocat .octicon-mark-github {
- float: left;
+.form-floating > .form-control:not(:-moz-placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.header-logo-invertocat:hover {
- color: var(--fgColor-white);
- text-decoration: none;
+.form-floating > .form-control:focus,
+.form-floating > .form-control:not(:placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.notification-indicator .mail-status {
- position: absolute;
- top: -6px;
- left: 6px;
- display: none;
- width: 14px;
- height: 14px;
- color: var(--fgColor-white);
- background-image: linear-gradient(#54a3ff, #006eed);
- background-clip: padding-box;
- border: var(--borderWidth-thick) solid var(--header-bgColor);
- border-radius: 50%;
+.form-floating > .form-control:-webkit-autofill {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.notification-indicator .mail-status.unread {
- display: inline-block;
+.form-floating > .form-select {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.notification-indicator:hover .mail-status {
- text-decoration: none;
- background-color: var(--bgColor-accent-emphasis);
+.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
-
-.header-nav-current-user {
- padding-bottom: 0;
- font-size: inherit;
+.form-floating > .form-control:focus ~ label,
+.form-floating > .form-control:not(:placeholder-shown) ~ label,
+.form-floating > .form-select ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
-
-.header-nav-current-user .css-truncate-target {
- max-width: 100%;
+.form-floating > .form-control:-webkit-autofill ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
-.header-nav-current-user .user-profile-link {
- color: var(--fgColor-default);
+.input-group {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: stretch;
+ width: 100%;
}
-
-.unread-indicator {
- position: absolute;
- top: 0;
- left: 13px;
- z-index: 2;
- width: 14px;
- height: 14px;
- color: var(--fgColor-white);
- background-image: linear-gradient(#54a3ff, #006eed);
- background-clip: padding-box;
- border: var(--borderWidth-thick) solid var(--header-bgColor);
- border-radius: 50%;
+.input-group > .form-control,
+.input-group > .form-select {
+ position: relative;
+ flex: 1 1 auto;
+ width: 1%;
+ min-width: 0;
}
-
-.unread-indicator-container .unread-indicator {
- top: 9px;
- right: 10px;
- left: inherit;
- width: 10px;
- height: 10px;
- border: 0;
+.input-group > .form-control:focus,
+.input-group > .form-select:focus {
+ z-index: 3;
}
-
-.header-search-wrapper {
- display: table;
- width: 100%;
- max-width: 100%;
- padding: 0;
- font-size: inherit;
- font-weight: var(--base-text-weight-normal, 400);
- vertical-align: middle;
- background-color: var(--headerSearch-bgColor);
- border: var(--borderWidth-thin) solid var(--headerSearch-borderColor);
- box-shadow: none;
+.input-group .btn {
+ position: relative;
+ z-index: 2;
}
-
-@media (min-width: 1012px) {
- .header-search-wrapper {
- color: var(--fgColor-white);
- }
+.input-group .btn:focus {
+ z-index: 3;
}
-.header-search-wrapper.header-search-wrapper-jump-to.search-wrapper-suggestions-active {
- color: var(--fgColor-default);
- background-color: var(--bgColor-default);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+.input-group-text {
+ display: flex;
+ align-items: center;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #e9ecef;
+ border: 1px solid #ced4da;
+ border-radius: 0.25rem;
}
-.header-search-wrapper.focus {
- background-color: rgba(255, 255, 255, 0.175);
- box-shadow: none;
+.input-group-lg > .form-control,
+.input-group-lg > .form-select,
+.input-group-lg > .input-group-text,
+.input-group-lg > .btn {
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-.search-input.search-input-absolute {
- position: absolute;
- width: calc(100% - 180px);
+.input-group-sm > .form-control,
+.input-group-sm > .form-select,
+.input-group-sm > .input-group-text,
+.input-group-sm > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-.header-search-key-slash {
- position: absolute;
- right: var(--base-size-2);
+.input-group-lg > .form-select,
+.input-group-sm > .form-select {
+ padding-right: 3rem;
}
-.header-search-input {
- display: table-cell;
- width: 100%;
- padding-top: 0;
- padding-bottom: 0;
- font-size: inherit;
- color: inherit;
- background: none;
- border: 0;
- box-shadow: none;
+.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-
-.header-search-input::placeholder {
- color: rgba(255, 255, 255, 0.75);
+.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-
-.header-search-input:focus {
- border: 0;
- box-shadow: none;
+.input-group
+ > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(
+ .invalid-feedback
+ ) {
+ margin-left: -1px;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
}
-.header-search-input:focus ~ .header-search-key-slash {
- display: none !important;
+.valid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #198754;
}
-.header-search-input::-ms-clear {
+.valid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: 0.1rem;
+ font-size: 0.875rem;
+ color: #fff;
+ background-color: rgba(25, 135, 84, 0.9);
+ border-radius: 0.25rem;
}
-.header-search-button {
- display: table-cell;
- overflow: hidden;
- font-size: inherit;
- color: inherit;
- word-break: break-word;
- white-space: pre;
- background: none;
+.was-validated :valid ~ .valid-feedback,
+.was-validated :valid ~ .valid-tooltip,
+.is-valid ~ .valid-feedback,
+.is-valid ~ .valid-tooltip {
+ display: block;
}
-.header-search-button.input-button:focus {
- border: 0 !important;
+.was-validated .form-control:valid,
+.form-control.is-valid {
+ border-color: #198754;
+ padding-right: calc(1.5em + 0.75rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right calc(0.375em + 0.1875rem) center;
+ background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.header-search-button.input-button:focus ~ .header-search-key-slash {
- display: none !important;
+.was-validated .form-control:valid:focus,
+.form-control.is-valid:focus {
+ border-color: #198754;
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
-.header-search-button.input-button:focus-visible {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: -2px;
- box-shadow: none;
+.was-validated textarea.form-control:valid,
+textarea.form-control.is-valid {
+ padding-right: calc(1.5em + 0.75rem);
+ background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
-.header-search-button::-ms-clear {
- display: none;
+.was-validated .form-select:valid,
+.form-select.is-valid {
+ border-color: #198754;
}
-
-.Header .header-search-button,
-.header-logged-out .header-search-button {
- font-size: 14px;
+.was-validated .form-select:valid:not([multiple]):not([size]),
+.was-validated .form-select:valid:not([multiple])[size='1'],
+.form-select.is-valid:not([multiple]):not([size]),
+.form-select.is-valid:not([multiple])[size='1'] {
+ padding-right: 4.125rem;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
+ url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-position: right 0.75rem center, center right 2.25rem;
+ background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.Header .header-search-button .input-parsed-symbol,
-.header-logged-out .header-search-button .input-parsed-symbol {
- color: #58a6ff;
- background: #388bfd26;
- border-radius: 3px;
- box-shadow: 0 0 0 0.8px #388bfd26;
+.was-validated .form-select:valid:focus,
+.form-select.is-valid:focus {
+ border-color: #198754;
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
-.Header .header-search-button .pl-c1,
-.header-logged-out .header-search-button .pl-c1 {
- color: #58a6ff;
+.was-validated .form-check-input:valid,
+.form-check-input.is-valid {
+ border-color: #198754;
}
-
-.Header .header-search-button .pl-en,
-.header-logged-out .header-search-button .pl-en {
- color: #58a6ff;
+.was-validated .form-check-input:valid:checked,
+.form-check-input.is-valid:checked {
+ background-color: #198754;
}
-
-.header-search-button.placeholder {
- color: rgba(255, 255, 255, 0.75);
+.was-validated .form-check-input:valid:focus,
+.form-check-input.is-valid:focus {
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
-
-.scoped-search .header-search-wrapper {
- display: flex;
+.was-validated .form-check-input:valid ~ .form-check-label,
+.form-check-input.is-valid ~ .form-check-label {
+ color: #198754;
}
-.jump-to-field-active {
- color: var(--fgColor-default) !important;
- background-color: var(--bgColor-default);
+.form-check-inline .form-check-input ~ .valid-feedback {
+ margin-left: 0.5em;
}
-.jump-to-field-active::placeholder {
- color: var(--fgColor-muted) !important;
+.was-validated .input-group .form-control:valid,
+.input-group .form-control.is-valid,
+.was-validated .input-group .form-select:valid,
+.input-group .form-select.is-valid {
+ z-index: 1;
}
-
-.jump-to-field-active ~ .header-search-key-slash {
- display: none;
+.was-validated .input-group .form-control:valid:focus,
+.input-group .form-control.is-valid:focus,
+.was-validated .input-group .form-select:valid:focus,
+.input-group .form-select.is-valid:focus {
+ z-index: 3;
}
-.jump-to-field-active.jump-to-dropdown-visible {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+.invalid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #dc3545;
}
-.jump-to-suggestions {
+.invalid-tooltip {
+ position: absolute;
top: 100%;
- left: 0;
- z-index: 35;
- width: 100%;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: 0.1rem;
+ font-size: 0.875rem;
+ color: #fff;
+ background-color: rgba(220, 53, 69, 0.9);
+ border-radius: 0.25rem;
}
-.jump-to-suggestions-path {
- min-width: 0;
- min-height: 44px;
- color: var(--fgColor-default);
+.was-validated :invalid ~ .invalid-feedback,
+.was-validated :invalid ~ .invalid-tooltip,
+.is-invalid ~ .invalid-feedback,
+.is-invalid ~ .invalid-tooltip {
+ display: block;
}
-.jump-to-suggestions-path .jump-to-octicon {
- width: 28px;
- color: var(--fgColor-muted);
+.was-validated .form-control:invalid,
+.form-control.is-invalid {
+ border-color: #dc3545;
+ padding-right: calc(1.5em + 0.75rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right calc(0.375em + 0.1875rem) center;
+ background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.jump-to-suggestions-path .jump-to-suggestion-name {
- max-width: none;
+.was-validated .form-control:invalid:focus,
+.form-control.is-invalid:focus {
+ border-color: #dc3545;
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
-.jump-to-suggestions-path mark {
- font-weight: var(--base-text-weight-semibold, 600);
- background-color: transparent;
+.was-validated textarea.form-control:invalid,
+textarea.form-control.is-invalid {
+ padding-right: calc(1.5em + 0.75rem);
+ background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
-.jump-to-suggestions-results-container .navigation-item {
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
+.was-validated .form-select:invalid,
+.form-select.is-invalid {
+ border-color: #dc3545;
}
-
-.jump-to-suggestions-results-container .navigation-item:last-child {
- border-bottom: 0;
+.was-validated .form-select:invalid:not([multiple]):not([size]),
+.was-validated .form-select:invalid:not([multiple])[size='1'],
+.form-select.is-invalid:not([multiple]):not([size]),
+.form-select.is-invalid:not([multiple])[size='1'] {
+ padding-right: 4.125rem;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
+ url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+ background-position: right 0.75rem center, center right 2.25rem;
+ background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.jump-to-suggestions-results-container .d-on-nav-focus {
- display: none;
+.was-validated .form-select:invalid:focus,
+.form-select.is-invalid:focus {
+ border-color: #dc3545;
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
-.jump-to-suggestions-results-container [aria-selected='true'] .jump-to-octicon,
-.jump-to-suggestions-results-container .navigation-focus .jump-to-octicon {
- color: var(--fgColor-onEmphasis);
+.was-validated .form-check-input:invalid,
+.form-check-input.is-invalid {
+ border-color: #dc3545;
}
-
-.jump-to-suggestions-results-container [aria-selected='true'] .jump-to-suggestions-path,
-.jump-to-suggestions-results-container .navigation-focus .jump-to-suggestions-path {
- color: var(--fgColor-onEmphasis);
- background: var(--bgColor-accent-emphasis);
+.was-validated .form-check-input:invalid:checked,
+.form-check-input.is-invalid:checked {
+ background-color: #dc3545;
}
-
-.jump-to-suggestions-results-container [aria-selected='true'] mark,
-.jump-to-suggestions-results-container .navigation-focus mark {
- color: var(--fgColor-onEmphasis);
+.was-validated .form-check-input:invalid:focus,
+.form-check-input.is-invalid:focus {
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
-
-.jump-to-suggestions-results-container [aria-selected='true'] .d-on-nav-focus,
-.jump-to-suggestions-results-container .navigation-focus .d-on-nav-focus {
- display: block;
+.was-validated .form-check-input:invalid ~ .form-check-label,
+.form-check-input.is-invalid ~ .form-check-label {
+ color: #dc3545;
}
-.header-search {
- max-width: 100%;
- transition: 0.2s ease-in-out;
- transition-property: max-width, padding-bottom, padding-top;
+.form-check-inline .form-check-input ~ .invalid-feedback {
+ margin-left: 0.5em;
}
-@media (min-width: 768px) {
- .header-search {
- max-width: 272px;
- }
+.was-validated .input-group .form-control:invalid,
+.input-group .form-control.is-invalid,
+.was-validated .input-group .form-select:invalid,
+.input-group .form-select.is-invalid {
+ z-index: 2;
}
-
-@media (min-width: 768px) {
- .header-search:focus-within {
- max-width: 544px;
- }
+.was-validated .input-group .form-control:invalid:focus,
+.input-group .form-control.is-invalid:focus,
+.was-validated .input-group .form-select:invalid:focus,
+.input-group .form-select.is-invalid:focus {
+ z-index: 3;
}
-@media (min-width: 768px) {
- .header-search.fixed-width:focus-within {
- max-width: 272px;
+.btn {
+ display: inline-block;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ text-decoration: none;
+ vertical-align: middle;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ background-color: transparent;
+ border: 1px solid transparent;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ border-radius: 0.25rem;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .btn {
+ transition: none;
}
}
-
-.search-input {
- width: 260px;
+.btn:hover {
+ color: #212529;
}
-
-@media only screen and (max-width: 768px) {
- .search-input {
- width: 100%;
- }
-
- .search-input-container {
- margin-right: 10px !important;
- margin-bottom: 10px !important;
- margin-left: 10px !important;
- }
+.btn-check:focus + .btn,
+.btn:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.search-input.expanded {
- flex: 1;
+.btn:disabled,
+.btn.disabled,
+fieldset:disabled .btn {
+ pointer-events: none;
+ opacity: 0.65;
}
-.search-with-dialog {
- height: 32px;
- color: var(--fgColor-white);
- background-color: var(--header-bgColor);
- border: var(--borderWidth-thin) solid var(--headerSearch-borderColor);
+.btn-primary {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.search-with-dialog:hover {
- background-color: var(--headerSearch-bgColor);
+.btn-primary:hover {
+ color: #fff;
+ background-color: #0b5ed7;
+ border-color: #0a58ca;
}
-
-.search-with-dialog .input-parsed-symbol {
- color: var(--fgColor-accent);
- background-color: var(--bgColor-accent-muted);
- border-radius: 3px;
- box-shadow: 0 0 0 0.8px var(--bgColor-muted);
+.btn-check:focus + .btn-primary,
+.btn-primary:focus {
+ color: #fff;
+ background-color: #0b5ed7;
+ border-color: #0a58ca;
+ box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
+}
+.btn-check:checked + .btn-primary,
+.btn-check:active + .btn-primary,
+.btn-primary:active,
+.btn-primary.active,
+.show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #0a58ca;
+ border-color: #0a53be;
+}
+.btn-check:checked + .btn-primary:focus,
+.btn-check:active + .btn-primary:focus,
+.btn-primary:active:focus,
+.btn-primary.active:focus,
+.show > .btn-primary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
+}
+.btn-primary:disabled,
+.btn-primary.disabled {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-.create-custom-scope-form {
- margin-top: -16px;
- margin-bottom: -16px;
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
}
-
-.query-builder-container {
- padding-top: 10px;
- padding-right: 0;
- padding-left: 0;
-}
-
-.query-builder-container .QueryBuilder-StyledInput {
- width: auto;
- margin-right: var(--base-size-12, 12px);
- margin-left: var(--base-size-12, 12px);
-}
-
-.query-builder-container .QueryBuilder-sectionTitle {
- margin-left: 8px;
+.btn-secondary:hover {
+ color: #fff;
+ background-color: #5c636a;
+ border-color: #565e64;
}
-
-.query-builder-container .QueryBuilder-ListItem-trailing {
- font-size: 14px;
+.btn-check:focus + .btn-secondary,
+.btn-secondary:focus {
+ color: #fff;
+ background-color: #5c636a;
+ border-color: #565e64;
+ box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
+}
+.btn-check:checked + .btn-secondary,
+.btn-check:active + .btn-secondary,
+.btn-secondary:active,
+.btn-secondary.active,
+.show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #565e64;
+ border-color: #51585e;
+}
+.btn-check:checked + .btn-secondary:focus,
+.btn-check:active + .btn-secondary:focus,
+.btn-secondary:active:focus,
+.btn-secondary.active:focus,
+.show > .btn-secondary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
+}
+.btn-secondary:disabled,
+.btn-secondary.disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
}
-.query-builder-container .ActionListItem {
- margin-right: 8px;
- margin-left: 8px;
+.btn-success {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
}
-
-.search-feedback-prompt {
- padding-top: var(--base-size-12, 12px);
- padding-bottom: var(--base-size-12, 12px);
- border-top-color: var(--borderColor-muted);
- border-top-style: solid;
- border-top-width: var(--borderWidth-thin);
+.btn-success:hover {
+ color: #fff;
+ background-color: #157347;
+ border-color: #146c43;
}
-
-.search-suggestions {
- top: -14px;
- left: -14px;
- z-index: 35;
- width: calc(100% + 26px) !important;
- max-height: 80vh;
- padding-top: var(--base-size-12, 12px);
- border-radius: var(--borderRadius-large, 12px);
+.btn-check:focus + .btn-success,
+.btn-success:focus {
+ color: #fff;
+ background-color: #157347;
+ border-color: #146c43;
+ box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
+}
+.btn-check:checked + .btn-success,
+.btn-check:active + .btn-success,
+.btn-success:active,
+.btn-success.active,
+.show > .btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #146c43;
+ border-color: #13653f;
+}
+.btn-check:checked + .btn-success:focus,
+.btn-check:active + .btn-success:focus,
+.btn-success:active:focus,
+.btn-success.active:focus,
+.show > .btn-success.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
+}
+.btn-success:disabled,
+.btn-success.disabled {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
+}
+
+.btn-info {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-info:hover {
+ color: #000;
+ background-color: #31d2f2;
+ border-color: #25cff2;
+}
+.btn-check:focus + .btn-info,
+.btn-info:focus {
+ color: #000;
+ background-color: #31d2f2;
+ border-color: #25cff2;
+ box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+}
+.btn-check:checked + .btn-info,
+.btn-check:active + .btn-info,
+.btn-info:active,
+.btn-info.active,
+.show > .btn-info.dropdown-toggle {
+ color: #000;
+ background-color: #3dd5f3;
+ border-color: #25cff2;
+}
+.btn-check:checked + .btn-info:focus,
+.btn-check:active + .btn-info:focus,
+.btn-info:active:focus,
+.btn-info.active:focus,
+.show > .btn-info.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+}
+.btn-info:disabled,
+.btn-info.disabled {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+
+.btn-warning {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-warning:hover {
+ color: #000;
+ background-color: #ffca2c;
+ border-color: #ffc720;
+}
+.btn-check:focus + .btn-warning,
+.btn-warning:focus {
+ color: #000;
+ background-color: #ffca2c;
+ border-color: #ffc720;
+ box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
+}
+.btn-check:checked + .btn-warning,
+.btn-check:active + .btn-warning,
+.btn-warning:active,
+.btn-warning.active,
+.show > .btn-warning.dropdown-toggle {
+ color: #000;
+ background-color: #ffcd39;
+ border-color: #ffc720;
+}
+.btn-check:checked + .btn-warning:focus,
+.btn-check:active + .btn-warning:focus,
+.btn-warning:active:focus,
+.btn-warning.active:focus,
+.show > .btn-warning.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
+}
+.btn-warning:disabled,
+.btn-warning.disabled {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+
+.btn-danger {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
}
-
-.search-suggestions .header-search-input {
- overflow: hidden;
+.btn-danger:hover {
+ color: #fff;
+ background-color: #bb2d3b;
+ border-color: #b02a37;
}
-
-.search-suggestions .octicon {
- pointer-events: none;
+.btn-check:focus + .btn-danger,
+.btn-danger:focus {
+ color: #fff;
+ background-color: #bb2d3b;
+ border-color: #b02a37;
+ box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
+}
+.btn-check:checked + .btn-danger,
+.btn-check:active + .btn-danger,
+.btn-danger:active,
+.btn-danger.active,
+.show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #b02a37;
+ border-color: #a52834;
+}
+.btn-check:checked + .btn-danger:focus,
+.btn-check:active + .btn-danger:focus,
+.btn-danger:active:focus,
+.btn-danger.active:focus,
+.show > .btn-danger.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
+}
+.btn-danger:disabled,
+.btn-danger.disabled {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+
+.btn-light {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-light:hover {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+}
+.btn-check:focus + .btn-light,
+.btn-light:focus {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+ box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+}
+.btn-check:checked + .btn-light,
+.btn-check:active + .btn-light,
+.btn-light:active,
+.btn-light.active,
+.show > .btn-light.dropdown-toggle {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+}
+.btn-check:checked + .btn-light:focus,
+.btn-check:active + .btn-light:focus,
+.btn-light:active:focus,
+.btn-light.active:focus,
+.show > .btn-light.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+}
+.btn-light:disabled,
+.btn-light.disabled {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+
+.btn-dark {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
}
-
-.dark-backdrop {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 32;
- width: 120vw;
- height: 120vh;
- margin-top: -24px;
- margin-left: -80px;
- background-color: var(--overlay-backdrop-bgColor);
+.btn-dark:hover {
+ color: #fff;
+ background-color: #1c1f23;
+ border-color: #1a1e21;
}
-
-.search-query-builder .QueryBuilder-ListWrap {
- max-height: 60vh;
- padding-right: 0;
- padding-left: 0;
- overflow-y: auto;
+.btn-check:focus + .btn-dark,
+.btn-dark:focus {
+ color: #fff;
+ background-color: #1c1f23;
+ border-color: #1a1e21;
+ box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
+}
+.btn-check:checked + .btn-dark,
+.btn-check:active + .btn-dark,
+.btn-dark:active,
+.btn-dark.active,
+.show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #1a1e21;
+ border-color: #191c1f;
+}
+.btn-check:checked + .btn-dark:focus,
+.btn-check:active + .btn-dark:focus,
+.btn-dark:active:focus,
+.btn-dark.active:focus,
+.show > .btn-dark.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
+}
+.btn-dark:disabled,
+.btn-dark.disabled {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
}
-.Header .search-input {
- flex: 1;
- width: auto;
- max-width: 350px;
+.btn-outline-primary {
+ color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.Header .search-input.expanded {
- max-width: none;
+.btn-outline-primary:hover {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+}
+.btn-check:focus + .btn-outline-primary,
+.btn-outline-primary:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
+}
+.btn-check:checked + .btn-outline-primary,
+.btn-check:active + .btn-outline-primary,
+.btn-outline-primary:active,
+.btn-outline-primary.active,
+.btn-outline-primary.dropdown-toggle.show {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+}
+.btn-check:checked + .btn-outline-primary:focus,
+.btn-check:active + .btn-outline-primary:focus,
+.btn-outline-primary:active:focus,
+.btn-outline-primary.active:focus,
+.btn-outline-primary.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
+}
+.btn-outline-primary:disabled,
+.btn-outline-primary.disabled {
+ color: #0d6efd;
+ background-color: transparent;
}
-.app-banner {
- background-color: var(--header-bgColor);
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d;
}
-
-.app-banner-title {
- color: var(--header-fgColor-logo);
+.btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+.btn-check:focus + .btn-outline-secondary,
+.btn-outline-secondary:focus {
+ box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
+}
+.btn-check:checked + .btn-outline-secondary,
+.btn-check:active + .btn-outline-secondary,
+.btn-outline-secondary:active,
+.btn-outline-secondary.active,
+.btn-outline-secondary.dropdown-toggle.show {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+.btn-check:checked + .btn-outline-secondary:focus,
+.btn-check:active + .btn-outline-secondary:focus,
+.btn-outline-secondary:active:focus,
+.btn-outline-secondary.active:focus,
+.btn-outline-secondary.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
+}
+.btn-outline-secondary:disabled,
+.btn-outline-secondary.disabled {
+ color: #6c757d;
+ background-color: transparent;
}
-.app-banner-text {
- color: var(--header-fgColor-default);
+.btn-outline-success {
+ color: #198754;
+ border-color: #198754;
}
-
-.app-banner-icon {
- --icon-gradient-start-color: #171a1e;
- --icon-gradient-end-color: #060606;
- width: 32px;
- height: 32px;
- padding-top: 6px;
- padding-left: 6px;
+.btn-outline-success:hover {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
+}
+.btn-check:focus + .btn-outline-success,
+.btn-outline-success:focus {
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
+}
+.btn-check:checked + .btn-outline-success,
+.btn-check:active + .btn-outline-success,
+.btn-outline-success:active,
+.btn-outline-success.active,
+.btn-outline-success.dropdown-toggle.show {
color: #fff;
- background: var(--icon-gradient-end-color);
- background: linear-gradient(var(--icon-gradient-start-color), var(--icon-gradient-end-color));
+ background-color: #198754;
+ border-color: #198754;
+}
+.btn-check:checked + .btn-outline-success:focus,
+.btn-check:active + .btn-outline-success:focus,
+.btn-outline-success:active:focus,
+.btn-outline-success.active:focus,
+.btn-outline-success.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
+}
+.btn-outline-success:disabled,
+.btn-outline-success.disabled {
+ color: #198754;
+ background-color: transparent;
}
-.app-banner-icon .octicon {
- width: 20px;
- height: 20px;
+.btn-outline-info {
+ color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-outline-info:hover {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-check:focus + .btn-outline-info,
+.btn-outline-info:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
+}
+.btn-check:checked + .btn-outline-info,
+.btn-check:active + .btn-outline-info,
+.btn-outline-info:active,
+.btn-outline-info.active,
+.btn-outline-info.dropdown-toggle.show {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-check:checked + .btn-outline-info:focus,
+.btn-check:active + .btn-outline-info:focus,
+.btn-outline-info:active:focus,
+.btn-outline-info.active:focus,
+.btn-outline-info.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
+}
+.btn-outline-info:disabled,
+.btn-outline-info.disabled {
+ color: #0dcaf0;
+ background-color: transparent;
}
-.ActionList {
- padding: var(--base-size-8);
+.btn-outline-warning {
+ color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-outline-warning:hover {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-check:focus + .btn-outline-warning,
+.btn-outline-warning:focus {
+ box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
+}
+.btn-check:checked + .btn-outline-warning,
+.btn-check:active + .btn-outline-warning,
+.btn-outline-warning:active,
+.btn-outline-warning.active,
+.btn-outline-warning.dropdown-toggle.show {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-check:checked + .btn-outline-warning:focus,
+.btn-check:active + .btn-outline-warning:focus,
+.btn-outline-warning:active:focus,
+.btn-outline-warning.active:focus,
+.btn-outline-warning.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
+}
+.btn-outline-warning:disabled,
+.btn-outline-warning.disabled {
+ color: #ffc107;
+ background-color: transparent;
}
-.ActionList--full {
- padding: 0;
+.btn-outline-danger {
+ color: #dc3545;
+ border-color: #dc3545;
}
-
-.ActionList--subGroup {
- padding: 0;
+.btn-outline-danger:hover {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+.btn-check:focus + .btn-outline-danger,
+.btn-outline-danger:focus {
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
+}
+.btn-check:checked + .btn-outline-danger,
+.btn-check:active + .btn-outline-danger,
+.btn-outline-danger:active,
+.btn-outline-danger.active,
+.btn-outline-danger.dropdown-toggle.show {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+.btn-check:checked + .btn-outline-danger:focus,
+.btn-check:active + .btn-outline-danger:focus,
+.btn-outline-danger:active:focus,
+.btn-outline-danger.active:focus,
+.btn-outline-danger.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
+}
+.btn-outline-danger:disabled,
+.btn-outline-danger.disabled {
+ color: #dc3545;
+ background-color: transparent;
}
-.ActionList--divided .ActionList-item-label::before {
- position: absolute;
- top: -6px;
- display: block;
- width: 100%;
- height: 1px;
- content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+.btn-outline-light {
+ color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-outline-light:hover {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-check:focus + .btn-outline-light,
+.btn-outline-light:focus {
+ box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
+}
+.btn-check:checked + .btn-outline-light,
+.btn-check:active + .btn-outline-light,
+.btn-outline-light:active,
+.btn-outline-light.active,
+.btn-outline-light.dropdown-toggle.show {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-check:checked + .btn-outline-light:focus,
+.btn-check:active + .btn-outline-light:focus,
+.btn-outline-light:active:focus,
+.btn-outline-light.active:focus,
+.btn-outline-light.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
+}
+.btn-outline-light:disabled,
+.btn-outline-light.disabled {
+ color: #f8f9fa;
+ background-color: transparent;
}
-.ActionList--divided .ActionList-item-descriptionWrap--inline::before {
- position: absolute;
- top: -6px;
- display: block;
- width: 100%;
- height: var(--borderWidth-thin);
- content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+.btn-outline-dark {
+ color: #212529;
+ border-color: #212529;
}
-
-.ActionList--divided .ActionList-item-descriptionWrap--inline .ActionList-item-label::before {
- content: unset;
+.btn-outline-dark:hover {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+.btn-check:focus + .btn-outline-dark,
+.btn-outline-dark:focus {
+ box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
+}
+.btn-check:checked + .btn-outline-dark,
+.btn-check:active + .btn-outline-dark,
+.btn-outline-dark:active,
+.btn-outline-dark.active,
+.btn-outline-dark.dropdown-toggle.show {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+.btn-check:checked + .btn-outline-dark:focus,
+.btn-check:active + .btn-outline-dark:focus,
+.btn-outline-dark:active:focus,
+.btn-outline-dark.active:focus,
+.btn-outline-dark.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
+}
+.btn-outline-dark:disabled,
+.btn-outline-dark.disabled {
+ color: #212529;
+ background-color: transparent;
}
-.ActionList--divided .ActionList-item--navActive .ActionList-item-label::before,
-.ActionList--divided .ActionList-item--navActive + .ActionList-item .ActionList-item-label::before {
- visibility: hidden;
+.btn-link {
+ font-weight: 400;
+ color: #0d6efd;
+ text-decoration: underline;
}
-
-.ActionList-item:first-of-type .ActionList-item-label::before,
-.ActionList-sectionDivider + .ActionList-item .ActionList-item-label::before {
- visibility: hidden;
+.btn-link:hover {
+ color: #0a58ca;
}
-
-.ActionList-item:first-of-type .ActionList-item-descriptionWrap--inline::before,
-.ActionList-sectionDivider + .ActionList-item .ActionList-item-descriptionWrap--inline::before {
- visibility: hidden;
+.btn-link:disabled,
+.btn-link.disabled {
+ color: #6c757d;
}
-.ActionList--tree {
- --ActionList-tree-depth: 1;
+.btn-lg,
+.btn-group-lg > .btn {
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-.ActionList--tree .ActionList-item--subItem > .ActionList-content {
- font-size: 14px;
+.btn-sm,
+.btn-group-sm > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-.ActionList--tree .ActionList-item.ActionList-item--singleton .ActionList-content {
- padding-left: var(--base-size-32);
+.fade {
+ transition: opacity 0.15s linear;
}
-
-.ActionList--tree .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .fade {
+ transition: none;
+ }
}
-
-.ActionList--tree .ActionList-content[aria-expanded] + .ActionList--subGroup {
- position: relative;
+.fade:not(.show) {
+ opacity: 0;
}
-.ActionList--tree .ActionList-content[aria-expanded] + .ActionList--subGroup .ActionList-content {
- padding-left: calc(8px * var(--ActionList-tree-depth));
+.collapse:not(.show) {
+ display: none;
}
-.ActionList--tree .ActionList-content[aria-expanded='true'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: rotate(0deg);
+.collapsing {
+ height: 0;
+ overflow: hidden;
+ transition: height 0.35s ease;
}
-
-.ActionList--tree
- .ActionList-content[aria-expanded='true'].ActionList-content--hasActiveSubItem
- > .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .collapsing {
+ transition: none;
+ }
}
-
-.ActionList--tree .ActionList-content[aria-expanded='false'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: rotate(-90deg);
+.collapsing.collapse-horizontal {
+ width: 0;
+ height: auto;
+ transition: width 0.35s ease;
}
-
-.ActionList--tree
- .ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem
- > .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .collapsing.collapse-horizontal {
+ transition: none;
+ }
}
-.ActionList--tree
- .ActionList-item--hasSubItem
- .ActionList-item--subItem:not(.ActionList-item--hasSubItem)
- .ActionList-content
- > span:first-child {
- padding-left: var(--base-size-24);
+.dropup,
+.dropend,
+.dropdown,
+.dropstart {
+ position: relative;
}
-.ActionList--tree > [aria-level='1'].ActionList-item--hasSubItem > .ActionList--subGroup::before {
- position: absolute;
- left: 16px;
- width: 1px;
- height: 100%;
- content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+.dropdown-toggle {
+ white-space: nowrap;
}
-
-.ActionList--tree .ActionList-item--hasSubItem:not([aria-level='1']) > .ActionList--subGroup::before {
- position: absolute;
- left: calc(8px * (var(--ActionList-tree-depth)) + 7px);
- width: 1px;
- height: 100%;
+.dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+ border-top: 0.3em solid;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0;
+ border-left: 0.3em solid transparent;
+}
+.dropdown-toggle:empty::after {
+ margin-left: 0;
}
-.ActionList-item {
- position: relative;
+.dropdown-menu {
+ position: absolute;
+ z-index: 1000;
+ display: none;
+ min-width: 10rem;
+ padding: 0.5rem 0;
+ margin: 0;
+ font-size: 1rem;
+ color: #212529;
+ text-align: left;
list-style: none;
- background-color: transparent;
- border-radius: var(--borderRadius-medium);
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0.25rem;
}
-
-.ActionList-item:hover,
-.ActionList-item:active {
- cursor: pointer;
+.dropdown-menu[data-bs-popper] {
+ top: 100%;
+ left: 0;
+ margin-top: 0.125rem;
}
-@media (hover: hover) {
- .ActionList-item:not(.ActionList-item--hasSubItem):hover,
- .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover {
- cursor: pointer;
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
-
- .ActionList-item:not(.ActionList-item--hasSubItem):hover:not(.ActionList-item--navActive):not(:focus-visible),
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover:not(.ActionList-item--navActive):not(:focus-visible) {
- outline: solid var(--borderWidth-thin) transparent;
- outline-offset: -var(--borderWidth-thin);
- box-shadow: inset 0 0 0 var(--borderWidth-thin)
- var(--control-transparent-borderColor-active, var(--color-action-list-item-default-active-border));
- }
+.dropdown-menu-start {
+ --bs-position: start;
}
-
-.ActionList-item:not(.ActionList-item--hasSubItem):active,
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active {
- background: var(--control-transparent-bgColor-active, var(--color-action-list-item-default-active-bg));
+.dropdown-menu-start[data-bs-popper] {
+ right: auto;
+ left: 0;
}
-.ActionList-item:not(.ActionList-item--hasSubItem):active:not(.ActionList-item--navActive),
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active:not(.ActionList-item--navActive) {
- outline: solid var(--borderWidth-thin) transparent;
- outline-offset: -var(--borderWidth-thin);
- box-shadow: inset 0 0 0 var(--borderWidth-thin)
- var(--control-transparent-borderColor-active, var(--color-action-list-item-default-active-border));
+.dropdown-menu-end {
+ --bs-position: end;
+}
+.dropdown-menu-end[data-bs-popper] {
+ right: 0;
+ left: auto;
}
-@media (hover: hover) {
- .ActionList-item:not(.ActionList-item--hasSubItem):hover .ActionList-item-label::before,
- .ActionList-item:not(.ActionList-item--hasSubItem):hover + .ActionList-item .ActionList-item-label::before,
- .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover .ActionList-item-label::before,
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover
- + .ActionList-item
- .ActionList-item-label::before {
- visibility: hidden;
+@media (min-width: 576px) {
+ .dropdown-menu-sm-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-sm-start[data-bs-popper] {
+ right: auto;
+ left: 0;
}
- .ActionList-item:not(.ActionList-item--hasSubItem):hover .ActionList-item-descriptionWrap--inline::before,
- .ActionList-item:not(.ActionList-item--hasSubItem):hover
- + .ActionList-item
- .ActionList-item-descriptionWrap--inline::before,
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover
- .ActionList-item-descriptionWrap--inline::before,
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover
- + .ActionList-item
- .ActionList-item-descriptionWrap--inline::before {
- visibility: hidden;
+ .dropdown-menu-sm-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-sm-end[data-bs-popper] {
+ right: 0;
+ left: auto;
}
}
+@media (min-width: 768px) {
+ .dropdown-menu-md-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-md-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-.ActionList-item:not(.ActionList-item--hasSubItem):active .ActionList-item-label::before,
-.ActionList-item:not(.ActionList-item--hasSubItem):active + .ActionList-item .ActionList-item-label::before,
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active .ActionList-item-label::before,
-.ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:active
- + .ActionList-item
- .ActionList-item-label::before {
- visibility: hidden;
+ .dropdown-menu-md-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-md-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
}
+@media (min-width: 992px) {
+ .dropdown-menu-lg-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-lg-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content {
- z-index: 1;
+ .dropdown-menu-lg-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-lg-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
}
+@media (min-width: 1200px) {
+ .dropdown-menu-xl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-@media (hover: hover) {
- .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
+ .dropdown-menu-xl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
}
}
+@media (min-width: 1400px) {
+ .dropdown-menu-xxl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xxl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active {
- background-color: var(--control-transparent-bgColor-active, var(--color-action-list-item-default-active-bg));
+ .dropdown-menu-xxl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xxl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
}
-
-.ActionList-item[hidden] + .ActionList-sectionDivider {
- display: none;
+.dropup .dropdown-menu[data-bs-popper] {
+ top: auto;
+ bottom: 100%;
+ margin-top: 0;
+ margin-bottom: 0.125rem;
}
-
-.ActionList-item[aria-selected='true'] {
- font-weight: var(--base-text-weight-normal, 400);
- background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
+.dropup .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: '';
+ border-top: 0;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0.3em solid;
+ border-left: 0.3em solid transparent;
}
-
-@media (hover: hover) {
- .ActionList-item[aria-selected='true']:hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
+.dropup .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-.ActionList-item[aria-selected='true']::before,
-.ActionList-item[aria-selected='true'] + .ActionList-item::before {
- visibility: hidden;
+.dropend .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: auto;
+ left: 100%;
+ margin-top: 0;
+ margin-left: 0.125rem;
}
-
-.ActionList-item[aria-selected='true']::after {
- position: absolute;
- top: calc(50% - var(--base-size-12));
- left: -4px;
- width: var(--base-size-4);
- height: var(--base-size-24);
+.dropend .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-fg));
- border-radius: var(--borderRadius-medium);
+ border-top: 0.3em solid transparent;
+ border-right: 0;
+ border-bottom: 0.3em solid transparent;
+ border-left: 0.3em solid;
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+.dropend .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) {
- background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
+.dropend .dropdown-toggle::after {
+ vertical-align: 0;
}
-@media (hover: hover) {
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
+.dropstart .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: 100%;
+ left: auto;
+ margin-top: 0;
+ margin-right: 0.125rem;
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::before,
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) + .ActionList-item::before {
- visibility: hidden;
+.dropstart .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: '';
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::after {
- position: absolute;
- top: calc(50% - var(--base-size-12));
- left: -var(--base-size-8);
- width: var(--base-size-4);
- height: var(--base-size-24);
+.dropstart .dropdown-toggle::after {
+ display: none;
+}
+.dropstart .dropdown-toggle::before {
+ display: inline-block;
+ margin-right: 0.255em;
+ vertical-align: 0.255em;
content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-fg));
- border-radius: var(--borderRadius-medium);
+ border-top: 0.3em solid transparent;
+ border-right: 0.3em solid;
+ border-bottom: 0.3em solid transparent;
}
-
-.ActionList-item[aria-checked='true'] .ActionList-item-multiSelectCheckmark,
-.ActionList-item[aria-selected='true'] .ActionList-item-multiSelectCheckmark {
- visibility: visible;
- opacity: 1;
- transition: visibility 0 linear 0, opacity 50ms;
+.dropstart .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-
-.ActionList-item[aria-checked='true'] .ActionList-item-singleSelectCheckmark,
-.ActionList-item[aria-selected='true'] .ActionList-item-singleSelectCheckmark {
- visibility: visible;
+.dropstart .dropdown-toggle::before {
+ vertical-align: 0;
}
-@media screen and (prefers-reduced-motion: no-preference) {
- .ActionList-item[aria-checked='true'] .ActionList-item-singleSelectCheckmark,
- .ActionList-item[aria-selected='true'] .ActionList-item-singleSelectCheckmark {
- animation: checkmarkIn 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;
- }
+.dropdown-divider {
+ height: 0;
+ margin: 0.5rem 0;
+ overflow: hidden;
+ border-top: 1px solid rgba(0, 0, 0, 0.15);
}
-.ActionList-item[aria-checked='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,
-.ActionList-item[aria-selected='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect {
- fill: var(--fgColor-accent, var(--color-accent-fg));
- stroke: var(--fgColor-accent, var(--color-accent-fg));
- stroke-width: var(--borderWidth-thin);
+.dropdown-item {
+ display: block;
+ width: 100%;
+ padding: 0.25rem 1rem;
+ clear: both;
+ font-weight: 400;
+ color: #212529;
+ text-align: inherit;
+ text-decoration: none;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 0;
}
-
-.ActionList-item[aria-checked='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark,
-.ActionList-item[aria-selected='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark {
- fill: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
+.dropdown-item:hover,
+.dropdown-item:focus {
+ color: #1e2125;
+ background-color: #e9ecef;
}
-
-.ActionList-item[aria-checked='false'] .ActionList-item-multiSelectCheckmark,
-.ActionList-item[aria-selected='false'] .ActionList-item-multiSelectCheckmark {
- visibility: hidden;
- opacity: 0;
- transition: visibility 0 linear 50ms, opacity 50ms;
+.dropdown-item.active,
+.dropdown-item:active {
+ color: #fff;
+ text-decoration: none;
+ background-color: #0d6efd;
}
-
-.ActionList-item[aria-checked='false'] .ActionList-item-singleSelectCheckmark,
-.ActionList-item[aria-selected='false'] .ActionList-item-singleSelectCheckmark {
- visibility: hidden;
- transition: visibility 0s linear 200ms;
- clip-path: inset(16px 0 0 0);
+.dropdown-item.disabled,
+.dropdown-item:disabled {
+ color: #adb5bd;
+ pointer-events: none;
+ background-color: transparent;
}
-@media screen and (prefers-reduced-motion: no-preference) {
- .ActionList-item[aria-checked='false'] .ActionList-item-singleSelectCheckmark,
- .ActionList-item[aria-selected='false'] .ActionList-item-singleSelectCheckmark {
- animation: checkmarkOut 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;
- }
+.dropdown-menu.show {
+ display: block;
}
-.ActionList-item[aria-checked='false'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,
-.ActionList-item[aria-selected='false'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect {
- fill: var(--bgColor-default, var(--color-canvas-default));
- stroke: var(--borderColor-default, var(--color-border-default));
- stroke-width: var(--borderWidth-thin);
+.dropdown-header {
+ display: block;
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ font-size: 0.875rem;
+ color: #6c757d;
+ white-space: nowrap;
}
-.ActionList-item[aria-checked='false'] .ActionList-item-multiSelectIconRect,
-.ActionList-item[aria-selected='false'] .ActionList-item-multiSelectIconRect {
- fill: var(--bgColor-default, var(--color-canvas-default));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.dropdown-item-text {
+ display: block;
+ padding: 0.25rem 1rem;
+ color: #212529;
}
-@keyframes checkmarkIn {
- from {
- clip-path: inset(16px 0 0 0);
- }
-
- to {
- clip-path: inset(0 0 0 0);
- }
+.dropdown-menu-dark {
+ color: #dee2e6;
+ background-color: #343a40;
+ border-color: rgba(0, 0, 0, 0.15);
}
-
-@keyframes checkmarkOut {
- from {
- clip-path: inset(0 0 0 0);
- }
-
- to {
- clip-path: inset(16px 0 0 0);
- }
+.dropdown-menu-dark .dropdown-item {
+ color: #dee2e6;
}
-
-.ActionList-item[aria-disabled='true'] .ActionList-content .ActionList-item-label,
-.ActionList-item[aria-disabled='true'] .ActionList-content .ActionList-item-description {
- color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.dropdown-menu-dark .dropdown-item:hover,
+.dropdown-menu-dark .dropdown-item:focus {
+ color: #fff;
+ background-color: rgba(255, 255, 255, 0.15);
}
-
-.ActionList-item[aria-disabled='true'] .ActionList-content .ActionList-item-visual {
- fill: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.dropdown-menu-dark .dropdown-item.active,
+.dropdown-menu-dark .dropdown-item:active {
+ color: #fff;
+ background-color: #0d6efd;
}
-
-@media (hover: hover) {
- .ActionList-item[aria-disabled='true']:hover {
- cursor: not-allowed;
- background-color: transparent;
- }
+.dropdown-menu-dark .dropdown-item.disabled,
+.dropdown-menu-dark .dropdown-item:disabled {
+ color: #adb5bd;
}
-
-.ActionList-item.ActionList-item--danger .ActionList-item-label {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.dropdown-menu-dark .dropdown-divider {
+ border-color: rgba(0, 0, 0, 0.15);
}
-
-.ActionList-item.ActionList-item--danger .ActionList-item-visual {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.dropdown-menu-dark .dropdown-item-text {
+ color: #dee2e6;
}
-
-@media (hover: hover) {
- .ActionList-item.ActionList-item--danger:hover {
- background: var(--control-danger-bgColor-hover, var(--color-action-list-item-danger-hover-bg));
- }
-
- .ActionList-item.ActionList-item--danger:hover .ActionList-item-label {
- color: var(--control-danger-fgColor-hover, var(--color-action-list-item-danger-hover-text));
- }
+.dropdown-menu-dark .dropdown-header {
+ color: #adb5bd;
}
-.ActionList-item.ActionList-item--danger .ActionList-content:active {
- background: var(--control-danger-bgColor-active, var(--color-action-list-item-danger-active-bg));
-}
-
-.ActionList-item .ActionList {
- padding: unset;
-}
-
-.ActionList-content {
+.btn-group,
+.btn-group-vertical {
position: relative;
- display: grid;
- width: 100%;
- padding: 6px var(--base-size-8);
- font-size: 14px;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-default, var(--color-fg-default));
- text-align: left;
- -webkit-user-select: none;
- user-select: none;
- background-color: transparent;
- border: none;
- border-radius: var(--borderRadius-medium);
- transition: background 33.333ms linear;
- touch-action: manipulation;
- touch-action: manipulation;
- -webkit-tap-highlight-color: transparent;
- grid-template-rows: min-content;
- grid-template-areas: 'leadingAction leadingVisual label trailingVisual trailingAction';
- grid-template-columns: min-content min-content minmax(0, auto) min-content min-content;
- align-items: start;
+ display: inline-flex;
+ vertical-align: middle;
}
-
-.ActionList-content > :not(:last-child) {
- margin-right: var(--base-size-8);
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+ position: relative;
+ flex: 1 1 auto;
}
-
-.ActionList-content:hover {
- text-decoration: none;
+.btn-group > .btn-check:checked + .btn,
+.btn-group > .btn-check:focus + .btn,
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn-check:checked + .btn,
+.btn-group-vertical > .btn-check:focus + .btn,
+.btn-group-vertical > .btn:hover,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+ z-index: 1;
}
-.ActionList-content:focus {
- outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
- outline-offset: -2px;
- box-shadow: none;
+.btn-toolbar {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
}
-
-.ActionList-content:focus:not(:focus-visible) {
- outline: solid 1px transparent;
+.btn-toolbar .input-group {
+ width: auto;
}
-.ActionList-content:focus-visible {
- outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
- outline-offset: -2px;
- box-shadow: none;
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) {
+ margin-left: -1px;
}
-
-.ActionList-content[aria-disabled='true'] .ActionList-item-label,
-.ActionList-content[aria-disabled='true'] .ActionList-item-description {
- color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn-group:not(:last-child) > .btn {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-
-.ActionList-content[aria-disabled='true'] .ActionList-item-visual {
- fill: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.btn-group > .btn:nth-child(n + 3),
+.btn-group > :not(.btn-check) + .btn,
+.btn-group > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
}
-@media (hover: hover) {
- .ActionList-content[aria-disabled='true']:hover {
- cursor: not-allowed;
- background-color: transparent;
- }
+.dropdown-toggle-split {
+ padding-right: 0.5625rem;
+ padding-left: 0.5625rem;
}
-
-@media screen and (prefers-reduced-motion: no-preference) {
- .ActionList-content[aria-expanded] + .ActionList--subGroup {
- transition: opacity 160ms cubic-bezier(0.25, 1, 0.5, 1), transform 160ms cubic-bezier(0.25, 1, 0.5, 1);
- }
+.dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after,
+.dropend .dropdown-toggle-split::after {
+ margin-left: 0;
}
-
-.ActionList-content[aria-expanded] + .ActionList--subGroup .ActionList-content {
- padding-left: var(--base-size-24);
+.dropstart .dropdown-toggle-split::before {
+ margin-right: 0;
}
-.ActionList-content[aria-expanded].ActionList-content--visual16 + .ActionList--subGroup .ActionList-content {
- padding-left: var(--base-size-32);
+.btn-sm + .dropdown-toggle-split,
+.btn-group-sm > .btn + .dropdown-toggle-split {
+ padding-right: 0.375rem;
+ padding-left: 0.375rem;
}
-.ActionList-content[aria-expanded].ActionList-content--visual20 + .ActionList--subGroup .ActionList-content {
- padding-left: 36px;
+.btn-lg + .dropdown-toggle-split,
+.btn-group-lg > .btn + .dropdown-toggle-split {
+ padding-right: 0.75rem;
+ padding-left: 0.75rem;
}
-.ActionList-content[aria-expanded].ActionList-content--visual24 + .ActionList--subGroup .ActionList-content {
- padding-left: var(--base-size-40);
+.btn-group-vertical {
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center;
}
-
-.ActionList-content[aria-expanded='true'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: scaleY(-1);
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
+ width: 100%;
}
-
-.ActionList-content[aria-expanded='true'] + .ActionList--subGroup {
- height: auto;
- overflow: visible;
- visibility: visible;
- opacity: 1;
- transform: translateY(0);
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) {
+ margin-top: -1px;
}
-
-.ActionList-content[aria-expanded='true'].ActionList-content--hasActiveSubItem > .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
}
-
-.ActionList-content[aria-expanded='false'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: scaleY(1);
+.btn-group-vertical > .btn ~ .btn,
+.btn-group-vertical > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
}
-.ActionList-content[aria-expanded='false'] + .ActionList--subGroup {
- height: 0;
- overflow: hidden;
- visibility: hidden;
- opacity: 0;
- transform: translateY(calc(var(--base-size-16) * -1));
+.nav {
+ display: flex;
+ flex-wrap: wrap;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
}
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem {
- background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
+.nav-link {
+ display: block;
+ padding: 0.5rem 1rem;
+ color: #0d6efd;
+ text-decoration: none;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
-
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+@media (prefers-reduced-motion: reduce) {
+ .nav-link {
+ transition: none;
+ }
}
-
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem::before,
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem + .ActionList-item::before {
- visibility: hidden;
+.nav-link:hover,
+.nav-link:focus {
+ color: #0a58ca;
}
-
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem::after {
- position: absolute;
- top: calc(50% - var(--base-size-12));
- left: -var(--base-size-8);
- width: var(--base-size-4);
- height: var(--base-size-24);
- content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-fg));
- border-radius: var(--borderRadius-medium);
+.nav-link.disabled {
+ color: #6c757d;
+ pointer-events: none;
+ cursor: default;
}
-.ActionList-content.ActionList-content--sizeMedium {
- padding: 10px var(--base-size-8);
+.nav-tabs {
+ border-bottom: 1px solid #dee2e6;
}
-
-.ActionList-content.ActionList-content--sizeLarge {
- padding: 14px var(--base-size-8);
+.nav-tabs .nav-link {
+ margin-bottom: -1px;
+ background: none;
+ border: 1px solid transparent;
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
}
-
-.ActionList-content.ActionList-content--fontSmall {
- font-size: 12px;
+.nav-tabs .nav-link:hover,
+.nav-tabs .nav-link:focus {
+ border-color: #e9ecef #e9ecef #dee2e6;
+ isolation: isolate;
}
-
-@media (pointer: coarse) {
- .ActionList-content {
- padding: 14px var(--base-size-8);
- }
+.nav-tabs .nav-link.disabled {
+ color: #6c757d;
+ background-color: transparent;
+ border-color: transparent;
}
-
-.ActionList-content.ActionList-content--blockDescription .ActionList-item-visual {
- place-self: start;
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+ color: #495057;
+ background-color: #fff;
+ border-color: #dee2e6 #dee2e6 #fff;
}
-
-.ActionList-item-action--leading {
- grid-area: leadingAction;
+.nav-tabs .dropdown-menu {
+ margin-top: -1px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
}
-.ActionList-item-visual--leading {
- grid-area: leadingVisual;
+.nav-pills .nav-link {
+ background: none;
+ border: 0;
+ border-radius: 0.25rem;
}
-
-.ActionList-item-label {
- grid-area: label;
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+ color: #fff;
+ background-color: #0d6efd;
}
-.ActionList-item-visual--trailing {
- grid-area: trailingVisual;
+.nav-fill > .nav-link,
+.nav-fill .nav-item {
+ flex: 1 1 auto;
+ text-align: center;
}
-.ActionList-item-action--trailing {
- grid-area: trailingAction;
+.nav-justified > .nav-link,
+.nav-justified .nav-item {
+ flex-basis: 0;
+ flex-grow: 1;
+ text-align: center;
}
-.ActionList-item-descriptionWrap {
- grid-area: label;
- display: flex;
- flex-direction: column;
+.nav-fill .nav-item .nav-link,
+.nav-justified .nav-item .nav-link {
+ width: 100%;
}
-.ActionList-item-descriptionWrap .ActionList-item-description {
- margin-top: var(--base-size-4);
+.tab-content > .tab-pane {
+ display: none;
}
-
-.ActionList-item-descriptionWrap .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+.tab-content > .active {
+ display: block;
}
-.ActionList-item-descriptionWrap--inline {
+.navbar {
position: relative;
- flex-direction: row;
- align-items: baseline;
-}
-
-.ActionList-item-descriptionWrap--inline .ActionList-item-description {
- margin-left: var(--base-size-8);
-}
-
-.ActionList-item-description {
- font-size: 12px;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1.5;
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.ActionList-item-visual,
-.ActionList-item-action {
display: flex;
- min-height: 20px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- pointer-events: none;
- fill: var(--fgColor-muted, var(--color-fg-muted));
+ flex-wrap: wrap;
align-items: center;
+ justify-content: space-between;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+.navbar > .container,
+.navbar > .container-fluid,
+.navbar > .container-sm,
+.navbar > .container-md,
+.navbar > .container-lg,
+.navbar > .container-xl,
+.navbar > .container-xxl {
+ display: flex;
+ flex-wrap: inherit;
+ align-items: center;
+ justify-content: space-between;
}
-
-.ActionList-item-label {
- position: relative;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 20px;
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.ActionList-item-label--truncate {
- overflow: hidden;
- text-overflow: ellipsis;
+.navbar-brand {
+ padding-top: 0.3125rem;
+ padding-bottom: 0.3125rem;
+ margin-right: 1rem;
+ font-size: 1.25rem;
+ text-decoration: none;
white-space: nowrap;
}
-
-.ActionList-item--subItem > .ActionList-content {
- font-size: 12px;
-}
-
-.ActionList-sectionDivider:not(:empty) {
+.navbar-nav {
display: flex;
- padding: 6px 8px;
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
flex-direction: column;
-}
-
-.ActionList-sectionDivider:empty {
- display: block;
- height: 1px;
- padding: 0;
- margin: 7px -8px 8px;
+ padding-left: 0;
+ margin-bottom: 0;
list-style: none;
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
- border: 0;
-}
-
-.ActionList-sectionDivider .ActionList-sectionDivider-title {
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.ActionList-sectionDivider--filled {
- margin: 8px -8px;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-action-list-item-inline-divider));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-action-list-item-inline-divider));
-}
-
-.ActionList-sectionDivider--filled:empty {
- height: var(--base-size-8);
- box-sizing: border-box;
}
-
-.ActionList-sectionDivider--filled:first-child {
- margin-top: 0;
-}
-
-.boxed-group {
- position: relative;
- margin-bottom: 30px;
- border-radius: var(--borderRadius-medium);
+.navbar-nav .nav-link {
+ padding-right: 0;
+ padding-left: 0;
}
-
-.boxed-group .Counter {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-neutral-emphasis, var(--color-neutral-emphasis));
+.navbar-nav .dropdown-menu {
+ position: static;
}
-.boxed-group.flush .boxed-group-inner {
- padding: 0;
+.navbar-text {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
}
-.boxed-group.condensed .boxed-group-inner {
- padding: 0;
- font-size: 12px;
+.navbar-collapse {
+ flex-basis: 100%;
+ flex-grow: 1;
+ align-items: center;
}
-.boxed-group > h3,
-.boxed-group .heading {
- display: block;
- padding: 9px 10px 10px;
- margin: 0;
- font-size: 14px;
- line-height: 17px;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-bottom: 0;
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.navbar-toggler {
+ padding: 0.25rem 0.75rem;
+ font-size: 1.25rem;
+ line-height: 1;
+ background-color: transparent;
+ border: 1px solid transparent;
+ border-radius: 0.25rem;
+ transition: box-shadow 0.15s ease-in-out;
}
-
-.boxed-group > h3 a,
-.boxed-group .heading a {
- color: inherit;
+@media (prefers-reduced-motion: reduce) {
+ .navbar-toggler {
+ transition: none;
+ }
}
-
-.boxed-group > h3 a.boxed-group-breadcrumb,
-.boxed-group .heading a.boxed-group-breadcrumb {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.navbar-toggler:hover {
text-decoration: none;
}
-
-.boxed-group > h3 .avatar,
-.boxed-group .heading .avatar {
- margin-top: calc(var(--base-size-4) * -1);
-}
-
-.boxed-group .tabnav.heading {
- padding: 0;
-}
-
-.boxed-group .tabnav.heading .tabnav-tab.selected {
- border-top: 0;
-}
-
-.boxed-group .tabnav.heading li:first-child .selected {
- border-left-color: var(--bgColor-default, var(--color-canvas-default));
- border-top-left-radius: var(--borderRadius-medium);
-}
-
-.boxed-group .tabnav-tab {
- border-top: 0;
- border-radius: 0;
-}
-
-.boxed-group code.heading {
- font-size: 12px;
-}
-
-.boxed-group.dangerzone > h3 {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-danger-emphasis, var(--color-danger-emphasis));
- border: var(--borderWidth-thin) solid var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
-}
-
-.boxed-group.dangerzone .boxed-group-inner {
- border-top: 0;
-}
-
-.boxed-group.condensed > h3 {
- padding: 6px 6px 7px;
- font-size: 12px;
-}
-
-.boxed-group.condensed > h3 .octicon {
- padding: 0 6px 0 2px;
-}
-
-.dashboard-sidebar .boxed-group {
- margin-bottom: var(--base-size-20);
+.navbar-toggler:focus {
+ text-decoration: none;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem;
}
-.boxed-group .bleed-flush {
- width: 100%;
- padding: 0 10px;
- margin-left: -10px;
+.navbar-toggler-icon {
+ display: inline-block;
+ width: 1.5em;
+ height: 1.5em;
+ vertical-align: middle;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 100%;
}
-.boxed-group .compact {
- margin-top: 10px;
- margin-bottom: 10px;
+.navbar-nav-scroll {
+ max-height: var(--bs-scroll-height, 75vh);
+ overflow-y: auto;
}
-.boxed-group-inner {
- padding: 10px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- background: var(--bgColor-default, var(--color-canvas-default));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+@media (min-width: 576px) {
+ .navbar-expand-sm {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-sm .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-sm .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-sm .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-sm .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-sm .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-sm .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-sm .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-sm .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-sm .offcanvas-top,
+ .navbar-expand-sm .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-sm .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.boxed-group-inner .markdown-body {
- padding: var(--base-size-20) 10px 10px;
- font-size: 13px;
+@media (min-width: 768px) {
+ .navbar-expand-md {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-md .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-md .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-md .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-md .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-md .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-md .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-md .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-md .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-md .offcanvas-top,
+ .navbar-expand-md .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-md .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.boxed-group-inner.markdown-body {
- padding-top: 10px;
- padding-bottom: 10px;
-}
-
-.boxed-group-inner.seamless {
- padding: 0;
-}
-
-.boxed-group-inner .tabnav {
- padding-right: 10px;
- padding-left: 10px;
- margin-right: -10px;
- margin-left: -10px;
-}
-
-.boxed-group-inner .tabnav-tab.selected {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
-}
-
-.boxed-action {
- float: right;
- margin-left: 10px;
-}
-
-.boxed-action .boxed-action {
- float: none;
- margin-left: 0;
-}
-
-.boxed-group-action {
- position: relative;
- z-index: 2;
- float: right;
- margin: 5px 10px 0 0;
-}
-
-.boxed-group-action.flush {
- margin-top: 0;
- margin-right: 0;
-}
-
-.field-with-errors {
- display: inline;
-}
-
-.boxed-group-list {
- margin: 0;
- list-style: none;
-}
-
-.boxed-group-list:first-child > li:first-child {
- border-top: 0;
-}
-
-.boxed-group-list > li {
- display: block;
- padding: 5px 10px;
- margin-right: -10px;
- margin-left: -10px;
- line-height: 23px;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
-}
-
-.boxed-group-list > li:first-child {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
-}
-
-.boxed-group-list > li:last-of-type {
- border-bottom: 0;
-}
-
-.boxed-group-list > li.selected {
- background: var(--bgColor-success-muted, var(--color-success-subtle));
-}
-
-.boxed-group-list > li.approved .btn-sm,
-.boxed-group-list > li.rejected .btn-sm {
- display: none;
-}
-
-.boxed-group-list > li.rejected a {
- text-decoration: line-through;
-}
-
-.boxed-group-list > li .avatar {
- margin-top: -2px;
- margin-right: var(--base-size-4);
-}
-
-.boxed-group-list > li .octicon {
- width: 24px;
- margin-right: var(--base-size-4);
-}
-
-.boxed-group-list > li .btn-sm {
- float: right;
- margin: -1px 0 0 10px;
-}
-
-.boxed-group-list > li .BtnGroup {
- float: right;
-}
-
-.boxed-group-list > li .BtnGroup .btn-sm {
- float: left;
-}
-
-.boxed-group.flush .boxed-group-list li {
- width: auto;
- padding-right: 0;
- padding-left: 0;
- margin-left: 0;
-}
-
-.boxed-group-list.standalone {
- margin-top: -1px;
-}
-
-.boxed-group-list.standalone > li:first-child {
- border-top: 0;
-}
-
-.boxed-group-table {
- width: 100%;
- text-align: left;
-}
-
-.boxed-group-table tr:last-child td {
- border-bottom: 0;
-}
-
-.boxed-group-table th {
- padding: 9px;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.boxed-group-table td {
- padding: 9px;
- vertical-align: top;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.ajax-error-message {
- position: fixed;
- top: 0;
- left: 50%;
- z-index: 9999;
- width: 974px;
- margin: 0 3px;
- margin-left: -487px;
- transition: top 0.5s ease-in-out;
-}
-
-.ajax-error-message > .octicon-alert {
- vertical-align: text-top;
-}
-
-.container {
- width: 980px;
- margin-right: auto;
- margin-left: auto;
-}
-
-.container::before {
- display: table;
- content: '';
-}
-
-.container::after {
- display: table;
- clear: both;
- content: '';
-}
-
-.draft.octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.closed.octicon,
-.reverted.octicon {
- color: var(--fgColor-closed, var(--color-closed-fg));
-}
-
-.open.octicon {
- color: var(--fgColor-open, var(--color-open-fg));
-}
-
-.closed.octicon.octicon-issue-closed,
-.merged.octicon {
- color: var(--fgColor-done, var(--color-done-fg));
-}
-
-.progress-bar {
- display: block;
- height: 15px;
- overflow: hidden;
- background-color: var(--borderColor-muted, var(--color-border-muted));
- border-radius: var(--borderRadius-medium);
-}
-
-.progress-bar .progress {
- display: block;
- height: 100%;
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
-}
-
-.reverse-progress-container {
- position: relative;
- height: 3px;
- background-color: var(--borderColor-muted, var(--color-border-muted));
- background-image: linear-gradient(
- to right,
- var(--bgColor-success-emphasis, var(--color-success-emphasis)),
- var(--bgColor-accent-emphasis, var(--color-accent-emphasis)),
- var(--bgColor-done-emphasis, var(--color-done-emphasis)),
- var(--bgColor-danger-emphasis, var(--color-danger-emphasis)),
- var(--bgColor-severe-emphasis, var(--color-severe-emphasis))
- );
- background-size: 100% 3px;
-}
-
-.reverse-progress-bar {
- position: absolute;
- right: 0;
- height: 100%;
- background-color: var(--borderColor-muted, var(--color-border-muted));
-}
-
-.progress-bar-small {
- height: 10px;
-}
-
-.select-menu-button::after {
- display: inline-block;
- width: 0;
- height: 0;
- vertical-align: -2px;
- content: '';
- border: var(--borderWidth-thicker) solid;
- border-right-color: transparent;
- border-bottom-color: transparent;
- border-left-color: transparent;
-}
-
-.select-menu-button.icon-only {
- padding-left: 7px;
-}
-
-.select-menu-button.primary::after {
- border-top-color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
-}
-
-.select-menu-button.primary::after:active {
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
-}
-
-.select-menu-button-large::after {
- margin-left: 0.25em;
- border-width: 0.33em;
-}
-
-.select-menu .spinner {
- float: left;
- margin: var(--base-size-4) 0 0 calc(var(--base-size-24) * -1);
-}
-
-.select-menu.active .select-menu-modal-holder {
- display: block;
-}
-
-.select-menu.select-menu-modal-right {
- position: relative;
-}
-
-.select-menu.select-menu-modal-right .select-menu-modal-holder {
- right: 0;
-}
-
-.select-menu .select-menu-clear-item {
- display: block;
-}
-
-.select-menu .select-menu-clear-item .octicon {
- color: inherit;
-}
-
-.select-menu .select-menu-clear-item + .select-menu-no-results {
- display: none !important;
-}
-
-.select-menu.is-loading .select-menu-loading-overlay {
- display: block;
-}
-
-.select-menu.is-loading .select-menu-modal {
- min-height: 200px;
-}
-
-.select-menu.has-error .select-menu-error {
- display: block;
-}
-
-.select-menu-error {
- display: none;
-}
-
-.select-menu-loading-overlay {
- position: absolute;
- top: 0;
- z-index: 5;
- display: none;
- width: 100%;
- height: 100%;
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- border: var(--borderWidth-thin) solid transparent;
- border-radius: 5px;
-}
-
-.select-menu-modal-holder {
- position: absolute;
- z-index: 30;
- display: none;
-}
-
-.select-menu-modal {
- position: relative;
- width: 300px;
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-20);
- overflow: hidden;
- font-size: 12px;
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- background-clip: padding-box;
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
- box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
-}
-
-.select-menu-header,
-.select-menu-divider {
- padding: var(--base-size-8) 10px;
- line-height: 16px;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-header .select-menu-title,
-.select-menu-divider {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-divider {
- margin-top: -1px;
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-header .close-button,
-.select-menu-header .octicon {
- display: block;
- float: right;
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: pointer;
-}
-
-.select-menu-header .close-button:hover,
-.select-menu-header .octicon:hover {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-header:focus {
- outline: none;
-}
-
-.select-menu-filters {
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
-
-.select-menu-text-filter {
- padding: 10px 10px 0;
-}
-
-.select-menu-text-filter:first-child:last-child {
- padding-bottom: 10px;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-text-filter input {
- display: block;
- width: 100%;
- max-width: 100%;
- padding: 5px;
- border: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
- border-radius: var(--borderRadius-medium);
-}
-
-.select-menu-text-filter input::placeholder {
- color: var(--fgColor-muted, var(--color-fg-subtle));
-}
-
-.select-menu-tabs {
- padding: 10px 10px 0;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-tabs ul {
- position: relative;
- bottom: -1px;
-}
-
-.select-menu-tabs .select-menu-tab {
- display: inline-block;
-}
-
-.select-menu-tabs a,
-.select-menu-tabs .select-menu-tab-nav {
- display: inline-block;
- padding: var(--base-size-4) var(--base-size-8) 2px;
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
- text-decoration: none;
- cursor: pointer;
- background: transparent;
- border: var(--borderWidth-thin) solid transparent;
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
-}
-
-.select-menu-tabs a:hover,
-.select-menu-tabs .select-menu-tab-nav:hover {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-tabs a[aria-selected='true'],
-.select-menu-tabs a.selected,
-.select-menu-tabs .select-menu-tab-nav[aria-selected='true'],
-.select-menu-tabs .select-menu-tab-nav.selected {
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- border-color: var(--borderColor-muted, var(--color-border-muted));
- border-bottom-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
-
-.select-menu-list {
- position: relative;
- max-height: 400px;
- overflow: auto;
-}
-
-.select-menu-list.is-showing-new-item-form .select-menu-new-item-form {
- display: block;
-}
-
-.select-menu-list.is-showing-new-item-form .select-menu-no-results,
-.select-menu-list.is-showing-new-item-form .select-menu-clear-item {
- display: none;
-}
-
-.select-menu-blankslate {
- padding: var(--base-size-16);
- text-align: center;
-}
-
-.select-menu-blankslate svg {
- display: block;
- margin-right: auto;
- margin-bottom: 9px;
- margin-left: auto;
- fill: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-blankslate h3 {
- font-size: 14px;
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-blankslate p {
- width: 195px;
- margin-right: auto;
- margin-bottom: 0;
- margin-left: auto;
-}
-
-.select-menu-item {
- display: block;
- padding: var(--base-size-8) var(--base-size-8) var(--base-size-8) 30px;
- overflow: hidden;
- color: inherit;
- cursor: pointer;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-item .select-menu-item-text .octicon-x {
- display: none;
- float: right;
- margin: 1px 10px 0 0;
- opacity: 0.6;
-}
-
-.select-menu-item:hover {
- text-decoration: none;
-}
-
-.select-menu-item.disabled,
-.select-menu-item[disabled],
-.select-menu-item[aria-disabled='true'],
-.select-menu-item.disabled.selected {
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: default;
-}
-
-.select-menu-item.disabled .description,
-.select-menu-item[disabled] .description,
-.select-menu-item[aria-disabled='true'] .description,
-.select-menu-item.disabled.selected .description {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-item.disabled.opaque,
-.select-menu-item[disabled].opaque,
-.select-menu-item[aria-disabled='true'].opaque,
-.select-menu-item.disabled.selected.opaque {
- opacity: 0.7;
-}
-
-.select-menu-item.disabled .select-menu-item-gravatar,
-.select-menu-item[disabled] .select-menu-item-gravatar,
-.select-menu-item[aria-disabled='true'] .select-menu-item-gravatar,
-.select-menu-item.disabled.selected .select-menu-item-gravatar {
- opacity: 0.5;
-}
-
-.select-menu-item .octicon {
- vertical-align: middle;
-}
-
-.select-menu-item .octicon-check,
-.select-menu-item .octicon-circle-slash,
-.select-menu-item input[type='radio']:not(:checked) + .octicon-check,
-.select-menu-item input[type='radio']:not(:checked) + .octicon-circle-slash {
- visibility: hidden;
-}
-
-.select-menu-item.selected .octicon-circle-slash.select-menu-item-icon {
- color: var(--fgColor-muted, var(--color-fg-muted)) !important;
-}
-
-.select-menu-item .octicon-circle-slash {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-item.excluded {
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
-}
-
-.select-menu-item input[type='radio'] {
- display: none;
-}
-
-.select-menu-item:focus {
- outline: none;
-}
-
-.select-menu-item:focus .octicon,
-.select-menu-item:hover .octicon {
- color: inherit !important;
-}
-
-.select-menu-item:hover,
-.select-menu-item:hover.selected,
-.select-menu-item:hover.select-menu-action,
-.select-menu-item:hover .description-inline,
-.select-menu-item:focus,
-.select-menu-item:focus.selected,
-.select-menu-item:focus.select-menu-action,
-.select-menu-item:focus .description-inline,
-.select-menu-item.navigation-focus,
-.select-menu-item.navigation-focus.selected,
-.select-menu-item.navigation-focus.select-menu-action,
-.select-menu-item.navigation-focus .description-inline,
-.select-menu-item.navigation-focus[aria-checked='true'],
-.select-menu-item[aria-checked='true']:focus,
-.select-menu-item[aria-checked='true']:hover,
-.select-menu-item[aria-selected='true']:hover,
-.select-menu-item[aria-selected='true']:focus,
-.select-menu-item[aria-selected='true'].select-menu-action,
-.select-menu-item[aria-selected='true'] .description-inline {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
-}
-
-.select-menu-item:hover > .octicon,
-.select-menu-item:hover.selected > .octicon,
-.select-menu-item:hover.select-menu-action > .octicon,
-.select-menu-item:hover .description-inline > .octicon,
-.select-menu-item:focus > .octicon,
-.select-menu-item:focus.selected > .octicon,
-.select-menu-item:focus.select-menu-action > .octicon,
-.select-menu-item:focus .description-inline > .octicon,
-.select-menu-item.navigation-focus > .octicon,
-.select-menu-item.navigation-focus.selected > .octicon,
-.select-menu-item.navigation-focus.select-menu-action > .octicon,
-.select-menu-item.navigation-focus .description-inline > .octicon,
-.select-menu-item.navigation-focus[aria-checked='true'] > .octicon,
-.select-menu-item[aria-checked='true']:focus > .octicon,
-.select-menu-item[aria-checked='true']:hover > .octicon,
-.select-menu-item[aria-selected='true']:hover > .octicon,
-.select-menu-item[aria-selected='true']:focus > .octicon,
-.select-menu-item[aria-selected='true'].select-menu-action > .octicon,
-.select-menu-item[aria-selected='true'] .description-inline > .octicon {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
-}
-
-.select-menu-item:hover .description,
-.select-menu-item:hover .description-warning,
-.select-menu-item:hover.selected .description,
-.select-menu-item:hover.selected .description-warning,
-.select-menu-item:hover.select-menu-action .description,
-.select-menu-item:hover.select-menu-action .description-warning,
-.select-menu-item:hover .description-inline .description,
-.select-menu-item:hover .description-inline .description-warning,
-.select-menu-item:focus .description,
-.select-menu-item:focus .description-warning,
-.select-menu-item:focus.selected .description,
-.select-menu-item:focus.selected .description-warning,
-.select-menu-item:focus.select-menu-action .description,
-.select-menu-item:focus.select-menu-action .description-warning,
-.select-menu-item:focus .description-inline .description,
-.select-menu-item:focus .description-inline .description-warning,
-.select-menu-item.navigation-focus .description,
-.select-menu-item.navigation-focus .description-warning,
-.select-menu-item.navigation-focus.selected .description,
-.select-menu-item.navigation-focus.selected .description-warning,
-.select-menu-item.navigation-focus.select-menu-action .description,
-.select-menu-item.navigation-focus.select-menu-action .description-warning,
-.select-menu-item.navigation-focus .description-inline .description,
-.select-menu-item.navigation-focus .description-inline .description-warning,
-.select-menu-item.navigation-focus[aria-checked='true'] .description,
-.select-menu-item.navigation-focus[aria-checked='true'] .description-warning,
-.select-menu-item[aria-checked='true']:focus .description,
-.select-menu-item[aria-checked='true']:focus .description-warning,
-.select-menu-item[aria-checked='true']:hover .description,
-.select-menu-item[aria-checked='true']:hover .description-warning,
-.select-menu-item[aria-selected='true']:hover .description,
-.select-menu-item[aria-selected='true']:hover .description-warning,
-.select-menu-item[aria-selected='true']:focus .description,
-.select-menu-item[aria-selected='true']:focus .description-warning,
-.select-menu-item[aria-selected='true'].select-menu-action .description,
-.select-menu-item[aria-selected='true'].select-menu-action .description-warning,
-.select-menu-item[aria-selected='true'] .description-inline .description,
-.select-menu-item[aria-selected='true'] .description-inline .description-warning {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
-}
-
-.select-menu-item:hover.disabled,
-.select-menu-item[disabled]:hover,
-.select-menu-item[aria-disabled='true']:hover,
-.select-menu-item[aria-selected='true'].disabled,
-.select-menu-item.navigation-focus.disabled {
- color: var(--fgColor-muted, var(--color-fg-muted));
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
-
-.select-menu-item:hover.disabled .description,
-.select-menu-item[disabled]:hover .description,
-.select-menu-item[aria-disabled='true']:hover .description,
-.select-menu-item[aria-selected='true'].disabled .description,
-.select-menu-item.navigation-focus.disabled .description {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-item > .octicon-dash {
- display: none;
-}
-
-.select-menu-item[aria-checked='mixed'] > .octicon-check {
- display: none;
-}
-
-.select-menu-item[aria-checked='mixed'] > .octicon-dash {
- display: block;
-}
-
-.select-menu-item input:checked + .octicon-check {
- color: inherit;
- visibility: visible;
-}
-
-details-menu .select-menu-item[aria-checked='true'],
-details-menu .select-menu-item[aria-selected='true'],
-.select-menu-item.selected {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-details-menu .select-menu-item[aria-checked='true'] .description,
-details-menu .select-menu-item[aria-selected='true'] .description,
-.select-menu-item.selected .description {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-details-menu .select-menu-item[aria-checked='true'] > .octicon,
-details-menu .select-menu-item[aria-selected='true'] > .octicon,
-.select-menu-item.selected > .octicon {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-details-menu .select-menu-item[aria-checked='true'] .octicon-check,
-details-menu .select-menu-item[aria-checked='true'] .octicon-circle-slash,
-details-menu .select-menu-item[aria-selected='true'] .octicon-check,
-details-menu .select-menu-item[aria-selected='true'] .octicon-circle-slash,
-.select-menu-item.selected .octicon-check,
-.select-menu-item.selected .octicon-circle-slash {
- color: inherit;
- visibility: visible;
-}
-
-details-menu .select-menu-item[aria-checked='true'] .select-menu-item-text .octicon-x,
-details-menu .select-menu-item[aria-selected='true'] .select-menu-item-text .octicon-x,
-.select-menu-item.selected .select-menu-item-text .octicon-x {
- display: block;
- color: inherit;
-}
-
-.select-menu.label-select-menu .select-menu-item:active {
- background-color: transparent !important;
-}
-
-.select-menu-item:hover .Label,
-.select-menu-item:focus .Label {
- color: inherit;
- border-color: currentColor;
-}
-
-.select-menu-item a {
- color: inherit;
- text-decoration: none;
+@media (min-width: 992px) {
+ .navbar-expand-lg {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-lg .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-lg .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-lg .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-lg .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-lg .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-lg .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-lg .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-lg .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-lg .offcanvas-top,
+ .navbar-expand-lg .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-lg .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.select-menu-item .hidden-select-button-text {
- display: none;
+@media (min-width: 1200px) {
+ .navbar-expand-xl {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xl .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-xl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xl .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-xl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xl .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-xl .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-xl .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-xl .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-xl .offcanvas-top,
+ .navbar-expand-xl .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-xl .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.select-menu-item .css-truncate-target {
- max-width: 100%;
+@media (min-width: 1400px) {
+ .navbar-expand-xxl {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xxl .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-xxl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xxl .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-xxl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xxl .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-xxl .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-xxl .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-xxl .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-xxl .offcanvas-top,
+ .navbar-expand-xxl .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-xxl .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.select-menu-item-icon {
- float: left;
- margin-left: -20px;
+.navbar-expand {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
}
-
-form.select-menu-item > div:first-child {
- display: none !important;
+.navbar-expand .navbar-nav {
+ flex-direction: row;
}
-
-.select-menu-list:last-child .select-menu-item:last-child,
-.select-menu-item.last-visible {
- border-bottom: 0;
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
+.navbar-expand .navbar-nav .dropdown-menu {
+ position: absolute;
}
-
-.select-menu-action {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-default, var(--color-fg-default));
+.navbar-expand .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
}
-
-.select-menu-action > .octicon {
- color: inherit;
+.navbar-expand .navbar-nav-scroll {
+ overflow: visible;
}
-
-.select-menu-action:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.navbar-expand .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
}
-
-.select-menu-no-results {
+.navbar-expand .navbar-toggler {
display: none;
- padding: 9px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: auto;
-}
-
-.select-menu-list.filterable-empty .select-menu-no-results,
-.select-menu-no-results:only-child {
- display: block;
-}
-
-.select-menu-button-gravatar,
-.select-menu-item-gravatar {
- width: 20px;
- overflow: hidden;
- line-height: 0;
-}
-
-.select-menu-button-gravatar img,
-.select-menu-item-gravatar img {
- display: inline-block;
- width: 20px;
- height: 20px;
- border-radius: var(--borderRadius-medium);
}
-
-.select-menu-item-gravatar {
- float: left;
- width: 20px;
- height: 20px;
- margin-right: var(--base-size-8);
- border-radius: var(--borderRadius-medium);
+.navbar-expand .offcanvas-header {
+ display: none;
}
-
-.select-menu-button-gravatar {
- float: left;
- margin-right: 5px;
+.navbar-expand .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
}
-
-.select-menu-item-text {
- display: block;
- text-align: left;
+.navbar-expand .offcanvas-top,
+.navbar-expand .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
}
-
-.select-menu-item-text .description {
- display: block;
- max-width: 265px;
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.navbar-expand .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
}
-.select-menu-item-text .description-inline {
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.navbar-light .navbar-brand {
+ color: rgba(0, 0, 0, 0.9);
}
-
-.select-menu-item-text .description-warning {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.navbar-light .navbar-brand:hover,
+.navbar-light .navbar-brand:focus {
+ color: rgba(0, 0, 0, 0.9);
}
-
-.select-menu-item-text mark {
- font-weight: var(--base-text-weight-semibold, 600);
- color: inherit;
- background-color: inherit;
+.navbar-light .navbar-nav .nav-link {
+ color: rgba(0, 0, 0, 0.55);
}
-
-.select-menu-item-heading {
- display: block;
- margin-top: 0;
- margin-bottom: 0;
- font-size: 14px;
- font-weight: var(--base-text-weight-semibold, 600);
+.navbar-light .navbar-nav .nav-link:hover,
+.navbar-light .navbar-nav .nav-link:focus {
+ color: rgba(0, 0, 0, 0.7);
}
-
-.select-menu-item-heading .description {
- display: inline;
- font-weight: var(--base-text-weight-normal, 400);
+.navbar-light .navbar-nav .nav-link.disabled {
+ color: rgba(0, 0, 0, 0.3);
}
-
-.select-menu-new-item-form {
- display: none;
+.navbar-light .navbar-nav .show > .nav-link,
+.navbar-light .navbar-nav .nav-link.active {
+ color: rgba(0, 0, 0, 0.9);
}
-
-.select-menu-new-item-form .octicon {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.navbar-light .navbar-toggler {
+ color: rgba(0, 0, 0, 0.55);
+ border-color: rgba(0, 0, 0, 0.1);
}
-
-.table-list {
- display: table;
- width: 100%;
- color: var(--fgColor-muted, var(--color-fg-muted));
- table-layout: fixed;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-light .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
-
-.table-list ol {
- list-style-type: decimal;
+.navbar-light .navbar-text {
+ color: rgba(0, 0, 0, 0.55);
}
-
-.table-list-bordered {
- border-bottom-color: var(--borderColor-default, var(--color-border-default));
+.navbar-light .navbar-text a,
+.navbar-light .navbar-text a:hover,
+.navbar-light .navbar-text a:focus {
+ color: rgba(0, 0, 0, 0.9);
}
-.table-list-bordered .table-list-cell:first-child {
- border-left: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-dark .navbar-brand {
+ color: #fff;
}
-
-.table-list-bordered .table-list-cell:last-child {
- border-right: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-dark .navbar-brand:hover,
+.navbar-dark .navbar-brand:focus {
+ color: #fff;
}
-
-.table-list-item {
- position: relative;
- display: table-row;
- list-style: none;
+.navbar-dark .navbar-nav .nav-link {
+ color: rgba(255, 255, 255, 0.55);
}
-
-.table-list-item.unread .table-list-cell:first-child {
- box-shadow: 2px 0 0 var(--borderColor-accent-emphasis, var(--color-accent-emphasis)) inset;
+.navbar-dark .navbar-nav .nav-link:hover,
+.navbar-dark .navbar-nav .nav-link:focus {
+ color: rgba(255, 255, 255, 0.75);
}
-
-.table-list-cell {
- position: relative;
- display: table-cell;
- padding: var(--base-size-8) 10px;
- font-size: 12px;
- vertical-align: top;
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-dark .navbar-nav .nav-link.disabled {
+ color: rgba(255, 255, 255, 0.25);
}
-
-.table-list-cell.flush-left {
- padding-left: 0;
+.navbar-dark .navbar-nav .show > .nav-link,
+.navbar-dark .navbar-nav .nav-link.active {
+ color: #fff;
}
-
-.table-list-cell.flush-right {
- padding-right: 0;
+.navbar-dark .navbar-toggler {
+ color: rgba(255, 255, 255, 0.55);
+ border-color: rgba(255, 255, 255, 0.1);
}
-
-.table-list-header {
- position: relative;
- margin-top: var(--base-size-20);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.navbar-dark .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
-
-.table-list-header::before {
- display: table;
- content: '';
+.navbar-dark .navbar-text {
+ color: rgba(255, 255, 255, 0.55);
}
-
-.table-list-header::after {
- display: table;
- clear: both;
- content: '';
+.navbar-dark .navbar-text a,
+.navbar-dark .navbar-text a:hover,
+.navbar-dark .navbar-text a:focus {
+ color: #fff;
}
-.table-list-header .btn-link {
+.card {
position: relative;
- display: inline-block;
- padding-top: 13px;
- padding-bottom: 13px;
- font-weight: var(--base-text-weight-normal, 400);
-}
-
-.table-list-heading {
- margin-left: 10px;
-}
-
-.table-list-header-meta {
- display: inline-block;
- padding-top: 13px;
- padding-bottom: 13px;
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.table-list-header-toggle h4 {
- padding: var(--base-size-12) 0;
+ display: flex;
+ flex-direction: column;
+ min-width: 0;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: border-box;
+ border: 1px solid rgba(0, 0, 0, 0.125);
+ border-radius: 0.25rem;
}
-
-.table-list-filters:first-child .table-list-header-toggle:first-child {
- padding-left: var(--base-size-16);
+.card > hr {
+ margin-right: 0;
+ margin-left: 0;
}
-
-.table-list-header-toggle.states .selected {
- font-weight: var(--base-text-weight-semibold, 600);
+.card > .list-group {
+ border-top: inherit;
+ border-bottom: inherit;
}
-
-.table-list-header-toggle .btn-link {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.card > .list-group:first-child {
+ border-top-width: 0;
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-
-.table-list-header-toggle .btn-link .octicon {
- margin-right: var(--base-size-4);
+.card > .list-group:last-child {
+ border-bottom-width: 0;
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
}
-
-.table-list-header-toggle .btn-link:hover {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
+.card > .card-header + .list-group,
+.card > .list-group + .card-footer {
+ border-top: 0;
}
-.table-list-header-toggle .btn-link.selected,
-.table-list-header-toggle .btn-link.selected:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.card-body {
+ flex: 1 1 auto;
+ padding: 1rem 1rem;
}
-.table-list-header-toggle .btn-link + .btn-link {
- margin-left: 10px;
+.card-title {
+ margin-bottom: 0.5rem;
}
-.table-list-header-toggle .btn-link:disabled,
-.table-list-header-toggle .btn-link.disabled {
- pointer-events: none;
- opacity: 0.5;
+.card-subtitle {
+ margin-top: -0.25rem;
+ margin-bottom: 0;
}
-.table-list-header-toggle .select-menu {
- position: relative;
+.card-text:last-child {
+ margin-bottom: 0;
}
-.table-list-header-toggle .select-menu-item[aria-checked='true'],
-.table-list-header-toggle .select-menu-item.selected {
- font-weight: var(--base-text-weight-semibold, 600);
+.card-link + .card-link {
+ margin-left: 1rem;
}
-.table-list-header-toggle .select-menu-button {
- padding-right: 15px;
- padding-left: 15px;
+.card-header {
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.table-list-header-toggle .select-menu-button:hover,
-.table-list-header-toggle .select-menu-button.selected,
-.table-list-header-toggle .select-menu-button.selected:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.card-header:first-child {
+ border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
-.table-list-header-toggle .select-menu-modal-holder {
- right: 10px;
+.card-footer {
+ padding: 0.5rem 1rem;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-top: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.table-list-header-toggle .select-menu-modal-holder .select-menu-modal {
- margin-top: -1px;
+.card-footer:last-child {
+ border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
-.table-list-header-next {
- margin-top: var(--base-size-20);
- margin-bottom: -1px;
+.card-header-tabs {
+ margin-right: -0.5rem;
+ margin-bottom: -0.5rem;
+ margin-left: -0.5rem;
+ border-bottom: 0;
}
-.table-list-header-next .table-list-header-select-all {
- padding-left: 14px;
+.card-header-pills {
+ margin-right: -0.5rem;
+ margin-left: -0.5rem;
}
-.table-list-header-next .select-all-dropdown {
- padding-top: 10px;
- padding-bottom: 10px;
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: 1rem;
+ border-radius: calc(0.25rem - 1px);
}
-.table-list-triage {
- display: none;
+.card-img,
+.card-img-top,
+.card-img-bottom {
+ width: 100%;
}
-.triage-mode .table-list-filters {
- display: none !important;
+.card-img,
+.card-img-top {
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-.triage-mode .table-list-triage {
- display: block;
+.card-img,
+.card-img-bottom {
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
}
-.breadcrumb {
- font-size: 16px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.card-group > .card {
+ margin-bottom: 0.75rem;
}
-
-.breadcrumb .separator {
- white-space: pre-wrap;
+@media (min-width: 576px) {
+ .card-group {
+ display: flex;
+ flex-flow: row wrap;
+ }
+ .card-group > .card {
+ flex: 1 0 0%;
+ margin-bottom: 0;
+ }
+ .card-group > .card + .card {
+ margin-left: 0;
+ border-left: 0;
+ }
+ .card-group > .card:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-top,
+ .card-group > .card:not(:last-child) .card-header {
+ border-top-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-bottom,
+ .card-group > .card:not(:last-child) .card-footer {
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-top,
+ .card-group > .card:not(:first-child) .card-header {
+ border-top-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-bottom,
+ .card-group > .card:not(:first-child) .card-footer {
+ border-bottom-left-radius: 0;
+ }
}
-.breadcrumb .separator::before,
-.breadcrumb .separator::after {
- content: ' ';
+.accordion-button {
+ position: relative;
+ display: flex;
+ align-items: center;
+ width: 100%;
+ padding: 1rem 1.25rem;
+ font-size: 1rem;
+ color: #212529;
+ text-align: left;
+ background-color: #fff;
+ border: 0;
+ border-radius: 0;
+ overflow-anchor: none;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
-
-.breadcrumb strong.final-path {
- color: var(--fgColor-default, var(--color-fg-default));
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button {
+ transition: none;
+ }
}
-
-.capped-card-content {
- display: block;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
+.accordion-button:not(.collapsed) {
+ color: #0c63e4;
+ background-color: #e7f1ff;
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
-
-.capped-card-content::before {
- display: table;
- content: '';
+.accordion-button:not(.collapsed)::after {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ transform: rotate(-180deg);
}
-
-.capped-card-content::after {
- display: table;
- clear: both;
+.accordion-button::after {
+ flex-shrink: 0;
+ width: 1.25rem;
+ height: 1.25rem;
+ margin-left: auto;
content: '';
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-size: 1.25rem;
+ transition: transform 0.2s ease-in-out;
}
-
-.collapsible-sidebar-widget-button {
- display: flex;
- padding: 0;
- align-items: center;
- background-color: transparent;
- border: 0;
- justify-content: space-between;
-}
-
-.collapsible-sidebar-widget-indicator {
- transition: transform 0.25s;
- transform: translate(0, 0) translate3d(0, 0, 0);
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button::after {
+ transition: none;
+ }
}
-
-.collapsible-sidebar-widget-loader {
- display: none;
- visibility: hidden;
- opacity: 0;
- transition: opacity 0.25s;
- animation-play-state: paused;
+.accordion-button:hover {
+ z-index: 2;
}
-
-.collapsible-sidebar-widget-content {
- width: 100%;
- max-height: 0;
- overflow: hidden;
- opacity: 0;
- transition: max-height 0.25s ease-in-out, opacity 0.25s ease-in-out;
+.accordion-button:focus {
+ z-index: 3;
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-.collapsible-sidebar-widget-loading .collapsible-sidebar-widget-indicator {
- display: none;
+.accordion-header {
+ margin-bottom: 0;
}
-.collapsible-sidebar-widget-loading .collapsible-sidebar-widget-loader {
- display: block;
- visibility: visible;
- opacity: 1;
- animation-play-state: running;
+.accordion-item {
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-content {
- max-height: 100%;
- overflow: visible;
- opacity: 1;
+.accordion-item:first-of-type {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-indicator {
- display: block;
- transform: rotate(180deg);
+.accordion-item:first-of-type .accordion-button {
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-loader {
- display: none;
- visibility: hidden;
- opacity: 0;
+.accordion-item:not(:first-of-type) {
+ border-top: 0;
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-active-hidden {
- display: none;
- opacity: 0;
+.accordion-item:last-of-type {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
}
-
-.comment .email-format {
- line-height: 1.5;
+.accordion-item:last-of-type .accordion-button.collapsed {
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
}
-
-.previewable-edit .previewable-comment-form {
- display: none;
+.accordion-item:last-of-type .accordion-collapse {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
}
-.previewable-edit .previewable-comment-form::before {
- display: table;
- content: '';
+.accordion-body {
+ padding: 1rem 1.25rem;
}
-.previewable-edit .previewable-comment-form::after {
- display: table;
- clear: both;
- content: '';
+.accordion-flush .accordion-collapse {
+ border-width: 0;
}
-
-.previewable-edit .previewable-comment-form .tabnav-tabs {
- display: inline-block;
+.accordion-flush .accordion-item {
+ border-right: 0;
+ border-left: 0;
+ border-radius: 0;
}
-
-.previewable-edit .previewable-comment-form .form-actions {
- float: right;
- margin-right: var(--base-size-8);
- margin-bottom: var(--base-size-8);
+.accordion-flush .accordion-item:first-child {
+ border-top: 0;
}
-
-.is-comment-editing .previewable-comment-form {
- display: block;
+.accordion-flush .accordion-item:last-child {
+ border-bottom: 0;
+}
+.accordion-flush .accordion-item .accordion-button {
+ border-radius: 0;
}
-.is-comment-editing .timeline-comment-actions,
-.is-comment-editing .edit-comment-hide {
- display: none;
+.breadcrumb {
+ display: flex;
+ flex-wrap: wrap;
+ padding: 0 0;
+ margin-bottom: 1rem;
+ list-style: none;
}
-.is-comment-loading .previewable-comment-form {
- opacity: 0.5;
+.breadcrumb-item + .breadcrumb-item {
+ padding-left: 0.5rem;
+}
+.breadcrumb-item + .breadcrumb-item::before {
+ float: left;
+ padding-right: 0.5rem;
+ color: #6c757d;
+ content: var(--bs-breadcrumb-divider, '/') /* rtl: var(--bs-breadcrumb-divider, "/") */;
+}
+.breadcrumb-item.active {
+ color: #6c757d;
}
-.comment-show-stale {
- display: none;
+.pagination {
+ display: flex;
+ padding-left: 0;
+ list-style: none;
}
-.is-comment-stale .comment-show-stale {
+.page-link {
+ position: relative;
display: block;
+ color: #0d6efd;
+ text-decoration: none;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
}
-
-.comment-body {
- width: 100%;
- padding: var(--base-size-16);
- overflow: visible;
- font-size: 14px;
- color: var(--fgColor-default, var(--color-fg-default));
+@media (prefers-reduced-motion: reduce) {
+ .page-link {
+ transition: none;
+ }
}
-
-.comment-body .highlight {
- overflow: visible !important;
- background-color: transparent;
+.page-link:hover {
+ z-index: 2;
+ color: #0a58ca;
+ background-color: #e9ecef;
+ border-color: #dee2e6;
}
-
-.comment-form-textarea {
- width: 100%;
- max-width: 100%;
- height: 100px;
- min-height: 100px;
- margin: 0;
- line-height: 1.6;
+.page-link:focus {
+ z-index: 3;
+ color: #0a58ca;
+ background-color: #e9ecef;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-.comment-form-textarea.dragover {
- border: solid var(--borderWidth-thin) var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+.page-item:not(:first-child) .page-link {
+ margin-left: -1px;
}
-
-.hide-reaction-suggestion:hover::before,
-.hide-reaction-suggestion:hover::after,
-.hide-reaction-suggestion:active::before,
-.hide-reaction-suggestion:active::after {
- display: none;
+.page-item.active .page-link {
+ z-index: 3;
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.reaction-suggestion[data-reaction-suggestion-message]:hover::before,
-.reaction-suggestion[data-reaction-suggestion-message]:hover::after {
- display: inline-block;
+.page-item.disabled .page-link {
+ color: #6c757d;
+ pointer-events: none;
+ background-color: #fff;
+ border-color: #dee2e6;
}
-.reaction-suggestion[data-reaction-suggestion-message]::before,
-.reaction-suggestion[data-reaction-suggestion-message]::after {
- display: inline-block;
- text-decoration: none;
- animation-name: tooltip-appear;
- animation-duration: 0.1s;
- animation-fill-mode: forwards;
- animation-timing-function: ease-in;
- animation-delay: 0s;
+.page-link {
+ padding: 0.375rem 0.75rem;
}
-.reaction-suggestion[data-reaction-suggestion-message]::after {
- content: attr(data-reaction-suggestion-message);
+.page-item:first-child .page-link {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
}
-
-.discussion-topic-header {
- position: relative;
- padding: var(--base-size-8);
- word-wrap: break-word;
+.page-item:last-child .page-link {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
}
-.comment-form-error {
- padding: var(--base-size-16) var(--base-size-8);
- margin: var(--base-size-8);
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-danger-muted, var(--color-danger-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
- border-radius: var(--borderRadius-medium);
+.pagination-lg .page-link {
+ padding: 0.75rem 1.5rem;
+ font-size: 1.25rem;
}
-
-.email-format {
- line-height: 1.5em !important;
+.pagination-lg .page-item:first-child .page-link {
+ border-top-left-radius: 0.3rem;
+ border-bottom-left-radius: 0.3rem;
}
-
-.email-format div {
- white-space: pre-wrap;
+.pagination-lg .page-item:last-child .page-link {
+ border-top-right-radius: 0.3rem;
+ border-bottom-right-radius: 0.3rem;
}
-.email-format .email-hidden-reply {
- display: none;
- white-space: pre-wrap;
+.pagination-sm .page-link {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
}
-
-.email-format .email-hidden-reply.expanded {
- display: block;
+.pagination-sm .page-item:first-child .page-link {
+ border-top-left-radius: 0.2rem;
+ border-bottom-left-radius: 0.2rem;
}
-
-.email-format .email-quoted-reply,
-.email-format .email-signature-reply {
- padding: 0 var(--base-size-16);
- margin: var(--base-size-16) 0;
- color: var(--fgColor-muted, var(--color-fg-muted));
- border-left: var(--borderWidth-thicker) solid var(--borderColor-default, var(--color-border-default));
+.pagination-sm .page-item:last-child .page-link {
+ border-top-right-radius: 0.2rem;
+ border-bottom-right-radius: 0.2rem;
}
-.email-format .email-hidden-toggle a {
+.badge {
display: inline-block;
- height: 12px;
- padding: 0 var(--base-size-8);
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- line-height: 6px;
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
- vertical-align: middle;
- background: var(--bgColor-neutral-muted, var(--color-neutral-muted));
- border-radius: 1px;
+ padding: 0.35em 0.65em;
+ font-size: 0.75em;
+ font-weight: 700;
+ line-height: 1;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: 0.25rem;
}
-
-.email-format .email-hidden-toggle a:hover {
- background-color: var(--bgColor-accent-muted, var(--color-accent-muted));
+.badge:empty {
+ display: none;
}
-.email-format .email-hidden-toggle a:active {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.btn .badge {
+ position: relative;
+ top: -1px;
}
-.comment-email-format div {
- white-space: normal;
+.alert {
+ position: relative;
+ padding: 1rem 1rem;
+ margin-bottom: 1rem;
+ border: 1px solid transparent;
+ border-radius: 0.25rem;
}
-.comment-email-format .email-hidden-reply {
- display: none;
- white-space: normal;
+.alert-heading {
+ color: inherit;
}
-.comment-email-format .email-hidden-reply.expanded {
- display: block;
+.alert-link {
+ font-weight: 700;
}
-.comment-email-format blockquote,
-.comment-email-format p {
- margin: 0;
+.alert-dismissible {
+ padding-right: 3rem;
}
-
-.locked-conversation .write-tab,
-.locked-conversation .preview-tab {
- color: #c6cbd1;
+.alert-dismissible .btn-close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+ padding: 1.25rem 1rem;
}
-.write-tab:focus,
-.preview-tab:focus {
- outline-offset: -6px !important;
+.alert-primary {
+ color: #084298;
+ background-color: #cfe2ff;
+ border-color: #b6d4fe;
}
-
-.manual-file-chooser-transparent {
- min-height: 0;
- overflow: hidden;
- opacity: 0.01;
+.alert-primary .alert-link {
+ color: #06357a;
}
-.manual-file-chooser-transparent::-webkit-file-upload-button {
- cursor: pointer;
+.alert-secondary {
+ color: #41464b;
+ background-color: #e2e3e5;
+ border-color: #d3d6d8;
}
-
-.manual-file-chooser-transparent:focus {
- opacity: 1 !important;
+.alert-secondary .alert-link {
+ color: #34383c;
}
-.rich-diff clipboard-copy {
- display: none;
+.alert-success {
+ color: #0f5132;
+ background-color: #d1e7dd;
+ border-color: #badbcc;
}
-
-.css-overflow-wrap-anywhere {
- overflow-wrap: anywhere;
+.alert-success .alert-link {
+ color: #0c4128;
}
-.commit-sha {
- padding: 0.2em 0.4em;
- font-size: 90%;
- font-weight: var(--base-text-weight-normal, 400);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
- border-radius: 0.2em;
+.alert-info {
+ color: #055160;
+ background-color: #cff4fc;
+ border-color: #b6effb;
}
-
-.commit .commit-title,
-.commit .commit-title a {
- color: var(--fgColor-default, var(--color-fg-default));
+.alert-info .alert-link {
+ color: #04414d;
}
-.commit .commit-title.blank,
-.commit .commit-title.blank a {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.alert-warning {
+ color: #664d03;
+ background-color: #fff3cd;
+ border-color: #ffecb5;
}
-
-.commit .commit-title .issue-link {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-accent, var(--color-accent-fg));
+.alert-warning .alert-link {
+ color: #523e02;
}
-.commit .sha-block,
-.commit .sha {
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 12px;
+.alert-danger {
+ color: #842029;
+ background-color: #f8d7da;
+ border-color: #f5c2c7;
}
-
-.commit.open .commit-desc {
- display: block;
+.alert-danger .alert-link {
+ color: #6a1a21;
}
-.commit-link {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-accent, var(--color-accent-fg));
+.alert-light {
+ color: #636464;
+ background-color: #fefefe;
+ border-color: #fdfdfe;
}
-
-.commit-ref {
- position: relative;
- display: inline-block;
- padding: 0 var(--base-size-4);
- font: 0.85em/1.8
- var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-radius: var(--borderRadius-medium);
+.alert-light .alert-link {
+ color: #4f5050;
}
-.commit-ref .user {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.alert-dark {
+ color: #141619;
+ background-color: #d3d3d4;
+ border-color: #bcbebf;
}
-
-a.commit-ref:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.alert-dark .alert-link {
+ color: #101214;
}
-.commit-desc {
- display: none;
+@-webkit-keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
}
-.commit-desc pre {
- max-width: 700px;
- margin-top: var(--base-size-8);
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 11px;
- line-height: 1.45;
- color: var(--fgColor-default, var(--color-fg-default));
- white-space: pre-wrap;
+@keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
}
-
-.commit-desc + .commit-branches {
- padding-top: var(--base-size-8);
- margin-top: 2px;
- border-top: solid var(--borderWidth-thin) var(--borderColor-muted, var(--color-border-subtle));
+.progress {
+ display: flex;
+ height: 1rem;
+ overflow: hidden;
+ font-size: 0.75rem;
+ background-color: #e9ecef;
+ border-radius: 0.25rem;
}
-.commit-author-section {
- color: var(--fgColor-default, var(--color-fg-default));
+.progress-bar {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ overflow: hidden;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #0d6efd;
+ transition: width 0.6s ease;
}
-
-.commit-author-section span.user-mention {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar {
+ transition: none;
+ }
}
-.commit-tease-sha {
- display: inline-block;
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
+.progress-bar-striped {
+ background-image: linear-gradient(
+ 45deg,
+ rgba(255, 255, 255, 0.15) 25%,
+ transparent 25%,
+ transparent 50%,
+ rgba(255, 255, 255, 0.15) 50%,
+ rgba(255, 255, 255, 0.15) 75%,
+ transparent 75%,
+ transparent
);
- font-size: 90%;
- color: var(--fgColor-default, var(--color-fg-default));
+ background-size: 1rem 1rem;
}
-.commits-list-item[aria-selected='true'],
-.commits-list-item.navigation-focus {
- background: #f6fbff;
+.progress-bar-animated {
+ -webkit-animation: 1s linear infinite progress-bar-stripes;
+ animation: 1s linear infinite progress-bar-stripes;
}
-
-.commits-list-item .commit-title {
- margin: 0;
- font-size: 16px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar-animated {
+ -webkit-animation: none;
+ animation: none;
+ }
}
-.commits-list-item .commit-meta {
- margin-top: 1px;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group {
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ border-radius: 0.25rem;
}
-.commits-list-item .status .octicon {
- height: 14px;
- line-height: 14px;
+.list-group-numbered {
+ list-style-type: none;
+ counter-reset: section;
}
-
-.commits-list-item .commit-author {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group-numbered > li::before {
+ content: counters(section, '.') '. ';
+ counter-increment: section;
}
-.commits-list-item .octicon-arrow-right {
- margin: 0 var(--base-size-4);
+.list-group-item-action {
+ width: 100%;
+ color: #495057;
+ text-align: inherit;
}
-
-.commits-list-item .commit-desc pre {
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group-item-action:hover,
+.list-group-item-action:focus {
+ z-index: 1;
+ color: #495057;
+ text-decoration: none;
+ background-color: #f8f9fa;
}
-
-.commits-list-item .commit-desc pre a {
- word-break: break-word;
+.list-group-item-action:active {
+ color: #212529;
+ background-color: #e9ecef;
}
-.commit-indicator {
- margin-left: var(--base-size-4);
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: 0.5rem 1rem;
+ color: #212529;
+ text-decoration: none;
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.commit-links-group {
- margin-right: var(--base-size-4);
+.list-group-item:first-child {
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit;
}
-
-.commits-list-item + .commits-list-item {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.list-group-item:last-child {
+ border-bottom-right-radius: inherit;
+ border-bottom-left-radius: inherit;
}
-
-.commit-branches {
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
+.list-group-item.disabled,
+.list-group-item:disabled {
+ color: #6c757d;
+ pointer-events: none;
+ background-color: #fff;
}
-
-.commit-branches .octicon {
- vertical-align: middle;
+.list-group-item.active {
+ z-index: 2;
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.commit-build-statuses {
- position: relative;
- display: inline-block;
- text-align: left;
+.list-group-item + .list-group-item {
+ border-top-width: 0;
}
-
-.commit-build-statuses .dropdown-menu {
- min-width: 362.6666666667px;
- max-width: 544px;
- padding-top: 0;
- padding-bottom: 0;
+.list-group-item + .list-group-item.active {
+ margin-top: -1px;
+ border-top-width: 1px;
}
-.commit-build-statuses .dropdown-menu .merge-status-list {
- max-height: 170px;
- visibility: visible;
- border-bottom: 0;
+.list-group-horizontal {
+ flex-direction: row;
}
-
-.commit-build-statuses .dropdown-menu-w,
-.commit-build-statuses .dropdown-menu-e {
- top: -11px;
+.list-group-horizontal > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
}
-
-.commit-build-statuses .merge-status-item:last-child {
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
+.list-group-horizontal > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
}
-
-.dropdown-signed-commit .dropdown-menu {
- width: 260px;
- margin-top: var(--base-size-8);
- font-size: 14px;
- line-height: 1.4;
- white-space: normal;
+.list-group-horizontal > .list-group-item.active {
+ margin-top: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
}
-.dropdown-signed-commit .dropdown-menu::after {
- border-bottom-color: var(--bgColor-muted, var(--color-canvas-subtle));
+@media (min-width: 576px) {
+ .list-group-horizontal-sm {
+ flex-direction: row;
+ }
+ .list-group-horizontal-sm > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 768px) {
+ .list-group-horizontal-md {
+ flex-direction: row;
+ }
+ .list-group-horizontal-md > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 992px) {
+ .list-group-horizontal-lg {
+ flex-direction: row;
+ }
+ .list-group-horizontal-lg > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 1200px) {
+ .list-group-horizontal-xl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xl > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 1400px) {
+ .list-group-horizontal-xxl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xxl > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+.list-group-flush {
+ border-radius: 0;
+}
+.list-group-flush > .list-group-item {
+ border-width: 0 0 1px;
+}
+.list-group-flush > .list-group-item:last-child {
+ border-bottom-width: 0;
}
-.dropdown-signed-commit .dropdown-menu-w {
- top: -28px;
- margin-top: 0;
+.list-group-item-primary {
+ color: #084298;
+ background-color: #cfe2ff;
}
-
-.dropdown-signed-commit .dropdown-menu-w::after {
- border-bottom-color: transparent;
- border-left-color: var(--bgColor-muted, var(--color-canvas-subtle));
+.list-group-item-primary.list-group-item-action:hover,
+.list-group-item-primary.list-group-item-action:focus {
+ color: #084298;
+ background-color: #bacbe6;
}
-
-.signed-commit-header {
- line-height: 1.3;
- white-space: normal;
- border-collapse: separate;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: solid var(--borderWidth-thin) var(--borderColor-default);
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+.list-group-item-primary.list-group-item-action.active {
+ color: #fff;
+ background-color: #084298;
+ border-color: #084298;
}
-.signed-commit-header .octicon-verified {
- color: var(--fgColor-success, var(--color-success-fg));
+.list-group-item-secondary {
+ color: #41464b;
+ background-color: #e2e3e5;
}
-
-.signed-commit-header .octicon-unverified {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group-item-secondary.list-group-item-action:hover,
+.list-group-item-secondary.list-group-item-action:focus {
+ color: #41464b;
+ background-color: #cbccce;
}
-
-.signed-commit-footer {
- font-size: 12px;
- line-height: 1.5;
+.list-group-item-secondary.list-group-item-action.active {
+ color: #fff;
+ background-color: #41464b;
+ border-color: #41464b;
}
-.signed-commit-cert-info {
- margin-bottom: var(--base-size-4);
+.list-group-item-success {
+ color: #0f5132;
+ background-color: #d1e7dd;
}
-
-.signed-commit-cert-info td {
- vertical-align: top;
+.list-group-item-success.list-group-item-action:hover,
+.list-group-item-success.list-group-item-action:focus {
+ color: #0f5132;
+ background-color: #bcd0c7;
}
-
-.signed-commit-cert-info td:first-child {
- width: 44px;
- padding-right: var(--base-size-12);
+.list-group-item-success.list-group-item-action.active {
+ color: #fff;
+ background-color: #0f5132;
+ border-color: #0f5132;
}
-.signed-commit-badge {
- display: inline-block;
- padding: 1px var(--base-size-4);
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
- -webkit-user-select: none;
- user-select: none;
- background: none;
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+.list-group-item-info {
+ color: #055160;
+ background-color: #cff4fc;
}
-
-.signed-commit-badge:hover {
- text-decoration: none;
- border-color: var(--borderColor-neutral-muted, var(--color-neutral-muted));
+.list-group-item-info.list-group-item-action:hover,
+.list-group-item-info.list-group-item-action:focus {
+ color: #055160;
+ background-color: #badce3;
}
-
-.signed-commit-badge.verified {
- color: var(--fgColor-success, var(--color-success-fg));
+.list-group-item-info.list-group-item-action.active {
+ color: #fff;
+ background-color: #055160;
+ border-color: #055160;
}
-.signed-commit-badge.verified:hover {
- border-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));
+.list-group-item-warning {
+ color: #664d03;
+ background-color: #fff3cd;
}
-
-.signed-commit-badge.unverified {
- color: var(--fgColor-attention, var(--color-attention-fg));
+.list-group-item-warning.list-group-item-action:hover,
+.list-group-item-warning.list-group-item-action:focus {
+ color: #664d03;
+ background-color: #e6dbb9;
}
-
-.signed-commit-badge.unverified:hover {
- border-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
+.list-group-item-warning.list-group-item-action.active {
+ color: #fff;
+ background-color: #664d03;
+ border-color: #664d03;
}
-.signed-commit-badge-small {
- height: 20px;
- margin-top: -2px;
- margin-right: var(--base-size-4);
+.list-group-item-danger {
+ color: #842029;
+ background-color: #f8d7da;
}
-
-.signed-commit-badge-medium {
- height: 20px;
- padding: var(--base-size-4) var(--base-size-8);
- font-size: 12px;
- border-radius: var(--borderRadius-medium);
+.list-group-item-danger.list-group-item-action:hover,
+.list-group-item-danger.list-group-item-action:focus {
+ color: #842029;
+ background-color: #dfc2c4;
}
-
-.signed-commit-badge-large {
- height: 24px;
- padding: var(--base-size-4) var(--base-size-12);
- margin-right: var(--base-size-8);
- font-size: 14px;
- line-height: 20px;
- border-radius: var(--borderRadius-medium);
+.list-group-item-danger.list-group-item-action.active {
+ color: #fff;
+ background-color: #842029;
+ border-color: #842029;
}
-.signed-commit-signer-name {
- font-size: 14px;
- text-align: left;
+.list-group-item-light {
+ color: #636464;
+ background-color: #fefefe;
}
-
-.signed-commit-signer-name .signer {
- display: block;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
+.list-group-item-light.list-group-item-action:hover,
+.list-group-item-light.list-group-item-action:focus {
+ color: #636464;
+ background-color: #e5e5e5;
}
-
-.copyable-terminal {
- position: relative;
- padding: var(--base-size-8) 55px var(--base-size-8) var(--base-size-8);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-radius: var(--borderRadius-medium);
+.list-group-item-light.list-group-item-action.active {
+ color: #fff;
+ background-color: #636464;
+ border-color: #636464;
}
-.copyable-terminal-content {
- overflow: auto;
+.list-group-item-dark {
+ color: #141619;
+ background-color: #d3d3d4;
}
-
-.copyable-terminal-button {
- position: absolute;
- top: 5px;
- right: 5px;
+.list-group-item-dark.list-group-item-action:hover,
+.list-group-item-dark.list-group-item-action:focus {
+ color: #141619;
+ background-color: #bebebf;
}
-
-.copyable-terminal-button .zeroclipboard-button {
- float: right;
+.list-group-item-dark.list-group-item-action.active {
+ color: #fff;
+ background-color: #141619;
+ border-color: #141619;
}
-.copyable-terminal-button .zeroclipboard-button .octicon {
- padding-left: 1px;
- margin: 0 auto;
+.btn-close {
+ box-sizing: content-box;
+ width: 1em;
+ height: 1em;
+ padding: 0.25em 0.25em;
+ color: #000;
+ background: transparent
+ url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
+ center/1em auto no-repeat;
+ border: 0;
+ border-radius: 0.25rem;
+ opacity: 0.5;
}
-
-.blob-wrapper {
- overflow-x: auto;
- overflow-y: hidden;
+.btn-close:hover {
+ color: #000;
+ text-decoration: none;
+ opacity: 0.75;
}
-
-.blob-wrapper table tr:nth-child(2n) {
- background-color: transparent;
+.btn-close:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+ opacity: 1;
}
-
-.page-edit-blob.height-full .CodeMirror {
- height: 300px;
+.btn-close:disabled,
+.btn-close.disabled {
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ opacity: 0.25;
}
-.page-edit-blob.height-full .CodeMirror,
-.page-edit-blob.height-full .CodeMirror-scroll {
- display: flex;
- flex-direction: column;
- flex: 1 1 auto;
+.btn-close-white {
+ filter: invert(1) grayscale(100%) brightness(200%);
}
-.blob-wrapper-embedded {
- max-height: 240px;
- overflow-y: auto;
+.toast {
+ width: 350px;
+ max-width: 100%;
+ font-size: 0.875rem;
+ pointer-events: auto;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ border-radius: 0.25rem;
}
-
-.diff-table {
- width: 100%;
- border-collapse: separate;
+.toast.showing {
+ opacity: 0;
}
-
-.diff-table .blob-code.blob-code-inner {
- padding-left: 22px;
+.toast:not(.show) {
+ display: none;
}
-.diff-table .line-comments {
- padding: 10px;
- vertical-align: top;
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.toast-container {
+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
+ max-width: 100%;
+ pointer-events: none;
}
-
-.diff-table .line-comments:first-child + .empty-cell {
- border-left-width: var(--borderWidth-thin);
+.toast-container > :not(:last-child) {
+ margin-bottom: 0.75rem;
}
-.diff-table tr:not(:last-child) .line-comments {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.toast-header {
+ display: flex;
+ align-items: center;
+ padding: 0.5rem 0.75rem;
+ color: #6c757d;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-
-.diff-view .blob-code-marker-context::before,
-.diff-view .blob-code-marker-injected_context::before,
-.diff-view .blob-code-marker-addition::before,
-.diff-view .blob-code-marker-deletion::before {
- top: var(--base-size-4);
+.toast-header .btn-close {
+ margin-right: -0.375rem;
+ margin-left: 0.75rem;
}
-.diff-view .line-alert,
-.diff-table .line-alert {
- position: absolute;
- left: -60px;
- margin: 2px;
+.toast-body {
+ padding: 0.75rem;
+ word-wrap: break-word;
}
-.comment-body .diff-view .line-alert {
+.modal {
+ position: fixed;
+ top: 0;
left: 0;
+ z-index: 1055;
+ display: none;
+ width: 100%;
+ height: 100%;
+ overflow-x: hidden;
+ overflow-y: auto;
+ outline: 0;
}
-.blob-num {
+.modal-dialog {
position: relative;
- width: 1%;
- min-width: 50px;
- padding-right: 10px;
- padding-left: 10px;
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 12px;
- line-height: 20px;
- color: var(--fgColor-muted, var(--color-fg-subtle));
- text-align: right;
- white-space: nowrap;
- vertical-align: top;
- cursor: pointer;
- -webkit-user-select: none;
- user-select: none;
-}
-
-.blob-num:hover {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.blob-num::before {
- content: attr(data-line-number);
+ width: auto;
+ margin: 0.5rem;
+ pointer-events: none;
}
-
-.blob-num.non-expandable {
- cursor: default;
+.modal.fade .modal-dialog {
+ transition: transform 0.3s ease-out;
+ transform: translate(0, -50px);
}
-
-.blob-num.non-expandable:hover {
- color: var(--fgColor-muted, var(--color-fg-subtle));
+@media (prefers-reduced-motion: reduce) {
+ .modal.fade .modal-dialog {
+ transition: none;
+ }
}
-
-.blob-num-hidden::before {
- visibility: hidden;
+.modal.show .modal-dialog {
+ transform: none;
}
-
-.blob-code {
- position: relative;
- padding-right: 10px;
- padding-left: 10px;
- line-height: 20px;
- vertical-align: top;
+.modal.modal-static .modal-dialog {
+ transform: scale(1.02);
}
-.copilot-chat-enabled .blob-code {
- padding-right: 54px;
+.modal-dialog-scrollable {
+ height: calc(100% - 1rem);
}
-
-.blob-code-inner {
- display: table-cell;
- overflow: visible;
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 12px;
- color: var(--fgColor-default, var(--color-fg-default));
- word-wrap: anywhere;
- white-space: pre;
+.modal-dialog-scrollable .modal-content {
+ max-height: 100%;
+ overflow: hidden;
}
-
-.blob-code-inner .x-first {
- border-top-left-radius: 0.2em;
- border-bottom-left-radius: 0.2em;
+.modal-dialog-scrollable .modal-body {
+ overflow-y: auto;
}
-.blob-code-inner .x-last {
- border-top-right-radius: 0.2em;
- border-bottom-right-radius: 0.2em;
+.modal-dialog-centered {
+ display: flex;
+ align-items: center;
+ min-height: calc(100% - 1rem);
}
-.blob-code-inner.highlighted,
-.blob-code-inner .highlighted {
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
- box-shadow: inset 2px 0 0 var(--borderColor-attention-muted, var(--color-attention-muted));
+.modal-content {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ pointer-events: auto;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 0.3rem;
+ outline: 0;
}
-.blob-code-inner::selection,
-.blob-code-inner *::selection {
- background-color: var(--selection-bgColor, var(--color-accent-muted));
+.modal-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1050;
+ width: 100vw;
+ height: 100vh;
+ background-color: #000;
}
-
-.js-blob-wrapper .blob-code-inner {
- white-space: pre-wrap;
+.modal-backdrop.fade {
+ opacity: 0;
}
-
-.blob-code-inner.blob-code-addition,
-.blob-code-inner.blob-code-deletion {
- position: relative;
- padding-left: 22px !important;
+.modal-backdrop.show {
+ opacity: 0.5;
}
-.blob-code-marker::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- padding-right: var(--base-size-8);
- content: attr(data-code-marker);
+.modal-header {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: space-between;
+ padding: 1rem 1rem;
+ border-bottom: 1px solid #dee2e6;
+ border-top-left-radius: calc(0.3rem - 1px);
+ border-top-right-radius: calc(0.3rem - 1px);
}
-
-.blob-code-context,
-.blob-code-addition,
-.blob-code-deletion {
- padding-left: 22px;
+.modal-header .btn-close {
+ padding: 0.5rem 0.5rem;
+ margin: -0.5rem -0.5rem -0.5rem auto;
}
-.blob-code-marker-addition::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: '+ ';
+.modal-title {
+ margin-bottom: 0;
+ line-height: 1.5;
}
-.blob-code-marker-deletion::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: '- ';
+.modal-body {
+ position: relative;
+ flex: 1 1 auto;
+ padding: 1rem;
}
-.blob-code-marker-context::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: ' ';
+.modal-footer {
+ display: flex;
+ flex-wrap: wrap;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: flex-end;
+ padding: 0.75rem;
+ border-top: 1px solid #dee2e6;
+ border-bottom-right-radius: calc(0.3rem - 1px);
+ border-bottom-left-radius: calc(0.3rem - 1px);
}
-
-.blob-code-marker-injected_context::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: ' ';
+.modal-footer > * {
+ margin: 0.25rem;
}
-.soft-wrap .diff-table {
- table-layout: fixed;
-}
+@media (min-width: 576px) {
+ .modal-dialog {
+ max-width: 500px;
+ margin: 1.75rem auto;
+ }
-.soft-wrap .blob-code {
- padding-left: 18px;
- text-indent: 0;
-}
+ .modal-dialog-scrollable {
+ height: calc(100% - 3.5rem);
+ }
-.soft-wrap .blob-code-inner {
- white-space: pre-wrap;
-}
+ .modal-dialog-centered {
+ min-height: calc(100% - 3.5rem);
+ }
-.soft-wrap .no-nl-marker {
- display: none;
+ .modal-sm {
+ max-width: 300px;
+ }
}
-
-.soft-wrap .add-line-comment {
- margin-top: 0;
- margin-left: -24px;
+@media (min-width: 992px) {
+ .modal-lg,
+ .modal-xl {
+ max-width: 800px;
+ }
}
-
-.soft-wrap .blob-code-context,
-.soft-wrap .blob-code-addition,
-.soft-wrap .blob-code-deletion {
- padding-left: 22px;
- text-indent: 0;
+@media (min-width: 1200px) {
+ .modal-xl {
+ max-width: 1140px;
+ }
}
-
-.blob-num-hunk,
-.blob-code-hunk,
-.blob-num-expandable {
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
+.modal-fullscreen {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
}
-
-.blob-num-hunk,
-.blob-num-expandable {
- background-color: var(--diffBlob-hunkNum-bgColor-rest, var(--diffBlob-hunk-bgColor-num));
+.modal-fullscreen .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
}
-
-.blob-code-hunk {
- padding-top: var(--base-size-4);
- padding-bottom: var(--base-size-4);
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-width: var(--borderWidth-thin) 0;
+.modal-fullscreen .modal-header {
+ border-radius: 0;
}
-
-.blob-expanded .blob-num:not(.blob-num-context-outside-diff),
-.blob-expanded .blob-code:not(.blob-code-context) {
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
+.modal-fullscreen .modal-body {
+ overflow-y: auto;
}
-
-.blob-expanded + tr.show-top-border:not(.blob-expanded) .blob-num,
-.blob-expanded + tr.show-top-border:not(.blob-expanded) .blob-code {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+.modal-fullscreen .modal-footer {
+ border-radius: 0;
}
-.blob-expanded tr.show-top-border .blob-num-hunk,
-.blob-expanded tr.show-top-border .blob-num {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+@media (max-width: 575.98px) {
+ .modal-fullscreen-sm-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-sm-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-sm-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-tr.show-top-border + .blob-expanded .blob-num,
-tr.show-top-border + .blob-expanded .blob-code {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+@media (max-width: 767.98px) {
+ .modal-fullscreen-md-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-md-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-md-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable {
- width: auto;
- padding: 0;
- font-size: 12px;
- text-align: center;
+@media (max-width: 991.98px) {
+ .modal-fullscreen-lg-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-lg-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-lg-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable .directional-expander {
- display: block;
- width: auto;
- height: auto;
- margin-right: -1px;
- color: var(--diffBlob-expander-iconColor, var(--color-diff-blob-expander-icon));
- cursor: pointer;
+@media (max-width: 1199.98px) {
+ .modal-fullscreen-xl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-xl-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable .single-expander {
- padding-top: var(--base-size-4);
- padding-bottom: var(--base-size-4);
+@media (max-width: 1399.98px) {
+ .modal-fullscreen-xxl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-xxl-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable .directional-expander:hover {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
+.tooltip {
+ position: absolute;
+ z-index: 1080;
+ display: block;
+ margin: 0;
+ font-family: var(--bs-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
text-shadow: none;
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.875rem;
+ word-wrap: break-word;
+ opacity: 0;
}
-
-.blob-code-addition {
- background-color: var(--diffBlob-additionLine-bgColor, var(--diffBlob-addition-bgColor-line));
- outline: 1px dotted transparent;
+.tooltip.show {
+ opacity: 0.9;
}
-
-.blob-code-addition .x {
- color: var(--diffBlob-additionWord-fgColor, var(--diffBlob-addition-fgColor-text));
- background-color: var(--diffBlob-additionWord-bgColor, var(--diffBlob-addition-bgColor-word));
+.tooltip .tooltip-arrow {
+ position: absolute;
+ display: block;
+ width: 0.8rem;
+ height: 0.4rem;
}
-
-.blob-num-addition {
- color: var(--diffBlob-additionNum-fgColor, var(--diffBlob-addition-fgColor-num));
- background-color: var(--diffBlob-additionNum-bgColor, var(--diffBlob-addition-bgColor-num));
- border-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));
+.tooltip .tooltip-arrow::before {
+ position: absolute;
+ content: '';
+ border-color: transparent;
+ border-style: solid;
}
-.blob-num-addition:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.bs-tooltip-top,
+.bs-tooltip-auto[data-popper-placement^='top'] {
+ padding: 0.4rem 0;
}
-
-.blob-code-deletion {
- background-color: var(--diffBlob-deletionLine-bgColor, var(--diffBlob-deletion-bgColor-line));
- outline: 1px dashed transparent;
+.bs-tooltip-top .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow {
+ bottom: 0;
}
-
-.blob-code-deletion .x {
- color: var(--diffBlob-deletionWord-fgColor, var(--diffBlob-deletion-fgColor-text));
- background-color: var(--diffBlob-deletionWord-bgColor, var(--diffBlob-deletion-bgColor-word));
+.bs-tooltip-top .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow::before {
+ top: -1px;
+ border-width: 0.4rem 0.4rem 0;
+ border-top-color: #000;
}
-.blob-num-deletion {
- color: var(--diffBlob-deletionNum-fgColor, var(--diffBlob-deletion-fgColor-num));
- background-color: var(--diffBlob-deletionNum-bgColor, var(--diffBlob-deletion-bgColor-num));
- border-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
+.bs-tooltip-end,
+.bs-tooltip-auto[data-popper-placement^='right'] {
+ padding: 0 0.4rem;
}
-
-.blob-num-deletion:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.bs-tooltip-end .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow {
+ left: 0;
+ width: 0.4rem;
+ height: 0.8rem;
}
-
-.is-selecting {
- cursor: ns-resize !important;
+.bs-tooltip-end .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow::before {
+ right: -1px;
+ border-width: 0.4rem 0.4rem 0.4rem 0;
+ border-right-color: #000;
}
-.is-selecting .blob-num {
- cursor: ns-resize !important;
+.bs-tooltip-bottom,
+.bs-tooltip-auto[data-popper-placement^='bottom'] {
+ padding: 0.4rem 0;
}
-
-.is-selecting .add-line-comment,
-.is-selecting a {
- pointer-events: none;
- cursor: ns-resize !important;
+.bs-tooltip-bottom .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow {
+ top: 0;
}
-
-.is-selecting .is-hovered .add-line-comment {
- opacity: 0;
+.bs-tooltip-bottom .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow::before {
+ bottom: -1px;
+ border-width: 0 0.4rem 0.4rem;
+ border-bottom-color: #000;
}
-.is-selecting.file-diff-split {
- cursor: nwse-resize !important;
+.bs-tooltip-start,
+.bs-tooltip-auto[data-popper-placement^='left'] {
+ padding: 0 0.4rem;
}
-
-.is-selecting.file-diff-split .blob-num {
- cursor: nwse-resize !important;
+.bs-tooltip-start .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow {
+ right: 0;
+ width: 0.4rem;
+ height: 0.8rem;
}
-
-.is-selecting.file-diff-split .empty-cell,
-.is-selecting.file-diff-split .add-line-comment,
-.is-selecting.file-diff-split a {
- pointer-events: none;
- cursor: nwse-resize !important;
+.bs-tooltip-start .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow::before {
+ left: -1px;
+ border-width: 0.4rem 0 0.4rem 0.4rem;
+ border-left-color: #000;
}
-.selected-line {
- position: relative;
+.tooltip-inner {
+ max-width: 200px;
+ padding: 0.25rem 0.5rem;
+ color: #fff;
+ text-align: center;
+ background-color: #000;
+ border-radius: 0.25rem;
}
-.selected-line::after {
+.popover {
position: absolute;
top: 0;
- left: 0;
+ left: 0 /* rtl:ignore */;
+ z-index: 1070;
display: block;
- width: 100%;
- height: 100%;
- box-sizing: border-box;
- pointer-events: none;
- content: '';
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
- mix-blend-mode: var(--color-diff-blob-selected-line-highlight-mix-blend-mode);
-}
-
-.selected-line.selected-line-top::after {
- border-top: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
-}
-
-.selected-line.selected-line-bottom::after {
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
-}
-
-.selected-line:first-child::after,
-.selected-line.selected-line-left::after {
- border-left: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
+ max-width: 276px;
+ font-family: var(--bs-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.875rem;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 0.3rem;
}
-
-.selected-line:last-child::after,
-.selected-line.selected-line-right::after {
- border-right: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
+.popover .popover-arrow {
+ position: absolute;
+ display: block;
+ width: 1rem;
+ height: 0.5rem;
}
-
-.is-commenting .selected-line.blob-code::before {
+.popover .popover-arrow::before,
+.popover .popover-arrow::after {
position: absolute;
- top: 0;
- left: -1px;
display: block;
- width: 4px;
- height: 100%;
content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
-}
-
-.add-line-comment {
- position: relative;
- z-index: 1;
- float: left;
- width: 22px;
- height: 22px;
- margin: -2px -10px -2px -32px;
- line-height: 21px;
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- text-align: center;
- text-indent: 0;
- cursor: pointer;
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
- border-radius: var(--borderRadius-medium);
- box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium));
- opacity: 0;
- transition: transform 0.1s ease-in-out;
- transform: scale(0.8, 0.8);
+ border-color: transparent;
+ border-style: solid;
}
-.add-line-comment:hover {
- transform: scale(1, 1);
+.bs-popover-top > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow {
+ bottom: calc(-0.5rem - 1px);
}
-
-.is-hovered .add-line-comment,
-.add-line-comment:focus {
- opacity: 1;
+.bs-popover-top > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before {
+ bottom: 0;
+ border-width: 0.5rem 0.5rem 0;
+ border-top-color: rgba(0, 0, 0, 0.25);
}
-
-.add-line-comment .octicon {
- vertical-align: text-top;
- pointer-events: none;
+.bs-popover-top > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::after {
+ bottom: 1px;
+ border-width: 0.5rem 0.5rem 0;
+ border-top-color: #fff;
}
-.add-line-comment.octicon-check {
- background: #333;
- opacity: 1;
+.bs-popover-end > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow {
+ left: calc(-0.5rem - 1px);
+ width: 0.5rem;
+ height: 1rem;
}
-
-.inline-comment-form {
- border: var(--borderWidth-thin) solid #dfe2e5;
- border-radius: var(--borderRadius-medium);
+.bs-popover-end > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before {
+ left: 0;
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+ border-right-color: rgba(0, 0, 0, 0.25);
}
-
-.timeline-inline-comments {
- width: 100%;
- table-layout: fixed;
+.bs-popover-end > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::after {
+ left: 1px;
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+ border-right-color: #fff;
}
-.timeline-inline-comments .inline-comments,
-.show-inline-notes .inline-comments {
- display: table-row;
+.bs-popover-bottom > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow {
+ top: calc(-0.5rem - 1px);
}
-
-.inline-comments {
- display: none;
+.bs-popover-bottom > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before {
+ top: 0;
+ border-width: 0 0.5rem 0.5rem 0.5rem;
+ border-bottom-color: rgba(0, 0, 0, 0.25);
}
-
-.inline-comments .line-comments + .blob-num {
- border-left-width: var(--borderWidth-thin);
+.bs-popover-bottom > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::after {
+ top: 1px;
+ border-width: 0 0.5rem 0.5rem 0.5rem;
+ border-bottom-color: #fff;
}
-
-.inline-comments .timeline-comment {
- margin-bottom: 10px;
+.bs-popover-bottom .popover-header::before,
+.bs-popover-auto[data-popper-placement^='bottom'] .popover-header::before {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ display: block;
+ width: 1rem;
+ margin-left: -0.5rem;
+ content: '';
+ border-bottom: 1px solid #f0f0f0;
}
-.inline-comments .inline-comment-form,
-.inline-comments .inline-comment-form-container {
- max-width: 780px;
+.bs-popover-start > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow {
+ right: calc(-0.5rem - 1px);
+ width: 0.5rem;
+ height: 1rem;
}
-
-.comment-holder {
- max-width: 780px;
+.bs-popover-start > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before {
+ right: 0;
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+ border-left-color: rgba(0, 0, 0, 0.25);
}
-
-.comment-holder + .comment-holder {
- margin-top: var(--base-size-16);
+.bs-popover-start > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::after {
+ right: 1px;
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+ border-left-color: #fff;
}
-.line-comments + .line-comments,
-.empty-cell + .line-comments {
- border-left: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+.popover-header {
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ font-size: 1rem;
+ background-color: #f0f0f0;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ border-top-left-radius: calc(0.3rem - 1px);
+ border-top-right-radius: calc(0.3rem - 1px);
}
-
-.inline-comment-form-container .inline-comment-form-box,
-.inline-comment-form-container.open .inline-comment-form-actions {
+.popover-header:empty {
display: none;
}
-.inline-comment-form-container .inline-comment-form-actions,
-.inline-comment-form-container.open .inline-comment-form-box {
- display: block;
-}
-
-body.full-width .container,
-body.full-width .container-lg:not(.markdown-body),
-body.full-width .container-xl {
- width: 100%;
- max-width: none;
- padding-right: var(--base-size-20);
- padding-left: var(--base-size-20);
-}
-
-body.full-width .repository-content {
- width: 100%;
-}
-
-body.full-width .new-pr-form {
- max-width: 980px;
+.popover-body {
+ padding: 1rem 1rem;
+ color: #212529;
}
-.file-diff-split {
- table-layout: fixed;
+.carousel {
+ position: relative;
}
-.file-diff-split .blob-code + .blob-num {
- border-left: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+.carousel.pointer-event {
+ touch-action: pan-y;
}
-.file-diff-split .blob-code-inner {
- white-space: pre-wrap;
+.carousel-inner {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
}
-
-.file-diff-split .empty-cell {
- cursor: default;
- background-color: var(--diffBlob-emptyLine-bgColor, var(--bgColor-muted));
- border-right-color: var(--borderColor-muted, var(--color-border-muted));
+.carousel-inner::after {
+ display: block;
+ clear: both;
+ content: '';
}
-@media (max-width: 1280px) {
- .file-diff-split .write-selected .comment-form-head.tabnav:not(.CommentBox-header) {
- margin-bottom: var(--base-size-80) !important;
- }
-
- .file-diff-split .tabnav:not(.CommentBox-header) markdown-toolbar {
- position: absolute;
- top: 47px;
- right: 0;
- left: 0;
- height: 64px;
- align-items: center !important;
- }
+.carousel-item {
+ position: relative;
+ display: none;
+ float: left;
+ width: 100%;
+ margin-right: -100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ transition: transform 0.6s ease-in-out;
}
-
-@media (min-width: 1280px) {
- .file-diff-split .write-selected .comment-form-head.tabnav:not(.CommentBox-header) .tabnav-tabs {
- align-self: end;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-item {
+ transition: none;
}
}
-.submodule-diff-stats .octicon-diff-removed {
- color: var(--fgColor-danger, var(--color-danger-fg));
-}
-
-.submodule-diff-stats .octicon-diff-renamed {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.submodule-diff-stats .octicon-diff-modified {
- color: var(--fgColor-attention, var(--color-attention-fg));
-}
-
-.submodule-diff-stats .octicon-diff-added {
- color: var(--fgColor-success, var(--color-success-fg));
-}
-
-.BlobToolbar {
- left: -17px;
-}
-
-.BlobToolbar-dropdown {
- margin-left: -2px;
-}
-
-.pl-token:hover,
-.pl-token.active {
- cursor: pointer;
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
-}
-
-.diffstat {
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- cursor: default;
-}
-
-.diffstat-block-deleted,
-.diffstat-block-added,
-.diffstat-block-neutral {
- display: inline-block;
- width: var(--base-size-8);
- height: var(--base-size-8);
- margin-left: 1px;
-}
-
-.diffstat-block-deleted {
- background-color: var(--bgColor-danger-emphasis, var(--color-danger-emphasis));
-}
-
-.diffstat-block-added {
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
-}
-
-.diffstat-block-neutral {
- background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted));
- outline: 1px solid var(--borderColor-muted, var(--color-border-subtle));
- outline-offset: -1px;
-}
-
-.discussion-sidebar-item {
- padding-top: var(--base-size-16);
- font-size: 12px;
-}
-
-.discussion-sidebar-item .btn .octicon {
- margin-right: 0;
-}
-
-.discussion-sidebar-item .muted-icon {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.discussion-sidebar-item .muted-icon:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- cursor: pointer;
-}
-
-.discussion-sidebar-item + .discussion-sidebar-item {
- margin-top: var(--base-size-16);
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.discussion-sidebar-item .select-menu {
- position: relative;
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+ display: block;
}
-.discussion-sidebar-item .select-menu-modal-holder {
- top: 25px;
- right: -1px;
- left: auto;
+/* rtl:begin:ignore */
+.carousel-item-next:not(.carousel-item-start),
+.active.carousel-item-end {
+ transform: translateX(100%);
}
-.discussion-sidebar-heading {
- margin-bottom: var(--base-size-8);
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.carousel-item-prev:not(.carousel-item-end),
+.active.carousel-item-start {
+ transform: translateX(-100%);
}
-.discussion-sidebar-toggle {
- padding: var(--base-size-4) 0;
- margin: calc(var(--base-size-4) * -1) 0 var(--base-size-4);
+/* rtl:end:ignore */
+.carousel-fade .carousel-item {
+ opacity: 0;
+ transition-property: opacity;
+ transform: none;
}
-
-.discussion-sidebar-toggle .octicon {
- float: right;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-start,
+.carousel-fade .carousel-item-prev.carousel-item-end {
+ z-index: 1;
+ opacity: 1;
}
-
-.discussion-sidebar-toggle:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- cursor: pointer;
+.carousel-fade .active.carousel-item-start,
+.carousel-fade .active.carousel-item-end {
+ z-index: 0;
+ opacity: 0;
+ transition: opacity 0s 0.6s;
}
-
-.discussion-sidebar-toggle:hover .octicon {
- color: inherit;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-fade .active.carousel-item-start,
+ .carousel-fade .active.carousel-item-end {
+ transition: none;
+ }
}
-button.discussion-sidebar-toggle {
- display: block;
- width: 100%;
- font-weight: var(--base-text-weight-semibold, 600);
- text-align: left;
+.carousel-control-prev,
+.carousel-control-next {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 15%;
+ padding: 0;
+ color: #fff;
+ text-align: center;
background: none;
border: 0;
+ opacity: 0.5;
+ transition: opacity 0.15s ease;
}
-
-.sidebar-progress-bar .progress-bar {
- height: var(--base-size-8);
- margin-bottom: 2px;
- border-radius: var(--borderRadius-medium);
-}
-
-.sidebar-assignee .css-truncate-target {
- max-width: 110px;
-}
-
-.sidebar-assignee .assignee {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-control-prev,
+ .carousel-control-next {
+ transition: none;
+ }
}
-
-.sidebar-assignee .assignee:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.carousel-control-prev:hover,
+.carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
+ color: #fff;
text-decoration: none;
+ outline: 0;
+ opacity: 0.9;
}
-.sidebar-assignee .reviewers-status-icon {
- width: 14px;
-}
-
-.sidebar-assignee .octicon {
- margin-top: 2px;
-}
-
-.sidebar-notifications {
- position: relative;
-}
-
-.sidebar-notifications .thread-subscription-status {
- padding: 0;
- margin: 0;
- border: 0;
-}
-
-.sidebar-notifications .thread-subscription-status .thread-subscribe-form {
- display: block;
-}
-
-.sidebar-notifications .thread-subscription-status .reason {
- padding: 0;
- margin: var(--base-size-4) 0 0;
+.carousel-control-prev {
+ left: 0;
}
-.participation .participant-avatar {
- float: left;
- margin: var(--base-size-4) 0 0 var(--base-size-4);
+.carousel-control-next {
+ right: 0;
}
-.participation a {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ background-repeat: no-repeat;
+ background-position: 50%;
+ background-size: 100% 100%;
}
-.participation a:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
+/* rtl:options: {
+ "autoRename": true,
+ "stringMap":[ {
+ "name" : "prev-next",
+ "search" : "prev",
+ "replace" : "next"
+ } ]
+} */
+.carousel-control-prev-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
-.participation-avatars {
- margin-left: calc(var(--base-size-4) * -1);
+.carousel-control-next-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
-.participation-avatars::before {
- display: table;
- content: '';
+.carousel-indicators {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 2;
+ display: flex;
+ justify-content: center;
+ padding: 0;
+ margin-right: 15%;
+ margin-bottom: 1rem;
+ margin-left: 15%;
+ list-style: none;
}
-
-.participation-avatars::after {
- display: table;
- clear: both;
- content: '';
+.carousel-indicators [data-bs-target] {
+ box-sizing: content-box;
+ flex: 0 1 auto;
+ width: 30px;
+ height: 3px;
+ padding: 0;
+ margin-right: 3px;
+ margin-left: 3px;
+ text-indent: -999px;
+ cursor: pointer;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 0;
+ border-top: 10px solid transparent;
+ border-bottom: 10px solid transparent;
+ opacity: 0.5;
+ transition: opacity 0.6s ease;
}
-
-.participation-more {
- float: left;
- margin: var(--base-size-8) var(--base-size-4) 0;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-indicators [data-bs-target] {
+ transition: none;
+ }
}
-
-.inline-comment-form .form-actions,
-.timeline-new-comment .form-actions {
- padding: 0 var(--base-size-8) var(--base-size-8);
+.carousel-indicators .active {
+ opacity: 1;
}
-.inline-comment-form::before {
- display: table;
- content: '';
+.carousel-caption {
+ position: absolute;
+ right: 15%;
+ bottom: 1.25rem;
+ left: 15%;
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ color: #fff;
+ text-align: center;
}
-.inline-comment-form::after {
- display: table;
- clear: both;
- content: '';
+.carousel-dark .carousel-control-prev-icon,
+.carousel-dark .carousel-control-next-icon {
+ filter: invert(1) grayscale(100);
}
-
-.inline-comment-form .tabnav-tabs {
- display: inline-block;
+.carousel-dark .carousel-indicators [data-bs-target] {
+ background-color: #000;
}
-
-.inline-comment-form .form-actions {
- float: right;
+.carousel-dark .carousel-caption {
+ color: #000;
}
-.gh-header-actions {
- float: right;
- margin-top: var(--base-size-4);
+@-webkit-keyframes spinner-border {
+ to {
+ transform: rotate(360deg) /* rtl:ignore */;
+ }
}
-.gh-header-actions .btn-sm {
- float: left;
- margin-left: var(--base-size-4);
+@keyframes spinner-border {
+ to {
+ transform: rotate(360deg) /* rtl:ignore */;
+ }
}
-
-.gh-header-actions .btn-sm .octicon {
- margin-right: 0;
+.spinner-border {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ vertical-align: -0.125em;
+ border: 0.25em solid currentColor;
+ border-right-color: transparent;
+ border-radius: 50%;
+ -webkit-animation: 0.75s linear infinite spinner-border;
+ animation: 0.75s linear infinite spinner-border;
}
-.gh-header {
- background-color: var(--bgColor-default, var(--color-canvas-default));
+.spinner-border-sm {
+ width: 1rem;
+ height: 1rem;
+ border-width: 0.2em;
}
-.gh-header .gh-header-sticky {
- height: 1px;
+@-webkit-keyframes spinner-grow {
+ 0% {
+ transform: scale(0);
+ }
+ 50% {
+ opacity: 1;
+ transform: none;
+ }
}
-.gh-header .gh-header-sticky .meta {
- font-size: 12px;
+@keyframes spinner-grow {
+ 0% {
+ transform: scale(0);
+ }
+ 50% {
+ opacity: 1;
+ transform: none;
+ }
}
-
-.gh-header .gh-header-sticky .sticky-content,
-.gh-header .gh-header-sticky .gh-header-shadow {
- display: none;
+.spinner-grow {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ vertical-align: -0.125em;
+ background-color: currentColor;
+ border-radius: 50%;
+ opacity: 0;
+ -webkit-animation: 0.75s linear infinite spinner-grow;
+ animation: 0.75s linear infinite spinner-grow;
}
-.gh-header .gh-header-sticky.is-stuck {
- z-index: 110;
- height: 60px;
+.spinner-grow-sm {
+ width: 1rem;
+ height: 1rem;
}
-.gh-header .gh-header-sticky.is-stuck .sticky-content {
- display: block;
+@media (prefers-reduced-motion: reduce) {
+ .spinner-border,
+ .spinner-grow {
+ -webkit-animation-duration: 1.5s;
+ animation-duration: 1.5s;
+ }
}
-
-.gh-header .gh-header-sticky.is-stuck .css-truncate-target {
- max-width: 150px;
+.offcanvas {
+ position: fixed;
+ bottom: 0;
+ z-index: 1045;
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ visibility: hidden;
+ background-color: #fff;
+ background-clip: padding-box;
+ outline: 0;
+ transition: transform 0.3s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .offcanvas {
+ transition: none;
+ }
}
-.gh-header .gh-header-sticky.is-stuck + .gh-header-shadow {
+.offcanvas-backdrop {
position: fixed;
top: 0;
- right: 0;
left: 0;
- z-index: 109;
- display: block;
- height: 60px;
- content: '';
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+ z-index: 1040;
+ width: 100vw;
+ height: 100vh;
+ background-color: #000;
}
-
-.gh-header .gh-header-edit {
- display: none;
+.offcanvas-backdrop.fade {
+ opacity: 0;
}
-
-.gh-header .gh-header-meta .base-ref {
- display: inline-block;
+.offcanvas-backdrop.show {
+ opacity: 0.5;
}
-.gh-header .gh-header-meta .commit-ref-dropdown {
- display: none;
+.offcanvas-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 1rem 1rem;
}
-
-.gh-header.open .gh-header-show {
- display: none;
+.offcanvas-header .btn-close {
+ padding: 0.5rem 0.5rem;
+ margin-top: -0.5rem;
+ margin-right: -0.5rem;
+ margin-bottom: -0.5rem;
}
-.gh-header.open .gh-header-edit {
- display: block;
+.offcanvas-title {
+ margin-bottom: 0;
+ line-height: 1.5;
}
-.gh-header.open .gh-header-meta .base-ref {
- display: none;
+.offcanvas-body {
+ flex-grow: 1;
+ padding: 1rem 1rem;
+ overflow-y: auto;
}
-.gh-header.open .gh-header-meta .commit-ref-dropdown {
- display: inline-block;
- margin-top: calc(var(--base-size-4) * -1);
- vertical-align: top;
+.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: 400px;
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateX(-100%);
}
-.gh-header-title {
- margin-right: 150px;
- margin-bottom: 0;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1.125;
- word-wrap: break-word;
+.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: 400px;
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateX(100%);
}
-.gh-header-no-access .gh-header-title {
- margin-right: 0;
+.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: 30vh;
+ max-height: 100%;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateY(-100%);
}
-.gh-header-number {
- font-weight: var(--base-text-weight-light, 300);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: 30vh;
+ max-height: 100%;
+ border-top: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateY(100%);
}
-.gh-header-meta {
- padding-bottom: var(--base-size-8);
- margin-top: var(--base-size-8);
- font-size: 14px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.offcanvas.show {
+ transform: none;
}
-.gh-header.issue .gh-header-meta {
- margin-bottom: var(--base-size-16);
+.placeholder {
+ display: inline-block;
+ min-height: 1em;
+ vertical-align: middle;
+ cursor: wait;
+ background-color: currentColor;
+ opacity: 0.5;
}
-
-.gh-header.pull .gh-header-meta {
- padding-bottom: 0;
- border-bottom: 0;
+.placeholder.btn::before {
+ display: inline-block;
+ content: '';
}
-.gh-header-meta .commit-ref .css-truncate-target,
-.gh-header-meta .commit-ref:hover .css-truncate-target {
- max-width: 80vw;
+.placeholder-xs {
+ min-height: 0.6em;
}
-.gh-header-meta .State {
- margin-right: var(--base-size-8);
+.placeholder-sm {
+ min-height: 0.8em;
}
-.gh-header-meta .avatar {
- float: left;
- margin-top: calc(var(--base-size-4) * -1);
- margin-right: var(--base-size-4);
+.placeholder-lg {
+ min-height: 1.2em;
}
-.timeline-comment-wrapper {
- position: relative;
- padding-left: 56px;
- margin-top: var(--base-size-16);
- margin-bottom: var(--base-size-16);
+.placeholder-glow .placeholder {
+ -webkit-animation: placeholder-glow 2s ease-in-out infinite;
+ animation: placeholder-glow 2s ease-in-out infinite;
}
-.timeline-comment-avatar {
- float: left;
- margin-left: -56px;
- border-radius: var(--borderRadius-medium);
+@-webkit-keyframes placeholder-glow {
+ 50% {
+ opacity: 0.2;
+ }
}
-.timeline-comment-avatar .avatar {
- width: var(--base-size-40);
- height: var(--base-size-40);
+@keyframes placeholder-glow {
+ 50% {
+ opacity: 0.2;
+ }
}
-
-.timeline-comment-avatar .avatar-child {
- width: 20px;
- height: 20px;
+.placeholder-wave {
+ -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+ mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+ -webkit-mask-size: 200% 100%;
+ mask-size: 200% 100%;
+ -webkit-animation: placeholder-wave 2s linear infinite;
+ animation: placeholder-wave 2s linear infinite;
}
-.timeline-comment {
- position: relative;
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
+@-webkit-keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0%;
+ mask-position: -200% 0%;
+ }
}
-.timeline-comment.will-transition-once {
- transition: border-color 0.65s ease-in-out;
+@keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0%;
+ mask-position: -200% 0%;
+ }
}
-
-.timeline-comment.will-transition-once .timeline-comment-header {
- transition: background-color 0.65s ease, border-bottom-color 0.65s ease-in-out;
+.clearfix::after {
+ display: block;
+ clear: both;
+ content: '';
}
-.timeline-comment.will-transition-once::before,
-.timeline-comment.will-transition-once::after {
- transition: border-right-color 0.65s ease-in-out;
+.link-primary {
+ color: #0d6efd;
}
-
-.timeline-comment.current-user {
- border-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-primary:hover,
+.link-primary:focus {
+ color: #0a58ca;
}
-.timeline-comment.current-user .timeline-comment-header {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-bottom-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-secondary {
+ color: #6c757d;
}
-
-.timeline-comment.current-user .Label {
- border-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-secondary:hover,
+.link-secondary:focus {
+ color: #565e64;
}
-.timeline-comment.current-user .previewable-comment-form .comment-form-head.tabnav {
- color: var(--borderColor-accent-muted, var(--color-accent-muted));
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-bottom-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-success {
+ color: #198754;
}
-
-.timeline-comment.unread-item,
-.timeline-comment.is-internal {
- border-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-success:hover,
+.link-success:focus {
+ color: #146c43;
}
-.timeline-comment.unread-item .timeline-comment-header,
-.timeline-comment.is-internal .timeline-comment-header {
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
- border-bottom-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-info {
+ color: #0dcaf0;
}
-
-.timeline-comment.unread-item .Label,
-.timeline-comment.is-internal .Label {
- border-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-info:hover,
+.link-info:focus {
+ color: #3dd5f3;
}
-.timeline-comment.unread-item .previewable-comment-form .comment-form-head.tabnav,
-.timeline-comment.is-internal .previewable-comment-form .comment-form-head.tabnav {
- color: var(--borderColor-attention-muted, var(--color-attention-muted));
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
- border-bottom-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-warning {
+ color: #ffc107;
}
-
-.timeline-comment:empty {
- display: none;
+.link-warning:hover,
+.link-warning:focus {
+ color: #ffcd39;
}
-.timeline-comment .comment + .comment {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.link-danger {
+ color: #dc3545;
}
-
-.timeline-comment .comment + .comment::before,
-.timeline-comment .comment + .comment::after {
- display: none;
+.link-danger:hover,
+.link-danger:focus {
+ color: #b02a37;
}
-.timeline-comment .comment + .comment .timeline-comment-header {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
+.link-light {
+ color: #f8f9fa;
}
-
-.timeline-comment--caret-nw.empty-copilot-review::after,
-.timeline-comment--caret-nw.empty-copilot-review::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.link-light:hover,
+.link-light:focus {
+ color: #f9fafb;
}
-.timeline-comment--caret-nw.empty-copilot-review::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-default, var(--color-canvas-subtle)),
- var(--bgColor-default, var(--color-canvas-subtle))
- );
+.link-dark {
+ color: #212529;
}
-
-.timeline-comment--caret-nw.empty-copilot-review::before {
- background-color: var(--borderColor-default, var(--color-border-default));
+.link-dark:hover,
+.link-dark:focus {
+ color: #1a1e21;
}
-.timeline-comment--caret::after,
-.timeline-comment--caret::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
+.ratio {
+ position: relative;
+ width: 100%;
+}
+.ratio::before {
display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+ padding-top: var(--bs-aspect-ratio);
+ content: '';
}
-
-.timeline-comment--caret::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-muted, var(--color-canvas-subtle)),
- var(--bgColor-muted, var(--color-canvas-subtle))
- );
+.ratio > * {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
}
-.timeline-comment--caret::before {
- background-color: var(--borderColor-default, var(--color-border-default));
+.ratio-1x1 {
+ --bs-aspect-ratio: 100%;
}
-.is-pending .timeline-comment--caret::after,
-.is-pending .timeline-comment--caret::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.ratio-4x3 {
+ --bs-aspect-ratio: 75%;
}
-.is-pending .timeline-comment--caret::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-attention-muted, var(--color-attention-subtle)),
- var(--bgColor-attention-muted, var(--color-attention-subtle))
- );
+.ratio-16x9 {
+ --bs-aspect-ratio: 56.25%;
}
-.is-pending .timeline-comment--caret::before {
- background-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
+.ratio-21x9 {
+ --bs-aspect-ratio: 42.8571428571%;
}
-.timeline-comment--caret.current-user::after,
-.timeline-comment--caret.current-user::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.fixed-top {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1030;
}
-.timeline-comment--caret.current-user::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-accent-muted, var(--color-accent-subtle)),
- var(--bgColor-accent-muted, var(--color-accent-subtle))
- );
+.fixed-bottom {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1030;
}
-.timeline-comment--caret.current-user::before {
- background-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.sticky-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
}
-.timeline-comment--caret.unread-item::after,
-.timeline-comment--caret.unread-item::before,
-.timeline-comment--caret.is-internal::after,
-.timeline-comment--caret.is-internal::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+@media (min-width: 576px) {
+ .sticky-sm-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
}
-
-.timeline-comment--caret.unread-item::after,
-.timeline-comment--caret.is-internal::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-attention-muted, var(--color-attention-subtle)),
- var(--bgColor-attention-muted, var(--color-attention-subtle))
- );
+@media (min-width: 768px) {
+ .sticky-md-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
}
-
-.timeline-comment--caret.unread-item::before,
-.timeline-comment--caret.is-internal::before {
- background-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+@media (min-width: 992px) {
+ .sticky-lg-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1200px) {
+ .sticky-xl-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1400px) {
+ .sticky-xxl-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+.hstack {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ align-self: stretch;
}
-.timeline-comment--caret.timeline-comment--caret-nw::before,
-.timeline-comment--caret.timeline-comment--caret-nw::after {
- transform: rotate(90deg);
+.vstack {
+ display: flex;
+ flex: 1 1 auto;
+ flex-direction: column;
+ align-self: stretch;
}
-.timeline-comment--caret.timeline-comment--caret-nw::before {
- top: -12px;
- left: var(--base-size-12);
+.visually-hidden,
+.visually-hidden-focusable:not(:focus):not(:focus-within) {
+ position: absolute !important;
+ width: 1px !important;
+ height: 1px !important;
+ padding: 0 !important;
+ margin: -1px !important;
+ overflow: hidden !important;
+ clip: rect(0, 0, 0, 0) !important;
+ white-space: nowrap !important;
+ border: 0 !important;
}
-.timeline-comment--caret.timeline-comment--caret-nw::after {
- top: -10px;
- left: 10px;
+.stretched-link::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ content: '';
}
-.page-responsive .timeline-comment--caret::before,
-.page-responsive .timeline-comment--caret::after {
- display: none;
+.text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
-@media (min-width: 768px) {
- .page-responsive .timeline-comment--caret::before,
- .page-responsive .timeline-comment--caret::after {
- display: block;
- }
+.vr {
+ display: inline-block;
+ align-self: stretch;
+ width: 1px;
+ min-height: 1em;
+ background-color: currentColor;
+ opacity: 0.25;
}
-:target .timeline-comment--caret::before {
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-fg));
+.align-baseline {
+ vertical-align: baseline !important;
}
-:target .timeline-comment--caret::after {
- margin-left: 2px !important;
+.align-top {
+ vertical-align: top !important;
}
-:target .timeline-comment {
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-fg));
- outline: none !important;
- box-shadow: 0 0 0 1px var(--fgColor-accent, var(--color-accent-fg)) !important;
+.align-middle {
+ vertical-align: middle !important;
}
-.review-comment:target {
- border-radius: var(--borderRadius-medium);
- outline: none !important;
- box-shadow: 0 0 0 1px var(--fgColor-accent, var(--color-accent-fg)) !important;
+.align-bottom {
+ vertical-align: bottom !important;
}
-.timeline-comment-header {
- display: flex;
- align-items: center;
- padding-right: var(--base-size-16);
- padding-left: var(--base-size-16);
- color: var(--fgColor-muted, var(--color-fg-muted));
- flex-direction: row-reverse;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+.align-text-bottom {
+ vertical-align: text-bottom !important;
}
-.timeline-comment-header:only-child {
- border-bottom: 0;
- border-radius: var(--borderRadius-medium);
+.align-text-top {
+ vertical-align: text-top !important;
}
-.timeline-comment-header .author {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.float-start {
+ float: left !important;
}
-.timeline-comment-header code {
- word-break: break-all;
+.float-end {
+ float: right !important;
}
-.timeline-comment-header-text {
- min-width: 0;
- padding-top: var(--base-size-8);
- padding-bottom: var(--base-size-8);
- margin-bottom: 1px;
- flex: 1 1 auto;
+.float-none {
+ float: none !important;
}
-.timeline-comment-header-text code a {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.opacity-0 {
+ opacity: 0 !important;
}
-.timeline-comment-actions {
- float: right;
- margin-left: var(--base-size-8);
+.opacity-25 {
+ opacity: 0.25 !important;
}
-.timeline-comment-actions .show-more-popover.dropdown-menu-sw {
- right: -6px;
- margin-top: calc(var(--base-size-4) * -1);
+.opacity-50 {
+ opacity: 0.5 !important;
}
-.timeline-comment-action {
- display: inline-block;
- padding: var(--base-size-8) var(--base-size-4);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.opacity-75 {
+ opacity: 0.75 !important;
}
-.timeline-comment-action:hover,
-.timeline-comment-action:focus {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- opacity: 1;
+.opacity-100 {
+ opacity: 1 !important;
}
-.timeline-comment-action .octicon-check {
- height: 16px;
+.overflow-auto {
+ overflow: auto !important;
}
-.timeline-comment-action.disabled {
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: default;
+.overflow-hidden {
+ overflow: hidden !important;
}
-.timeline-comment-action.disabled:hover {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.overflow-visible {
+ overflow: visible !important;
}
-.timeline-new-comment {
- margin-bottom: 0;
+.overflow-scroll {
+ overflow: scroll !important;
}
-.timeline-new-comment .comment-form-head {
- margin-bottom: var(--base-size-8);
+.d-inline {
+ display: inline !important;
}
-.timeline-new-comment .previewable-comment-form .comment-body {
- padding-top: 0;
+.d-inline-block {
+ display: inline-block !important;
}
-.discussion-item-icon {
- float: left;
- width: 32px;
- height: 32px;
- margin-top: calc(var(--base-size-4) * -1);
- margin-left: -39px;
- line-height: 28px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- text-align: center;
- background-color: var(--timelineBadge-bgColor, var(--color-timeline-badge-bg));
- border: var(--borderWidth-thick) solid var(--bgColor-default, var(--color-canvas-default));
- border-radius: 50%;
+.d-block {
+ display: block !important;
}
-.discussion-item-header {
- color: var(--fgColor-muted, var(--color-fg-muted));
- word-wrap: break-word;
+.d-grid {
+ display: grid !important;
}
-.discussion-item-header .discussion-item-private {
- vertical-align: -1px;
+.d-table {
+ display: table !important;
}
-.discussion-item-header:last-child {
- padding-bottom: 0;
+.d-table-row {
+ display: table-row !important;
}
-.discussion-item-header .commit-ref {
- font-size: 85%;
- vertical-align: baseline;
+.d-table-cell {
+ display: table-cell !important;
}
-.discussion-item-header .btn-outline {
- float: right;
- padding: var(--base-size-4) var(--base-size-8);
- margin-top: calc(var(--base-size-4) * -1);
- margin-left: var(--base-size-8);
+.d-flex {
+ display: flex !important;
}
-.discussion-item-private {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.d-inline-flex {
+ display: inline-flex !important;
}
-.previewable-comment-form .comment-form-head.tabnav {
- padding: var(--base-size-8) var(--base-size-8) 0;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.d-none {
+ display: none !important;
}
-@media (min-width: 768px) {
- .page-responsive .previewable-comment-form .comment-form-head.tabnav {
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- }
+.shadow {
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
-.previewable-comment-form .comment-body {
- padding-top: var(--base-size-8);
- padding-right: var(--base-size-8);
- padding-bottom: var(--base-size-8);
- padding-left: var(--base-size-8);
- background-color: transparent;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.shadow-sm {
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
-.previewable-comment-form .timeline-comment .timeline-comment-actions {
- display: none;
+.shadow-lg {
+ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
-.new-discussion-timeline .composer .timeline-comment {
- margin-bottom: var(--base-size-8);
+.shadow-none {
+ box-shadow: none !important;
}
-.new-discussion-timeline .composer .comment-form-head.tabnav {
- padding-top: 0;
- background-color: var(--bgColor-default, var(--color-canvas-default));
+.position-static {
+ position: static !important;
}
-.composer.composer-responsive {
- padding-left: 0;
+.position-relative {
+ position: relative !important;
}
-.composer.composer-responsive .discussion-topic-header {
- padding: 0;
+.position-absolute {
+ position: absolute !important;
}
-.composer.composer-responsive .timeline-comment {
- border: 0;
+.position-fixed {
+ position: fixed !important;
}
-.composer.composer-responsive .timeline-comment::before,
-.composer.composer-responsive .timeline-comment::after {
- display: none;
+.position-sticky {
+ position: -webkit-sticky !important;
+ position: sticky !important;
}
-.composer.composer-responsive .previewable-comment-form .write-content {
- margin: 0;
+.top-0 {
+ top: 0 !important;
}
-@media (min-width: 768px) {
- .composer.composer-responsive {
- padding-left: 56px;
- }
-
- .composer.composer-responsive .timeline-comment {
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- }
-
- .composer.composer-responsive .timeline-comment::after,
- .composer.composer-responsive .timeline-comment::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
- }
-
- .composer.composer-responsive .timeline-comment::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-default, var(--color-canvas-default)),
- var(--bgColor-default, var(--color-canvas-default))
- );
- }
-
- .composer.composer-responsive .timeline-comment::before {
- background-color: var(--borderColor-default, var(--color-border-default));
- }
+.top-50 {
+ top: 50% !important;
}
-.discussion-timeline-actions {
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-top: var(--borderWidth-thick) solid var(--borderColor-default, var(--color-border-default));
+.top-100 {
+ top: 100% !important;
}
-.discussion-timeline-actions .thread-subscription-status {
- margin-top: var(--base-size-16);
+.bottom-0 {
+ bottom: 0 !important;
}
-.pagination-loader-container {
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: url('/assets/progressive-disclosure-line-7908f33fc4c6.svg');
- background-repeat: repeat-x;
- background-position: center;
- background-size: var(--base-size-16);
+.bottom-50 {
+ bottom: 50% !important;
}
-[data-color-mode='light'][data-light-theme*='dark'] .pagination-loader-container,
-[data-color-mode='dark'][data-dark-theme*='dark'] .pagination-loader-container {
- background-image: url('/assets/progressive-disclosure-line-dark-b31a1fc5e932.svg');
+.bottom-100 {
+ bottom: 100% !important;
}
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] .pagination-loader-container {
- background-image: url('/assets/progressive-disclosure-line-dark-b31a1fc5e932.svg');
- }
+.start-0 {
+ left: 0 !important;
}
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] .pagination-loader-container {
- background-image: url('/assets/progressive-disclosure-line-dark-b31a1fc5e932.svg');
- }
+.start-50 {
+ left: 50% !important;
}
-:target .timeline-comment-group .timeline-comment .timeline-comment-group .timeline-comment {
- box-shadow: none !important;
+.start-100 {
+ left: 100% !important;
}
-.is-pending .form-actions {
- margin-right: var(--base-size-8);
- margin-bottom: var(--base-size-4);
+.end-0 {
+ right: 0 !important;
}
-.is-pending .file,
-.is-pending .file-header,
-.is-pending .tabnav-tab.selected,
-.is-pending .comment-form-head.tabnav {
- border-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
+.end-50 {
+ right: 50% !important;
}
-.is-pending .file-header,
-.is-pending .comment-form-head.tabnav {
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
+.end-100 {
+ right: 100% !important;
}
-.discussion-item-icon-gray {
- background-color: var(--timelineBadge-bgColor, var(--color-timeline-badge-bg)) !important;
+.translate-middle {
+ transform: translate(-50%, -50%) !important;
}
-.footer-octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
- offset: 2px;
+.translate-middle-x {
+ transform: translateX(-50%) !important;
}
-.footer-octicon:hover {
- color: var(--fgColor-disabled, var(--color-fg-subtle));
+.translate-middle-y {
+ transform: translateY(-50%) !important;
}
-.global-create-button {
- padding: 0 var(--control-small-paddingInline-condensed);
+.border {
+ border: 1px solid #dee2e6 !important;
}
-.user-mention,
-.team-mention {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
- white-space: nowrap;
+.border-0 {
+ border: 0 !important;
}
-.Popover .user-mention,
-.Popover .team-mention {
- white-space: normal;
+.border-top {
+ border-top: 1px solid #dee2e6 !important;
}
-@media (max-width: 543px) {
- .notifications-component-menu-modal {
- margin: calc(10vh - 16px) 0;
- }
+.border-top-0 {
+ border-top: 0 !important;
}
-@media (min-width: 544px) {
- .notifications-component-menu-modal {
- width: 100%;
- }
+.border-end {
+ border-right: 1px solid #dee2e6 !important;
}
-@media (min-width: 768px) {
- .notifications-component-menu-modal {
- min-width: 300px;
- }
+.border-end-0 {
+ border-right: 0 !important;
}
-.notifications-component-dialog-overlay {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 80;
- display: block;
- cursor: default;
- content: ' ';
- background: transparent;
- background: var(--overlay-backdrop-bgColor, var(--color-primer-canvas-backdrop));
+.border-bottom {
+ border-bottom: 1px solid #dee2e6 !important;
}
-@media (min-width: 544px) {
- .notifications-component-dialog-overlay {
- display: none;
- }
+.border-bottom-0 {
+ border-bottom: 0 !important;
}
-.pagehead {
- position: relative;
- padding-top: var(--base-size-24);
- padding-bottom: var(--base-size-24);
- margin-bottom: var(--base-size-24);
- border-bottom: solid var(--borderWidth-thin) var(--borderColor-default);
+.border-start {
+ border-left: 1px solid #dee2e6 !important;
}
-.pagehead.admin {
- background: url('/assets/background-yellowhatch-v3-ffd8c31a935a.png') 0 0 repeat-x;
+.border-start-0 {
+ border-left: 0 !important;
}
-.pagehead ul.pagehead-actions {
- position: relative;
- z-index: 31;
- float: right;
- margin: 0;
+.border-primary {
+ border-color: #0d6efd !important;
}
-.pagehead .path-divider {
- margin: 0 0.25em;
+.border-secondary {
+ border-color: #6c757d !important;
}
-.pagehead h1 {
- min-height: var(--base-size-32);
- margin-top: 0;
- margin-bottom: 0;
- font-size: 20px;
- font-weight: var(--base-text-weight-normal, 400);
+.border-success {
+ border-color: #198754 !important;
}
-.pagehead h1 .avatar {
- margin-top: -2px;
- margin-right: var(--base-size-8);
- margin-bottom: -2px;
+.border-info {
+ border-color: #0dcaf0 !important;
}
-.pagehead .underline-nav {
- height: 69px;
- margin-top: calc(var(--base-size-16) * -1);
- margin-bottom: calc(var(--base-size-16) * -1);
+.border-warning {
+ border-color: #ffc107 !important;
}
-.pagehead-heading {
- color: inherit;
+.border-danger {
+ border-color: #dc3545 !important;
}
-.pagehead-actions > li {
- float: left;
- margin: 0 var(--base-size-8) 0 0;
- font-size: 12px;
- color: var(--fgColor-default, var(--color-fg-default));
- list-style-type: none;
+.border-light {
+ border-color: #f8f9fa !important;
}
-.pagehead-actions > li:last-child {
- margin-right: 0;
+.border-dark {
+ border-color: #212529 !important;
}
-.pagehead-actions .octicon-mute {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.border-white {
+ border-color: #fff !important;
}
-.pagehead-actions .select-menu {
- position: relative;
+.border-1 {
+ border-width: 1px !important;
}
-.pagehead-actions .select-menu::before {
- display: table;
- content: '';
+.border-2 {
+ border-width: 2px !important;
}
-.pagehead-actions .select-menu::after {
- display: table;
- clear: both;
- content: '';
+.border-3 {
+ border-width: 3px !important;
}
-.pagehead-actions .select-menu-modal-holder {
- top: 100%;
+.border-4 {
+ border-width: 4px !important;
}
-.pagehead-tabs-item {
- float: left;
- padding: var(--base-size-8) var(--base-size-16) var(--base-size-12);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- border: solid transparent;
- border-width: 3px var(--borderWidth-thin) var(--borderWidth-thin);
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.border-5 {
+ border-width: 5px !important;
}
-.pagehead-tabs-item .octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.w-25 {
+ width: 25% !important;
}
-.pagehead-tabs-item:hover {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
+.w-50 {
+ width: 50% !important;
}
-.pagehead-tabs-item.selected {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-color: var(--borderColor-severe-emphasis, var(--color-severe-emphasis))
- var(--borderColor-default, var(--color-border-default)) transparent;
+.w-75 {
+ width: 75% !important;
}
-.pagehead-tabs-item.selected > .octicon {
- color: inherit;
+.w-100 {
+ width: 100% !important;
}
-.reponav {
- position: relative;
- top: 1px;
- margin-top: calc(var(--base-size-4) * -1);
+.w-auto {
+ width: auto !important;
}
-.reponav::before {
- display: table;
- content: '';
+.mw-100 {
+ max-width: 100% !important;
}
-.reponav::after {
- display: table;
- clear: both;
- content: '';
+.vw-100 {
+ width: 100vw !important;
}
-.reponav-item {
- float: left;
- padding: var(--base-size-8) var(--base-size-16) var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- border: solid transparent;
- border-width: 3px var(--borderWidth-thin) var(--borderWidth-thin);
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.min-vw-100 {
+ min-width: 100vw !important;
}
-.reponav-item .octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.h-25 {
+ height: 25% !important;
}
-.reponav-item:hover,
-.reponav-item:focus {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
+.h-50 {
+ height: 50% !important;
}
-.reponav-item.selected {
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-color: var(--borderColor-severe-emphasis, var(--color-severe-emphasis))
- var(--borderColor-default, var(--color-border-default)) transparent;
+.h-75 {
+ height: 75% !important;
}
-.reponav-item.selected .octicon {
- color: inherit;
+.h-100 {
+ height: 100% !important;
}
-.reponav-wrapper {
- position: relative;
- z-index: 2;
- overflow-y: hidden;
- background-color: var(--bgColor-neutral-emphasis, var(--color-neutral-emphasis));
+.h-auto {
+ height: auto !important;
}
-.reponav-wrapper .reponav {
- top: 0;
- padding-right: var(--base-size-8);
- padding-left: var(--base-size-8);
- margin-top: 0;
- -webkit-overflow-scrolling: touch;
- overflow-x: auto;
- color: rgba(255, 255, 255, 0.75);
+.mh-100 {
+ max-height: 100% !important;
}
-.reponav-wrapper .reponav-item {
- display: inline-block;
- float: none;
- padding: var(--base-size-4) var(--base-size-8) var(--base-size-16);
- color: var(--fgColor-muted, var(--color-fg-muted));
- border: 0;
+.vh-100 {
+ height: 100vh !important;
}
-.reponav-wrapper .reponav-item.selected {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: transparent;
- border: 0;
+.min-vh-100 {
+ min-height: 100vh !important;
}
-@media (max-width: 768px) {
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) {
- background-color: transparent;
- }
-
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem)
- .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
- }
-
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane .ActionList-item--navActive::after {
- display: none;
- }
-
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
+.flex-fill {
+ flex: 1 1 auto !important;
}
-.steps {
- display: table;
- width: 100%;
- padding: 0;
- margin: var(--base-size-32) auto 0;
- overflow: hidden;
- list-style: none;
- border: var(--borderWidth-thin) solid #dfe2e5;
- border-radius: var(--borderRadius-medium);
- box-shadow: 0 1px 3px rgba(27, 31, 35, 0.05);
+.flex-row {
+ flex-direction: row !important;
}
-.steps li {
- display: table-cell;
- width: 33.3%;
- padding: var(--base-size-8) var(--base-size-16);
- color: #c6cbd1;
- cursor: default;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-left: var(--borderWidth-thin) solid #dfe2e5;
+.flex-column {
+ flex-direction: column !important;
}
-.steps li.current {
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
+.flex-row-reverse {
+ flex-direction: row-reverse !important;
}
-.steps li.current .octicon {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.flex-column-reverse {
+ flex-direction: column-reverse !important;
}
-.steps li .octicon {
- float: left;
- margin-right: var(--base-size-16);
- margin-bottom: var(--base-size-4);
+.flex-grow-0 {
+ flex-grow: 0 !important;
}
-.steps li .step {
- display: block;
+.flex-grow-1 {
+ flex-grow: 1 !important;
}
-.steps li:first-child {
- border-left: 0;
+.flex-shrink-0 {
+ flex-shrink: 0 !important;
}
-.steps .complete {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.flex-shrink-1 {
+ flex-shrink: 1 !important;
}
-.steps .complete .octicon {
- color: var(--fgColor-success, var(--color-success-fg));
+.flex-wrap {
+ flex-wrap: wrap !important;
}
-.prose-diff .anchor {
- display: none;
+.flex-nowrap {
+ flex-wrap: nowrap !important;
}
-.prose-diff .show-rich-diff {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- cursor: pointer;
+.flex-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
}
-.prose-diff .show-rich-diff:hover {
- text-decoration: underline;
+.gap-0 {
+ gap: 0 !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable {
- cursor: pointer;
+.gap-1 {
+ gap: 0.25rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable .vicinity {
- display: block;
+.gap-2 {
+ gap: 0.5rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable .unchanged:not(.vicinity) {
- display: none;
+.gap-3 {
+ gap: 1rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable .octicon {
- display: block;
- margin: var(--base-size-16) auto;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.gap-4 {
+ gap: 1.5rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable:hover .octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.gap-5 {
+ gap: 3rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable:only-child::before {
- font-size: 16px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- content: 'Sorry, no visible changes to display.';
+.justify-content-start {
+ justify-content: flex-start !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable:only-child:hover::before {
- color: var(--fgColor-default, var(--color-fg-default));
+.justify-content-end {
+ justify-content: flex-end !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable > .removed,
-.prose-diff.collapsed .rich-diff-level-zero.expandable > del {
- display: none;
- text-decoration: none;
+.justify-content-center {
+ justify-content: center !important;
}
-.prose-diff .markdown-body {
- padding: var(--base-size-32);
- padding-left: var(--base-size-16);
+.justify-content-between {
+ justify-content: space-between !important;
}
-.prose-diff .markdown-body > ins {
- box-shadow: inset 4px 0 0 var(--borderColor-success-muted, var(--color-success-muted));
+.justify-content-around {
+ justify-content: space-around !important;
}
-.prose-diff .markdown-body > del {
- text-decoration: none;
- box-shadow: inset 4px 0 0 var(--borderColor-danger-muted, var(--color-danger-muted));
+.justify-content-evenly {
+ justify-content: space-evenly !important;
}
-.prose-diff .markdown-body > ins,
-.prose-diff .markdown-body > del {
- display: block;
- border-radius: 0;
+.align-items-start {
+ align-items: flex-start !important;
}
-.prose-diff .markdown-body > ins > .rich-diff-level-zero,
-.prose-diff .markdown-body > ins > .rich-diff-level-one,
-.prose-diff .markdown-body > del > .rich-diff-level-zero,
-.prose-diff .markdown-body > del > .rich-diff-level-one {
- margin-left: var(--base-size-16);
+.align-items-end {
+ align-items: flex-end !important;
}
-.prose-diff .markdown-body > ins:first-child *,
-.prose-diff .markdown-body > del:first-child * {
- margin-top: 0;
+.align-items-center {
+ align-items: center !important;
}
-.prose-diff .rich-diff-level-zero.added {
- box-shadow: inset 4px 0 0 var(--borderColor-success-muted, var(--color-success-muted));
+.align-items-baseline {
+ align-items: baseline !important;
}
-.prose-diff .rich-diff-level-zero.removed {
- box-shadow: inset 4px 0 0 var(--borderColor-danger-muted, var(--color-danger-muted));
+.align-items-stretch {
+ align-items: stretch !important;
}
-.prose-diff .rich-diff-level-zero.changed {
- box-shadow: inset 4px 0 0 var(--borderColor-attention-muted, var(--color-attention-muted));
+.align-content-start {
+ align-content: flex-start !important;
}
-.prose-diff .rich-diff-level-zero.unchanged,
-.prose-diff .rich-diff-level-zero.vicinity {
- margin-left: var(--base-size-16);
+.align-content-end {
+ align-content: flex-end !important;
}
-.prose-diff .rich-diff-level-zero.added,
-.prose-diff .rich-diff-level-zero.removed,
-.prose-diff .rich-diff-level-zero.changed {
- display: block;
- border-radius: 0;
+.align-content-center {
+ align-content: center !important;
}
-.prose-diff .rich-diff-level-zero.added > .rich-diff-level-one,
-.prose-diff .rich-diff-level-zero.removed > .rich-diff-level-one,
-.prose-diff .rich-diff-level-zero.changed > .rich-diff-level-one {
- margin-left: var(--base-size-16);
+.align-content-between {
+ align-content: space-between !important;
}
-.prose-diff .rich-diff-level-zero.added:first-child *,
-.prose-diff .rich-diff-level-zero.removed:first-child *,
-.prose-diff .rich-diff-level-zero.changed:first-child * {
- margin-top: 0;
+.align-content-around {
+ align-content: space-around !important;
}
-.prose-diff :not(.changed) > :not(.github-user-ins):not(.github-user-del) > .removed,
-.prose-diff :not(.changed) > :not(.github-user-ins):not(.github-user-del) > del {
- text-decoration: none;
+.align-content-stretch {
+ align-content: stretch !important;
}
-.prose-diff .changed del,
-.prose-diff .changed del pre,
-.prose-diff .changed del code,
-.prose-diff .changed del > div,
-.prose-diff .changed .removed,
-.prose-diff .changed .removed pre,
-.prose-diff .changed .removed code,
-.prose-diff .changed .removed > div {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: line-through;
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.align-self-auto {
+ align-self: auto !important;
}
-.prose-diff .changed ins,
-.prose-diff .changed ins code,
-.prose-diff .changed ins pre,
-.prose-diff .changed .added {
- color: var(--fgColor-default, var(--color-fg-default));
- background: var(--bgColor-success-muted, var(--color-success-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-success-muted, var(--color-success-muted));
+.align-self-start {
+ align-self: flex-start !important;
}
-.prose-diff > .markdown-body .github-user-ins {
- text-decoration: underline;
+.align-self-end {
+ align-self: flex-end !important;
}
-.prose-diff > .markdown-body .github-user-del {
- text-decoration: line-through;
+.align-self-center {
+ align-self: center !important;
}
-.prose-diff > .markdown-body li ul.added {
- background: var(--bgColor-success-muted, var(--color-success-subtle));
+.align-self-baseline {
+ align-self: baseline !important;
}
-.prose-diff > .markdown-body li ul.removed {
- color: var(--fgColor-default, var(--color-fg-default));
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.align-self-stretch {
+ align-self: stretch !important;
}
-.prose-diff > .markdown-body li ul.removed:not(.github-user-ins) {
- text-decoration: line-through;
+.order-first {
+ order: -1 !important;
}
-.prose-diff > .markdown-body li.added.moved-up .octicon,
-.prose-diff > .markdown-body li.added.moved-down .octicon {
- margin-right: var(--base-size-4);
- margin-left: var(--base-size-4);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.order-0 {
+ order: 0 !important;
}
-.prose-diff > .markdown-body li.added.moved {
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
+.order-1 {
+ order: 1 !important;
}
-.prose-diff > .markdown-body li.removed.moved {
- display: none;
+.order-2 {
+ order: 2 !important;
}
-.prose-diff > .markdown-body pre {
- padding: var(--base-size-8) var(--base-size-16);
+.order-3 {
+ order: 3 !important;
}
-.prose-diff > .markdown-body th.changed,
-.prose-diff > .markdown-body td.changed {
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
- border-left-color: var(--borderColor-default, var(--color-border-default));
+.order-4 {
+ order: 4 !important;
}
-.prose-diff > .markdown-body :not(li.moved).removed {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: line-through;
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.order-5 {
+ order: 5 !important;
}
-.prose-diff > .markdown-body :not(.github-user-ins):not(li.moved).removed {
- text-decoration: line-through;
+.order-last {
+ order: 6 !important;
}
-.prose-diff > .markdown-body :not(li.moved).added,
-.prose-diff > .markdown-body li:not(.moved).added {
- background: var(--bgColor-success-muted, var(--color-success-subtle));
+.m-0 {
+ margin: 0 !important;
}
-.prose-diff > .markdown-body :not(.github-user-del):not(li.moved).added li:not(.moved):not(.github-user-del).added {
- text-decoration: none;
+.m-1 {
+ margin: 0.25rem !important;
}
-.prose-diff > .markdown-body li:not(.moved).removed {
- color: var(--fgColor-default, var(--color-fg-default));
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.m-2 {
+ margin: 0.5rem !important;
}
-.prose-diff > .markdown-body li:not(.moved):not(.github-user-ins).removed {
- text-decoration: line-through;
+.m-3 {
+ margin: 1rem !important;
}
-.prose-diff > .markdown-body .added,
-.prose-diff > .markdown-body ins + .added,
-.prose-diff > .markdown-body ins {
- border-top: 0;
- border-bottom: 0;
+.m-4 {
+ margin: 1.5rem !important;
}
-.prose-diff > .markdown-body .added:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins + .added:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins:not(.github-user-del):not(.github-user-ins) {
- text-decoration: none;
+.m-5 {
+ margin: 3rem !important;
}
-.prose-diff > .markdown-body img.added,
-.prose-diff > .markdown-body img.removed {
- border-style: solid;
- border-width: var(--borderWidth-thin);
+.m-auto {
+ margin: auto !important;
}
-.prose-diff > .markdown-body ins pre:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins code:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins > div:not(.github-user-del):not(.github-user-ins) {
- text-decoration: none;
+.mx-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
}
-.prose-diff > .markdown-body ul > ins,
-.prose-diff > .markdown-body ul > del {
- display: block;
- padding: 0;
+.mx-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
}
-.prose-diff > .markdown-body .added > li,
-.prose-diff > .markdown-body .removed > li {
- margin-top: 0;
- margin-bottom: 0;
+.mx-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
}
-span.changed_tag,
-em.changed_tag,
-strong.changed_tag,
-b.changed_tag,
-i.changed_tag,
-code.changed_tag {
- border-bottom: var(--borderWidth-thin) dotted var(--borderColor-default, var(--color-border-default));
- border-radius: 0;
+.mx-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
}
-a.added_href,
-a.changed_href,
-span.removed_href {
- border-bottom: var(--borderWidth-thin) dotted var(--borderColor-default, var(--color-border-default));
- border-radius: 0;
+.mx-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
}
-.diff-view .file-type-prose .rich-diff {
- display: none;
+.mx-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
}
-.diff-view .display-rich-diff .rich-diff {
- display: block;
+.mx-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
}
-.diff-view .display-rich-diff .file-diff {
- display: none;
+.my-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
}
-.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.added,
-.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.removed,
-.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.changed {
- box-shadow: none;
+.my-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
}
-.protip {
- margin-top: var(--base-size-16);
- color: var(--fgColor-muted, var(--color-fg-muted));
- text-align: center;
+.my-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
}
-.protip strong {
- color: var(--fgColor-default, var(--color-fg-default));
+.my-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
}
-.protip code {
- padding: 2px;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-radius: var(--borderRadius-medium);
+.my-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
}
-.add-reactions-options-item {
- margin-top: -1px;
- margin-right: -1px;
- line-height: 29px;
- border: var(--borderWidth-thin) solid transparent;
+.my-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
}
-.add-reactions-options-item .emoji {
- display: inline-block;
- transition: transform 0.15s cubic-bezier(0.2, 0, 0.13, 2);
+.my-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
}
-.add-reactions-options-item:hover .emoji,
-.add-reactions-options-item:focus .emoji {
- text-decoration: none !important;
- transform: scale(1.2) !important;
+.mt-0 {
+ margin-top: 0 !important;
}
-.add-reactions-options-item:active {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.mt-1 {
+ margin-top: 0.25rem !important;
}
-.page-responsive .add-reactions-options-item {
- height: 20vw;
+.mt-2 {
+ margin-top: 0.5rem !important;
}
-@media (min-width: 544px) {
- .page-responsive .add-reactions-options-item {
- height: auto;
- }
+.mt-3 {
+ margin-top: 1rem !important;
}
-.comment-reactions {
- display: none;
+.mt-4 {
+ margin-top: 1.5rem !important;
}
-.comment-reactions::before {
- display: table;
- content: '';
+.mt-5 {
+ margin-top: 3rem !important;
}
-.comment-reactions::after {
- display: table;
- clear: both;
- content: '';
+.mt-auto {
+ margin-top: auto !important;
}
-.page-responsive .comment-reactions {
- display: none;
+.me-0 {
+ margin-right: 0 !important;
}
-@media (min-width: 768px) {
- .page-responsive .comment-reactions {
- display: none;
- }
-
- .page-responsive .comment-reactions.has-reactions {
- display: flex;
- }
+.me-1 {
+ margin-right: 0.25rem !important;
}
-.comment-reactions.has-reactions {
- display: flex;
+.me-2 {
+ margin-right: 0.5rem !important;
}
-.comment-reactions.has-reactions:not(.social-reactions) {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.me-3 {
+ margin-right: 1rem !important;
}
-.comment-reactions .user-has-reacted {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.me-4 {
+ margin-right: 1.5rem !important;
}
-.reactions-container .user-has-reacted {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.me-5 {
+ margin-right: 3rem !important;
}
-.social-reaction-summary-item + .social-reaction-summary-item {
- margin-left: var(--base-size-8);
+.me-auto {
+ margin-right: auto !important;
}
-.social-reactions .comment-body {
- margin-left: var(--base-size-16) !important;
+.mb-0 {
+ margin-bottom: 0 !important;
}
-.social-button-emoji {
- display: inline-block;
- width: 16px;
- height: 16px;
- font-size: 1em !important;
- line-height: 1.25;
- vertical-align: -1px;
+.mb-1 {
+ margin-bottom: 0.25rem !important;
}
-.social-reaction-summary-item {
- height: 26px;
- padding: 0 var(--base-size-4) !important;
- margin-right: 0;
- font-size: 12px;
- line-height: 26px;
- background-color: transparent;
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default, #d2dff0));
- border-radius: 100px;
+.mb-2 {
+ margin-bottom: 0.5rem !important;
}
-.social-reaction-summary-item:focus,
-.social-reaction-summary-item:focus-visible {
- border-radius: 100px !important;
+.mb-3 {
+ margin-bottom: 1rem !important;
}
-.social-reaction-summary-item:focus {
- border-color: var(--focus-outlineColor, var(--color-accent-fg));
- outline: none;
- box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
+.mb-4 {
+ margin-bottom: 1.5rem !important;
}
-.social-reaction-summary-item:focus:not(:focus-visible) {
- border-color: transparent;
- border-color: var(--focus-outlineColor, var(--color-accent-fg));
- outline: none;
- box-shadow: inset 0 0 0 1px transparent;
+.mb-5 {
+ margin-bottom: 3rem !important;
}
-.social-reaction-summary-item:focus-visible {
- border-color: var(--focus-outlineColor, var(--color-accent-fg));
- outline: none;
- box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
+.mb-auto {
+ margin-bottom: auto !important;
}
-.social-reaction-summary-item.user-has-reacted {
- color: var(--reactionButton-selected-fgColor-rest, var(--color-accent-fg));
- background-color: var(--reactionButton-selected-bgColor-rest, var(--color-accent-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-accent-emphasis, var(--color-accent-emphasis)) !important;
+.ms-0 {
+ margin-left: 0 !important;
}
-.social-reaction-summary-item.user-has-reacted:hover {
- background-color: var(--reactionButton-selected-bgColor-hover, var(--color-accent-subtle)) !important;
+.ms-1 {
+ margin-left: 0.25rem !important;
}
-.social-reaction-summary-item > span {
- height: 24px;
- padding: 0 var(--base-size-4);
- margin-left: 2px;
+.ms-2 {
+ margin-left: 0.5rem !important;
}
-.social-reaction-summary-item:hover {
- color: var(--reactionButton-selected-fgColor-hover, var(--color-accent-fg));
- background-color: var(--reactionButton-selected-bgColor-hover, var(--color-accent-subtle));
+.ms-3 {
+ margin-left: 1rem !important;
}
-.reaction-dropdown-button {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.ms-4 {
+ margin-left: 1.5rem !important;
}
-.reaction-dropdown-button:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.ms-5 {
+ margin-left: 3rem !important;
}
-.reaction-dropdown-button--inline {
- width: 26px;
- height: 26px;
+.ms-auto {
+ margin-left: auto !important;
}
-.reaction-dropdown-button--inline:hover {
- background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg)) !important;
- border-color: var(--button-default-borderColor-hover, var(--color-btn-hover-border)) !important;
+.p-0 {
+ padding: 0 !important;
}
-.reaction-dropdown-button:disabled {
- color: var(--fgColor-disabled, var(--color-primer-fg-disabled)) !important;
- pointer-events: none;
+.p-1 {
+ padding: 0.25rem !important;
}
-.reactions-with-gap .comment .comment-reactions {
- margin-left: var(--base-size-16);
- border-top: 0 !important;
+.p-2 {
+ padding: 0.5rem !important;
}
-.new-reactions-dropdown .dropdown-menu-reactions {
- width: auto;
- padding: 0 2px;
+.p-3 {
+ padding: 1rem !important;
}
-.new-reactions-dropdown .dropdown-menu-reactions::before,
-.new-reactions-dropdown .dropdown-menu-reactions::after {
- background-color: transparent;
- border: 0;
+.p-4 {
+ padding: 1.5rem !important;
}
-.new-reactions-dropdown .dropdown-item-reaction {
- width: 32px;
- height: 32px;
- padding: var(--base-size-4);
- margin: var(--base-size-4) 2px;
+.p-5 {
+ padding: 3rem !important;
}
-.new-reactions-dropdown .dropdown-item-reaction.user-has-reacted {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.px-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-.new-reactions-dropdown .dropdown-item-reaction:hover {
- background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg));
+.px-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
}
-.render-container {
- padding: var(--base-size-32);
- line-height: 0;
- text-align: center;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+.px-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
}
-.render-container .render-viewer {
- display: block;
- width: 1px;
- height: 1px;
- border: 0;
+.px-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
}
-.render-container .octospinner {
- display: none;
+.px-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
}
-.render-container .render-viewer-error,
-.render-container .render-viewer-fatal,
-.render-container .render-viewer-invalid,
-.render-container .render-fullscreen {
- display: none;
+.px-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
}
-.render-container.is-render-automatic .octospinner {
- display: inline-block;
+.py-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
}
-.render-container.is-render-requested .octospinner {
- display: inline-block;
+.py-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
}
-.render-container.is-render-requested.is-render-failed .render-viewer-error {
- display: inline-block;
+.py-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
}
-.render-container.is-render-requested.is-render-failed .render-viewer,
-.render-container.is-render-requested.is-render-failed .render-viewer-fatal,
-.render-container.is-render-requested.is-render-failed .render-viewer-invalid,
-.render-container.is-render-requested.is-render-failed .octospinner {
- display: none;
+.py-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
}
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer-fatal {
- display: inline-block;
+.py-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
}
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer,
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer-error,
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer-invalid,
-.render-container.is-render-requested.is-render-failed-fatal .octospinner {
- display: none;
+.py-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
}
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer-invalid {
- display: inline-block;
+.pt-0 {
+ padding-top: 0 !important;
}
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer,
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer-error,
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer-fatal,
-.render-container.is-render-requested.is-render-failed-invalid .octospinner {
- display: none;
+.pt-1 {
+ padding-top: 0.25rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) {
- height: 500px;
- padding: 0;
- background: none;
+.pt-2 {
+ padding-top: 0.5rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer {
- width: 100%;
- height: 100%;
+.pt-3 {
+ padding-top: 1rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-fullscreen {
- display: flex;
+.pt-4 {
+ padding-top: 1.5rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer-error,
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer-fatal,
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .octospinner {
- display: none;
+.pt-5 {
+ padding-top: 3rem !important;
}
-.render-needs-enrichment {
- margin-bottom: var(--base-size-16);
+.pe-0 {
+ padding-right: 0 !important;
}
-.render-needs-enrichment .render-full-screen {
- width: 100%;
- height: auto;
- padding: var(--base-size-16);
- overflow: auto;
+.pe-1 {
+ padding-right: 0.25rem !important;
}
-.render-needs-enrichment .render-full-screen-close {
- top: 0;
- right: 0;
- padding: var(--base-size-4);
+.pe-2 {
+ padding-right: 0.5rem !important;
}
-.render-needs-enrichment .details {
- margin-bottom: 0;
+.pe-3 {
+ padding-right: 1rem !important;
}
-.render-needs-enrichment .render-plaintext-hidden {
- display: none;
+.pe-4 {
+ padding-right: 1.5rem !important;
}
-.render-notice {
- padding: var(--base-size-16) var(--base-size-16);
- font-size: 14px;
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-color: var(--borderColor-muted, var(--color-border-subtle));
+.pe-5 {
+ padding-right: 3rem !important;
}
-relative-time {
- white-space: nowrap;
+.pb-0 {
+ padding-bottom: 0 !important;
}
-math-renderer {
- max-width: 100%;
- overflow: auto;
+.pb-1 {
+ padding-bottom: 0.25rem !important;
}
-.js-inline-math {
- overflow-x: auto;
- overflow-y: hidden;
- vertical-align: bottom;
+.pb-2 {
+ padding-bottom: 0.5rem !important;
}
-.js-inline-math > math {
- overflow-x: auto;
- overflow-y: hidden;
+.pb-3 {
+ padding-bottom: 1rem !important;
}
-.js-display-math > math {
- padding-top: var(--base-size-6);
- padding-bottom: var(--base-size-6);
- overflow-x: auto;
+.pb-4 {
+ padding-bottom: 1.5rem !important;
}
-math-renderer > math > mrow {
- padding-right: var(--base-size-2);
- padding-left: var(--base-size-2);
+.pb-5 {
+ padding-bottom: 3rem !important;
}
-math-renderer > math > mrow > msubsup + msubsup {
- position: absolute;
+.ps-0 {
+ padding-left: 0 !important;
}
-.Skeleton {
- color: rgba(0, 0, 0, 0);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
+.ps-1 {
+ padding-left: 0.25rem !important;
}
-.Skeleton * {
- visibility: hidden;
+.ps-2 {
+ padding-left: 0.5rem !important;
}
-.Skeleton--text {
- clip-path: inset(var(--base-size-4) 0 var(--base-size-4) 0 round 3px 3px 3px 3px);
+.ps-3 {
+ padding-left: 1rem !important;
}
-.is-error .Skeleton {
- display: none;
+.ps-4 {
+ padding-left: 1.5rem !important;
}
-@media (prefers-reduced-motion: no-preference) {
- .Skeleton {
- mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);
- mask-size: 200%;
- animation: skeleton-loading;
- animation-duration: 1s;
- animation-iteration-count: infinite;
- }
+.ps-5 {
+ padding-left: 3rem !important;
}
-@keyframes skeleton-loading {
- 0% {
- mask-position: 200%;
- }
-
- 100% {
- mask-position: 0%;
- }
+.font-monospace {
+ font-family: var(--bs-font-monospace) !important;
}
-.authors-2 .AvatarStack {
- min-width: 36px !important;
+.fs-1 {
+ font-size: calc(1.375rem + 1.5vw) !important;
}
-.authors-3 .AvatarStack {
- min-width: 46px !important;
+.fs-2 {
+ font-size: calc(1.325rem + 0.9vw) !important;
}
-[aria-selected='true'] .AvatarStack-body,
-.navigation-focus .AvatarStack-body {
- background: #f6fbff;
+.fs-3 {
+ font-size: calc(1.3rem + 0.6vw) !important;
}
-.tracked-in-parent-pill {
- position: relative;
- cursor: default;
+.fs-4 {
+ font-size: calc(1.275rem + 0.3vw) !important;
}
-.tracked-in-parent-pill-truncated {
- position: absolute;
- left: 100%;
- display: none;
- white-space: nowrap;
- background: var(--bgColor-default, var(--color-canvas-default));
- border-left-width: 0 !important;
- border-top-left-radius: 0 !important;
- border-bottom-left-radius: 0 !important;
+.fs-5 {
+ font-size: 1.25rem !important;
}
-.tracked-in-parent-pill:hover .tracked-in-parent-pill-truncated {
- display: block;
+.fs-6 {
+ font-size: 1rem !important;
}
-.wizard-content.horizontal {
- flex-direction: column;
+.fst-italic {
+ font-style: italic !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps {
- width: 30%;
+.fst-normal {
+ font-style: normal !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge {
- margin: 0;
- color: var(--fgColor-muted, var(--color-fg-subtle));
- background-color: var(--bgColor-inset, var(--color-canvas-inset));
- border-color: var(--borderColor-neutral-emphasis, var(--color-fg-subtle));
+.fw-light {
+ font-weight: 300 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge.current {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+.fw-lighter {
+ font-weight: lighter !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-bar {
- border-color: var(--borderColor-neutral-emphasis, var(--color-fg-subtle));
+.fw-normal {
+ font-weight: 400 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-bar.complete {
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+.fw-bold {
+ font-weight: 700 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge.complete {
- display: none;
+.fw-bolder {
+ font-weight: bolder !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge-check {
- display: none !important;
+.lh-1 {
+ line-height: 1 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge-check.complete {
- display: inherit !important;
- width: 32px !important;
- height: 32px !important;
+.lh-sm {
+ line-height: 1.25 !important;
}
-.wizard-content.horizontal .wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-buttons {
- align-items: center;
- justify-content: center;
+.lh-base {
+ line-height: 1.5 !important;
}
-.wizard-content.horizontal .wizard-step-item {
- margin-left: 0 !important;
- flex-direction: column !important;
+.lh-lg {
+ line-height: 2 !important;
}
-.wizard-content.horizontal .wizard-step-item::before,
-.wizard-content.horizontal .wizard-step-item .wizard-step-badge,
-.wizard-content.horizontal .wizard-step-item .wizard-step-icon,
-.wizard-content.horizontal .wizard-step-item .wizard-step-header {
- display: none !important;
+.text-start {
+ text-align: left !important;
}
-.wizard-content.horizontal .wizard-step-item .wizard-step-container::before,
-.wizard-content.horizontal .wizard-step-item .wizard-step-container::after {
- display: none !important;
+.text-end {
+ text-align: right !important;
}
-.wizard-step-item {
- position: relative;
- padding: var(--base-size-8) 0;
- margin-left: var(--base-size-16);
- flex-direction: row;
+.text-center {
+ text-align: center !important;
}
-.wizard-step-item::before {
- position: absolute;
- top: var(--base-size-32);
- bottom: 0;
- left: 0;
- display: block;
- width: 2px;
- height: 100%;
- content: '';
- background-color: var(--borderColor-default, var(--color-border-default));
+.text-decoration-none {
+ text-decoration: none !important;
}
-.wizard-step-badge {
- position: relative;
- z-index: 1;
- display: flex;
- width: 32px;
- height: 32px;
- margin-right: var(--base-size-8);
- margin-left: calc(var(--base-size-16) * -1);
- color: var(--fgColor-default, var(--color-fg-default));
- align-items: center;
- background-color: var(--borderColor-default, var(--color-border-default));
- border: var(--borderWidth-thin) solid var(--bgColor-default, var(--color-canvas-default));
- border-radius: 50%;
- justify-content: center;
- flex-shrink: 0;
+.text-decoration-underline {
+ text-decoration: underline !important;
}
-.wizard-step-body {
- min-width: 0;
- max-width: 100%;
- color: var(--fgColor-default, var(--color-fg-default));
- flex: auto;
+.text-decoration-line-through {
+ text-decoration: line-through !important;
}
-.wizard-step-body .wizard-step-buttons {
- display: none;
- margin-top: var(--base-size-24);
- justify-content: flex-end;
- flex-wrap: wrap;
+.text-lowercase {
+ text-transform: lowercase !important;
}
-.wizard-step-body .wizard-step-buttons .wizard-step-button {
- overflow: hidden;
- text-overflow: ellipsis;
+.text-uppercase {
+ text-transform: uppercase !important;
}
-@media (max-width: 408px) {
- .wizard-step-body .wizard-step-buttons .wizard-step-button {
- margin-right: 0 !important;
- margin-bottom: var(--base-size-8) !important;
- }
+.text-capitalize {
+ text-transform: capitalize !important;
}
-.wizard-step-container {
- border: 0;
+.text-wrap {
+ white-space: normal !important;
}
-.wizard-step-container .wizard-step-content {
- display: none;
- width: 100%;
- padding: var(--base-size-16) var(--base-size-24) var(--base-size-24) var(--base-size-24);
- overflow: visible;
- font-size: 14px;
+.text-nowrap {
+ white-space: nowrap !important;
}
-.wizard-step-container.wizard-step-container-icon .wizard-step-content {
- padding: var(--base-size-24);
+/* rtl:begin:remove */
+.text-break {
+ word-wrap: break-word !important;
+ word-break: break-word !important;
}
-.wizard-step-header {
- padding-top: var(--base-size-4);
- padding-left: var(--base-size-8);
+/* rtl:end:remove */
+.text-primary {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step-header > .wizard-step-title {
- min-width: 0;
- margin-bottom: var(--base-size-4);
- flex: 1 1 auto;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.text-secondary {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step-icon {
- display: none;
- height: 96px;
- color: var(--fgColor-accent, var(--color-accent-fg));
- background-image: linear-gradient(
- to right,
- var(--bgColor-accent-muted, var(--color-accent-subtle)),
- var(--bgColor-default, var(--color-canvas-default))
- );
- justify-content: center;
- align-items: center;
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+.text-success {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-complete='true'] .wizard-step-badge {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.text-info {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-complete='true'] .wizard-step-item::before {
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.text-warning {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-complete='true'] .wizard-step-title {
- color: var(--fgColor-default, var(--color-fg-default));
+.text-danger {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-badge .wizard-step-check {
- display: block;
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
+.text-light {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-item::before {
- top: 0;
- display: block;
- height: 16px;
+.text-dark {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-item::before {
- display: none;
- }
+.text-black {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-icon {
- color: var(--fgColor-success, var(--color-success-fg));
- background-image: linear-gradient(
- to right,
- var(--bgColor-success-muted, var(--color-success-subtle)),
- var(--bgColor-default, var(--color-canvas-default))
- );
+.text-white {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step:not([data-single-page-wizard-last-step='true']) .wizard-step-badge .wizard-step-check {
- display: none;
+.text-body {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step:not([data-single-page-wizard-last-step='true']) .wizard-step-badge::before {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- content: attr(data-single-page-wizard-step);
+.text-muted {
+ --bs-text-opacity: 1;
+ color: #6c757d !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-badge {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.text-black-50 {
+ --bs-text-opacity: 1;
+ color: rgba(0, 0, 0, 0.5) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'][data-single-page-wizard-last-step='true'] .wizard-step-badge {
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
+.text-white-50 {
+ --bs-text-opacity: 1;
+ color: rgba(255, 255, 255, 0.5) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'][data-single-page-wizard-last-step='true']
- .wizard-step-item::before {
- top: 42px;
- height: 16px;
+.text-reset {
+ --bs-text-opacity: 1;
+ color: inherit !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'][data-single-page-wizard-last-step='true']
- .wizard-step-container-icon::after {
- background-image: linear-gradient(
- var(--bgColor-success-muted, var(--color-success-subtle)),
- var(--bgColor-success-muted, var(--color-success-subtle))
- );
+.text-opacity-25 {
+ --bs-text-opacity: 0.25;
}
-.wizard-step[data-single-page-wizard-step-current='true']:not([data-single-page-wizard-last-step='true'])
- .wizard-step-container-icon::after {
- background-image: linear-gradient(
- var(--bgColor-accent-muted, var(--color-accent-subtle)),
- var(--bgColor-accent-muted, var(--color-accent-subtle))
- );
+.text-opacity-50 {
+ --bs-text-opacity: 0.5;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-icon {
- display: flex;
+.text-opacity-75 {
+ --bs-text-opacity: 0.75;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-item {
- flex-direction: column;
+.text-opacity-100 {
+ --bs-text-opacity: 1;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-item {
- flex-direction: row;
- }
+.bg-primary {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-body {
- margin-top: var(--base-size-16);
- margin-left: calc(var(--base-size-16) * -1);
+.bg-secondary {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-body {
- margin-top: 0;
- margin-left: 0;
- }
+.bg-success {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container {
- position: relative;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+.bg-info {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after,
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.bg-warning {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-default, var(--color-canvas-default)),
- var(--bgColor-default, var(--color-canvas-default))
- );
+.bg-danger {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before {
- background-color: var(--borderColor-default, var(--color-border-default));
+.bg-light {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before,
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- transform: rotate(90deg);
+.bg-dark {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before {
- position: absolute;
- top: -12px;
- right: 100%;
- left: var(--base-size-12);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.bg-black {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- top: -10px;
- left: 11px;
+.bg-white {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before,
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- top: 11px;
- left: -8px;
- transform: rotate(0);
- }
+.bg-body {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
+}
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- margin-left: 1px;
- }
+.bg-transparent {
+ --bs-bg-opacity: 1;
+ background-color: transparent !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-header {
- display: none;
+.bg-opacity-10 {
+ --bs-bg-opacity: 0.1;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-content-header {
- margin-bottom: var(--base-size-16);
+.bg-opacity-25 {
+ --bs-bg-opacity: 0.25;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-title {
- color: var(--fgColor-default, var(--color-fg-default));
+.bg-opacity-50 {
+ --bs-bg-opacity: 0.5;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-content {
- display: block;
+.bg-opacity-75 {
+ --bs-bg-opacity: 0.75;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-buttons {
- display: flex;
+.bg-opacity-100 {
+ --bs-bg-opacity: 1;
}
-.slash-command-list-container-responsive {
- max-height: 270px;
- overflow-y: auto;
+.bg-gradient {
+ background-image: var(--bs-gradient) !important;
}
-.slash-command-menu-responsive {
- right: 0;
- left: 0;
- width: auto;
+.user-select-all {
+ -webkit-user-select: all !important;
+ -moz-user-select: all !important;
+ user-select: all !important;
}
-.slash-command-menu-responsive .SelectMenu-modal {
- max-height: calc(100vh - 60px);
+.user-select-auto {
+ -webkit-user-select: auto !important;
+ -moz-user-select: auto !important;
+ user-select: auto !important;
}
-[data-a11y-link-underlines='true'] .markdown-body a,
-[data-a11y-link-underlines='true'] .markdown-body a:hover,
-[data-a11y-link-underlines='true'] .markdown-body-short a,
-[data-a11y-link-underlines='true'] .markdown-body-short a:hover,
-[data-a11y-link-underlines='true'] .commit-desc a,
-[data-a11y-link-underlines='true'] .commit-desc a:hover,
-[data-a11y-link-underlines='true'] .Link--inTextBlock,
-[data-a11y-link-underlines='true'] .Link--inTextBlock:hover,
-[data-a11y-link-underlines='true'] .Links--underline a,
-[data-a11y-link-underlines='true'] .Links--underline a:hover,
-[data-a11y-link-underlines='true'] .repos-list-description a,
-[data-a11y-link-underlines='true'] .extended-commit-description-container a {
- text-decoration: underline;
- text-underline-offset: 0.2rem;
+.user-select-none {
+ -webkit-user-select: none !important;
+ -moz-user-select: none !important;
+ user-select: none !important;
}
-[data-a11y-link-underlines='true'] .markdown-body :is(h1, h2, h3, h4, h5, h6, .tasklist-issue-content) a,
-[data-a11y-link-underlines='true'] .markdown-body :is(h1, h2, h3, h4, h5, h6) a:hover {
- text-decoration: none;
+.pe-none {
+ pointer-events: none !important;
}
-[data-a11y-link-underlines='true'] .Link--outlineOffset {
- outline-offset: 0.15rem !important;
+.pe-auto {
+ pointer-events: auto !important;
}
-.alert-label {
- color: var(--fgColor-onEmphasis);
+.rounded {
+ border-radius: 0.25rem !important;
}
-.graph-canvas .alert-label--critical {
- fill: var(--fgColor-danger);
+.rounded-0 {
+ border-radius: 0 !important;
}
-.graph-canvas .alert-label--high {
- fill: var(--fgColor-severe);
+.rounded-1 {
+ border-radius: 0.2rem !important;
}
-.graph-canvas .alert-label--moderate {
- fill: var(--fgColor-attention);
+.rounded-2 {
+ border-radius: 0.25rem !important;
}
-.graph-canvas .alert-label--low {
- fill: var(--fgColor-neutral);
+.rounded-3 {
+ border-radius: 0.3rem !important;
}
-.AppHeader {
- --AppHeader-bg: var(--bgColor-inset);
- color: var(--fgColor-default);
- background: var(--AppHeader-bg);
- box-shadow: inset 0 calc(var(--borderWidth-thin, 1px) * -1) var(--borderColor-default);
+.rounded-circle {
+ border-radius: 50% !important;
}
-.AppHeader .AppHeader-globalBar {
- display: flex;
- padding: var(--base-size-16, var(--base-size-16));
- gap: var(--base-size-12, 12px);
+.rounded-pill {
+ border-radius: 50rem !important;
}
-.AppHeader .AppHeader-globalBar.second-row {
- display: block;
+.rounded-top {
+ border-top-left-radius: 0.25rem !important;
+ border-top-right-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.second-row .AppHeader-search {
- display: block;
+.rounded-end {
+ border-top-right-radius: 0.25rem !important;
+ border-bottom-right-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-start,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-globalBar-start {
- flex: none;
+.rounded-bottom {
+ border-bottom-right-radius: 0.25rem !important;
+ border-bottom-left-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-context,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-context {
- display: none;
+.rounded-start {
+ border-bottom-left-radius: 0.25rem !important;
+ border-top-left-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-search .AppHeader-search-whenRegular,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-search .AppHeader-search-whenRegular {
- max-width: 100%;
+.visible {
+ visibility: visible !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-end,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-globalBar-end {
- flex: 1 1 auto;
+.invisible {
+ visibility: hidden !important;
}
-@media (max-width: 1011.98px) {
- .AppHeader .AppHeader-globalBar.search-expanded .AppHeader-search {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
+@media (min-width: 576px) {
+ .float-sm-start {
+ float: left !important;
}
- .AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-end {
- flex: none;
+ .float-sm-end {
+ float: right !important;
}
- .AppHeader .AppHeader-globalBar.search-expanded .search-suggestions {
- top: 0;
- left: 0;
- width: 100% !important;
+ .float-sm-none {
+ float: none !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-globalBar-start {
- flex: 1 1 auto;
- display: flex;
- gap: var(--base-size-8, 8px);
-}
+ .d-sm-inline {
+ display: inline !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-globalBar-end {
- flex: 0 1 auto;
- display: flex;
- justify-content: flex-end;
- gap: var(--controlStack-medium-gap-auto, 8px);
- max-height: calc(var(--base-size-32, 32px));
-}
+ .d-sm-inline-block {
+ display: inline-block !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-logo {
- width: var(--base-size-32, 32px);
- height: var(--base-size-32, 32px);
- border: 0;
- outline-offset: 2px;
-}
+ .d-sm-block {
+ display: block !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-logo svg {
- width: var(--base-size-32, 32px);
- height: var(--base-size-32, 32px);
-}
+ .d-sm-grid {
+ display: grid !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-user {
- position: relative;
- background: var(--bgColor-neutral-muted);
- border-radius: 50%;
-}
+ .d-sm-table {
+ display: table !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-user img {
- position: relative;
- border-radius: 50%;
-}
+ .d-sm-table-row {
+ display: table-row !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context {
- min-width: 0;
- height: var(--base-size-32, 32px);
- flex: 1 1 auto;
-}
+ .d-sm-table-cell {
+ display: table-cell !important;
+ }
-@media (min-width: 768px) {
- .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact {
- display: none;
+ .d-sm-flex {
+ display: flex !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-trigger {
- display: grid;
- width: 100%;
- height: var(--base-size-48, 48px);
- color: inherit;
- text-align: left;
- cursor: pointer;
- background-color: transparent;
- border: 0;
- border-radius: var(--borderRadius-medium);
- margin-block: calc(var(--base-size-8) * -1);
- padding-block: var(--control-medium-paddingBlock, 6px);
- padding-inline: var(--control-medium-paddingInline-condensed, var(--base-size-8));
- appearance: none;
- align-items: center;
-}
+ .d-sm-inline-flex {
+ display: inline-flex !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-trigger:hover {
- background-color: var(--control-transparent-bgColor-hover);
-}
+ .d-sm-none {
+ display: none !important;
+ }
-.AppHeader
- .AppHeader-globalBar
- .AppHeader-context
- .AppHeader-context-compact
- .AppHeader-context-compact-trigger:active {
- background-color: var(--control-transparent-bgColor-active);
-}
+ .flex-sm-fill {
+ flex: 1 1 auto !important;
+ }
+
+ .flex-sm-row {
+ flex-direction: row !important;
+ }
+
+ .flex-sm-column {
+ flex-direction: column !important;
+ }
+
+ .flex-sm-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+
+ .flex-sm-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+
+ .flex-sm-grow-0 {
+ flex-grow: 0 !important;
+ }
+
+ .flex-sm-grow-1 {
+ flex-grow: 1 !important;
+ }
+
+ .flex-sm-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+
+ .flex-sm-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+
+ .flex-sm-wrap {
+ flex-wrap: wrap !important;
+ }
+
+ .flex-sm-nowrap {
+ flex-wrap: nowrap !important;
+ }
+
+ .flex-sm-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+
+ .gap-sm-0 {
+ gap: 0 !important;
+ }
+
+ .gap-sm-1 {
+ gap: 0.25rem !important;
+ }
+
+ .gap-sm-2 {
+ gap: 0.5rem !important;
+ }
+
+ .gap-sm-3 {
+ gap: 1rem !important;
+ }
+
+ .gap-sm-4 {
+ gap: 1.5rem !important;
+ }
+
+ .gap-sm-5 {
+ gap: 3rem !important;
+ }
+
+ .justify-content-sm-start {
+ justify-content: flex-start !important;
+ }
+
+ .justify-content-sm-end {
+ justify-content: flex-end !important;
+ }
+
+ .justify-content-sm-center {
+ justify-content: center !important;
+ }
+
+ .justify-content-sm-between {
+ justify-content: space-between !important;
+ }
+
+ .justify-content-sm-around {
+ justify-content: space-around !important;
+ }
+
+ .justify-content-sm-evenly {
+ justify-content: space-evenly !important;
+ }
+
+ .align-items-sm-start {
+ align-items: flex-start !important;
+ }
+
+ .align-items-sm-end {
+ align-items: flex-end !important;
+ }
+
+ .align-items-sm-center {
+ align-items: center !important;
+ }
+
+ .align-items-sm-baseline {
+ align-items: baseline !important;
+ }
+
+ .align-items-sm-stretch {
+ align-items: stretch !important;
+ }
+
+ .align-content-sm-start {
+ align-content: flex-start !important;
+ }
+
+ .align-content-sm-end {
+ align-content: flex-end !important;
+ }
+
+ .align-content-sm-center {
+ align-content: center !important;
+ }
+
+ .align-content-sm-between {
+ align-content: space-between !important;
+ }
+
+ .align-content-sm-around {
+ align-content: space-around !important;
+ }
+
+ .align-content-sm-stretch {
+ align-content: stretch !important;
+ }
+
+ .align-self-sm-auto {
+ align-self: auto !important;
+ }
+
+ .align-self-sm-start {
+ align-self: flex-start !important;
+ }
+
+ .align-self-sm-end {
+ align-self: flex-end !important;
+ }
+
+ .align-self-sm-center {
+ align-self: center !important;
+ }
+
+ .align-self-sm-baseline {
+ align-self: baseline !important;
+ }
+
+ .align-self-sm-stretch {
+ align-self: stretch !important;
+ }
+
+ .order-sm-first {
+ order: -1 !important;
+ }
+
+ .order-sm-0 {
+ order: 0 !important;
+ }
+
+ .order-sm-1 {
+ order: 1 !important;
+ }
+
+ .order-sm-2 {
+ order: 2 !important;
+ }
+
+ .order-sm-3 {
+ order: 3 !important;
+ }
+
+ .order-sm-4 {
+ order: 4 !important;
+ }
+
+ .order-sm-5 {
+ order: 5 !important;
+ }
+
+ .order-sm-last {
+ order: 6 !important;
+ }
+
+ .m-sm-0 {
+ margin: 0 !important;
+ }
+
+ .m-sm-1 {
+ margin: 0.25rem !important;
+ }
+
+ .m-sm-2 {
+ margin: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-lead {
- display: grid;
- width: -moz-fit-content;
- width: fit-content;
- font-size: var(--text-caption-size, 12px);
- line-height: var(--text-caption-lineHeight, 1.3333333333);
- color: var(--fgColor-muted);
- grid-auto-flow: column;
- align-items: center;
-}
+ .m-sm-3 {
+ margin: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-parentItem {
- display: inline;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .m-sm-4 {
+ margin: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-mainItem {
- display: block;
- overflow: hidden;
- line-height: var(--text-body-lineHeight-medium, 1.4285714286);
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .m-sm-5 {
+ margin: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full {
- display: inline-flex;
- width: 100%;
- min-width: 0;
- max-width: 100%;
- overflow: hidden;
-}
+ .m-sm-auto {
+ margin: auto !important;
+ }
-@media (max-width: 767.98px) {
- .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full {
- display: none;
+ .mx-sm-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full nav {
- width: 100%;
-}
+ .mx-sm-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full ul,
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li {
- list-style: none;
-}
+ .mx-sm-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full ul {
- display: flex;
- flex-direction: row;
-}
+ .mx-sm-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li {
- display: inline-grid;
- grid-auto-flow: column;
- align-items: center;
- flex: 0 99999 auto;
-}
+ .mx-sm-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:first-child {
- flex: 0 100 max-content;
-}
+ .mx-sm-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:last-child {
- flex: 0 1 max-content;
-}
+ .mx-sm-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:last-child .AppHeader-context-item {
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .my-sm-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item {
- display: flex;
- align-items: center;
- min-width: 3ch;
- line-height: var(--text-body-lineHeight-medium, 1.4285714286);
- color: inherit;
- text-decoration: none !important;
- border-radius: var(--borderRadius-medium);
- padding-inline: var(--control-medium-paddingInline-condensed, var(--base-size-8));
- padding-block: var(--control-medium-paddingBlock, 6px);
-}
+ .my-sm-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item .AppHeader-context-item-label {
- display: inline-block;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .my-sm-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context a.AppHeader-context-item:hover {
- background: var(--control-transparent-bgColor-hover);
-}
+ .my-sm-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context a.AppHeader-context-item:active {
- background: var(--control-transparent-bgColor-active);
-}
+ .my-sm-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item-separator {
- color: var(--fgColor-muted);
- white-space: nowrap;
-}
+ .my-sm-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- justify-content: flex-end;
-}
+ .my-sm-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-@media (min-width: 1012px) {
- .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenNarrow {
- display: none;
+ .mt-sm-0 {
+ margin-top: 0 !important;
}
-}
-@media (max-width: 1011.98px) {
- .AppHeader .AppHeader-globalBar .AppHeader-search {
- flex-grow: 0;
+ .mt-sm-1 {
+ margin-top: 0.25rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .search-input {
- width: auto;
+ .mt-sm-2 {
+ margin-top: 0.5rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .search-input-container {
- margin: 0 !important;
+ .mt-sm-3 {
+ margin-top: 1rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenRegular {
- display: none;
+ .mt-sm-4 {
+ margin-top: 1.5rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .header-search {
- max-width: 100%;
+ .mt-sm-5 {
+ margin-top: 3rem !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenRegular {
- min-width: 12rem;
- max-width: 24rem;
- flex: 1 1 auto;
-}
+ .mt-sm-auto {
+ margin-top: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-wrap {
- display: grid;
-}
+ .me-sm-0 {
+ margin-right: 0 !important;
+ }
-.AppHeader
- .AppHeader-globalBar
- .AppHeader-search
- .AppHeader-search-wrap.AppHeader-search-wrap--hasTrailing
- input[type='search'] {
- padding-inline-end: calc(
- var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px) -
- var(--borderWidth-thin, 1px)
- );
-}
+ .me-sm-1 {
+ margin-right: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .search-input-container {
- height: auto;
-}
+ .me-sm-2 {
+ margin-right: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-kbd {
- display: inline-grid;
- width: var(--base-size-16, 16px);
- height: var(--base-size-16, 16px);
- padding: 0;
- font-size: var(--text-caption-size, 12px);
- line-height: var(--text-caption-lineHeight, 1.3333333333);
- color: inherit;
- vertical-align: baseline;
- background: var(--bgColor-transparent);
- border: var(--borderWidth-thin) solid var(--fgColor-muted);
- border-radius: var(--borderRadius-small);
- box-shadow: none;
- align-items: center;
- justify-content: center;
-}
+ .me-sm-3 {
+ margin-right: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-placeholder {
- display: block;
- width: 100%;
- overflow: hidden;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: var(--text-body-lineHeight-medium, 20px);
- color: var(--fgColor-muted);
- text-overflow: ellipsis;
- white-space: nowrap;
- pointer-events: none;
- grid-area: 1/1;
- padding-block: var(--control-medium-paddingBlock, 6px);
- padding-inline: calc(
- var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px)
- );
-}
+ .me-sm-4 {
+ margin-right: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-control {
- grid-area: 1/1;
- position: relative;
-}
+ .me-sm-5 {
+ margin-right: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-visual--leading {
- position: absolute;
- top: var(--base-size-8, var(--base-size-8));
- left: var(--base-size-8, var(--base-size-8));
- display: block;
- width: var(--base-size-16, 16px);
- height: var(--base-size-16, 16px);
- color: var(--fgColor-muted);
- pointer-events: none;
-}
+ .me-sm-auto {
+ margin-right: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-visual--leading svg {
- display: block !important;
-}
+ .mb-sm-0 {
+ margin-bottom: 0 !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-searchButton {
- background: transparent;
-}
+ .mb-sm-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search'],
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-searchButton {
- width: 100%;
- border: solid var(--borderWidth-thin) var(--button-default-borderColor-rest);
- transition: none;
- padding-block: calc(var(--control-medium-paddingBlock, 6px) - var(--borderWidth-thin, 1px));
- padding-inline-start: calc(
- var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px) -
- var(--borderWidth-thin, 1px)
- );
- padding-inline-end: var(--control-medium-paddingInline-condensed, var(--base-size-40));
-}
+ .mb-sm-2 {
+ margin-bottom: 0.5rem !important;
+ }
-.appheader.AppHeader-globalBar .AppHeader-search input[type=search]: placeholder-shown {
- background: transparent;
-}
+ .mb-sm-3 {
+ margin-bottom: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:not(:placeholder-shown) {
- background: var(--bgColor-default);
-}
+ .mb-sm-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']::placeholder {
- color: transparent;
- opacity: 1;
-}
+ .mb-sm-5 {
+ margin-bottom: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus {
- background: var(--bgColor-default);
-}
+ .mb-sm-auto {
+ margin-bottom: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus::placeholder {
- color: var(--fgColor-muted);
-}
+ .ms-sm-0 {
+ margin-left: 0 !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus:placeholder {
- color: var(--fgColor-muted);
- opacity: 1;
-}
+ .ms-sm-1 {
+ margin-left: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus-visible {
- border-color: var(--focus-outlineColor);
-}
+ .ms-sm-2 {
+ margin-left: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing {
- position: absolute;
- top: var(--base-size-4, var(--base-size-4));
- right: var(--base-size-4, var(--base-size-4));
- display: grid;
- width: var(--control-xsmall-size, 24px);
- height: var(--control-xsmall-size, 24px);
- padding: 0;
- color: var(--fgColor-muted);
- background: var(--bgColor-transparent);
- border: 0;
- border-radius: var(--borderRadius-small);
- align-items: center;
- justify-content: center;
-}
+ .ms-sm-3 {
+ margin-left: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing:hover {
- background: var(--control-transparent-bgColor-hover);
-}
+ .ms-sm-4 {
+ margin-left: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing:active {
- background: var(--control-transparent-bgColor-active);
-}
+ .ms-sm-5 {
+ margin-left: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::before {
- position: absolute;
- top: calc((var(--control-xsmall-size, var(--base-size-24)) - var(--base-size-16, var(--base-size-16))) / 2);
- left: calc(var(--base-size-4, var(--base-size-4)) * -1);
- display: block;
- width: var(--borderWidth-thin, 1px);
- height: var(--base-size-16, 16px);
- content: '';
- background: var(--borderColor-default);
-}
+ .ms-sm-auto {
+ margin-left: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::after {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 100%;
- height: 100%;
- min-height: var(--control-medium-size, 32px);
- content: '';
- transform: translateX(-50%) translateY(-50%);
- min-width: var(--control-medium-size, 32px);
-}
+ .p-sm-0 {
+ padding: 0 !important;
+ }
-@media (pointer: coarse) {
- .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::after {
- min-width: var(--control-minTarget-coarse, 44px);
- min-height: var(--control-minTarget-coarse, 44px);
+ .p-sm-1 {
+ padding: 0.25rem !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing svg {
- color: inherit;
-}
+ .p-sm-2 {
+ padding: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-divider {
- width: var(--borderWidth-thin, 1px);
- height: var(--base-size-20, 20px);
- height: var(--base-size-20, 20px);
- margin: calc((var(--control-medium-size, 32px) - var(--base-size-20, var(--base-size-20))) / 2) 0;
- background: var(--borderColor-default);
-}
+ .p-sm-3 {
+ padding: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-actions {
- display: grid;
- grid-auto-flow: column;
- gap: var(--controlStack-medium-gap-auto, 8px);
-}
+ .p-sm-4 {
+ padding: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-actions::before {
- display: block;
- width: var(--borderWidth-thin, 1px);
- height: var(--base-size-20, 20px);
- height: var(--base-size-20, 20px);
- content: '';
- background: var(--borderColor-default);
- margin-block: calc((var(--control-medium-size, 32px) - var(--base-size-20, var(--base-size-20))) / 2);
-}
+ .p-sm-5 {
+ padding: 3rem !important;
+ }
-@media (pointer: fine) {
- .AppHeader .AppHeader-globalBar .AppHeader-actions::before {
- margin-inline: var(--base-size-4, var(--base-size-4));
+ .px-sm-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-}
-@media (max-width: 767.98px) {
- .AppHeader .AppHeader-globalBar .AppHeader-actions,
- .AppHeader .AppHeader-globalBar .AppHeader-CopilotChat {
- display: none;
+ .px-sm-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
}
-}
-.AppHeader .AppHeader-localBar {
- padding: 0 var(--base-size-16, var(--base-size-16));
-}
+ .px-sm-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.AppHeader .AppHeader-item {
- flex: 0 0 auto;
-}
+ .px-sm-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.AppHeader .AppHeader-item--full {
- flex-grow: 1;
-}
+ .px-sm-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.AppHeader .AppHeader-button {
- position: relative;
- display: grid;
- width: var(--base-size-32, 32px);
- height: var(--base-size-32, 32px);
- color: var(--fgColor-muted);
- background: transparent;
- border: solid var(--borderWidth-thin) var(--button-default-borderColor-rest);
- border-radius: var(--borderRadius-medium, var(--borderRadius-medium));
- grid-auto-columns: max-content;
- align-items: center;
- justify-content: center;
-}
+ .px-sm-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.AppHeader .AppHeader-button svg {
- color: inherit !important;
-}
+ .py-sm-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.AppHeader .AppHeader-button:hover {
- background: var(--control-transparent-bgColor-hover);
-}
+ .py-sm-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.AppHeader .AppHeader-button:active {
- background: var(--control-transparent-bgColor-active);
-}
+ .py-sm-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-@media (pointer: coarse) {
- .AppHeader .AppHeader-button::after {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 100%;
- height: 100%;
- min-height: var(--control-minTarget-coarse, 44px);
- content: '';
- transform: translateX(-50%) translateY(-50%);
- min-width: var(--control-minTarget-coarse, 44px);
+ .py-sm-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
}
-}
-.AppHeader .AppHeader-button--hasIndicator::before {
- position: absolute;
- top: calc(var(--base-size-4) / -2);
- right: calc(var(--base-size-4) / -2);
- display: block;
- width: var(--base-size-8, 8px);
- height: var(--base-size-8, 8px);
- content: '';
- background: var(--bgColor-accent-emphasis);
- border-radius: 50%;
- box-shadow: 0 0 0 calc(var(--base-size-4, 4px) / 2) var(--AppHeader-bg);
-}
+ .py-sm-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-@media (pointer: coarse) {
- .AppHeader .AppHeader-button--hasIndicator::before {
- left: auto;
- min-width: var(--base-size-8, 8px);
- min-height: var(--base-size-8, 8px);
- transform: none;
+ .py-sm-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
}
-}
-.AppHeader .Overlay-titleWrap {
- width: 100%;
- overflow-x: hidden;
-}
+ .pt-sm-0 {
+ padding-top: 0 !important;
+ }
-[data-target='animated-image.originalImage'],
-[data-target='animated-image.replacedImage'],
-[data-a11y-animated-images='system'] [data-animated-image],
-[data-a11y-animated-images='disabled'] [data-animated-image] {
- display: none;
-}
+ .pt-sm-1 {
+ padding-top: 0.25rem !important;
+ }
-[data-target='animated-image.originalImage'] {
- width: 100%;
-}
+ .pt-sm-2 {
+ padding-top: 0.5rem !important;
+ }
-animated-image[data-catalyst] {
- display: inline-block;
-}
+ .pt-sm-3 {
+ padding-top: 1rem !important;
+ }
-animated-image {
- max-width: 100%;
-}
+ .pt-sm-4 {
+ padding-top: 1.5rem !important;
+ }
-.AnimatedImagePlayer {
- position: relative;
- display: inline-block;
- width: 100%;
-}
+ .pt-sm-5 {
+ padding-top: 3rem !important;
+ }
-.AnimatedImagePlayer > a:not(.AnimatedImagePlayer-images) {
- display: none;
-}
+ .pe-sm-0 {
+ padding-right: 0 !important;
+ }
-.AnimatedImagePlayer-controls {
- position: absolute;
- top: var(--base-size-8);
- right: var(--base-size-8);
- z-index: 2;
- display: none;
- padding: var(--base-size-4);
- list-style: none;
- background: var(--bgColor-default);
- border-radius: var(--borderRadius-medium);
- box-shadow: var(--shadow-floating-small);
- opacity: 1;
- transition: opacity 80ms linear;
-}
+ .pe-sm-1 {
+ padding-right: 0.25rem !important;
+ }
-.AnimatedImagePlayer-images .AnimatedImagePlayer-animatedImage {
- cursor: pointer;
-}
+ .pe-sm-2 {
+ padding-right: 0.5rem !important;
+ }
-.AnimatedImagePlayer-button {
- display: flex;
- align-items: center;
- justify-content: center;
- width: var(--base-size-32);
- height: var(--base-size-32);
- cursor: pointer;
- background-color: var(--bgColor-default);
- border: 0;
- border-radius: var(--borderRadius-medium);
-}
+ .pe-sm-3 {
+ padding-right: 1rem !important;
+ }
-@media (hover: hover) and (pointer: fine) {
- .AnimatedImagePlayer-button:hover {
- background-color: var(--button-default-bgColor-hover);
- transition: background-color 200ms linear;
+ .pe-sm-4 {
+ padding-right: 1.5rem !important;
}
-}
-.AnimatedImagePlayer-images {
- display: block;
- width: 100%;
- padding: 0;
- margin: 0;
- background: none;
- border: 0;
- outline: none;
- outline-offset: 0;
-}
+ .pe-sm-5 {
+ padding-right: 3rem !important;
+ }
-.AnimatedImagePlayer-images:focus-visible {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: 0;
-}
+ .pb-sm-0 {
+ padding-bottom: 0 !important;
+ }
-.AnimatedImagePlayer-button:focus-visible {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: -2px;
-}
+ .pb-sm-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.AnimatedImagePlayer-button svg {
- width: var(--base-size-16);
- height: var(--base-size-16);
- pointer-events: none;
- fill: var(--fgColor-muted);
-}
+ .pb-sm-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.AnimatedImagePlayer-button:hover svg {
- fill: var(--fgColor-default);
-}
+ .pb-sm-3 {
+ padding-bottom: 1rem !important;
+ }
-.AnimatedImagePlayer-stillImage {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 1;
- display: none;
- width: 100%;
- height: 100%;
- pointer-events: none;
-}
+ .pb-sm-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.AnimatedImagePlayer-animatedImage {
- width: 100%;
- max-width: 100%;
- max-height: 100%;
-}
+ .pb-sm-5 {
+ padding-bottom: 3rem !important;
+ }
-.AnimatedImagePlayer.playing .AnimatedImagePlayer-controls {
- opacity: 0;
- transition-delay: 1s;
-}
+ .ps-sm-0 {
+ padding-left: 0 !important;
+ }
-.AnimatedImagePlayer.enabled .AnimatedImagePlayer-animatedImage {
- opacity: 0 !important;
-}
+ .ps-sm-1 {
+ padding-left: 0.25rem !important;
+ }
-.AnimatedImagePlayer.enabled.playing .AnimatedImagePlayer-animatedImage {
- opacity: 1 !important;
-}
+ .ps-sm-2 {
+ padding-left: 0.5rem !important;
+ }
-.AnimatedImagePlayer.playing.player-focused .AnimatedImagePlayer-controls {
- opacity: 1;
- transition-delay: 0ms;
-}
+ .ps-sm-3 {
+ padding-left: 1rem !important;
+ }
-@media (hover: hover) and (pointer: fine) {
- .AnimatedImagePlayer.playing:hover .AnimatedImagePlayer-controls {
- opacity: 1;
- transition-delay: 0s;
+ .ps-sm-4 {
+ padding-left: 1.5rem !important;
}
-}
-.AnimatedImagePlayer.enabled.playing .AnimatedImagePlayer-stillImage,
-.AnimatedImagePlayer.enabled.playing .icon-play,
-.AnimatedImagePlayer .icon-pause {
- display: none;
-}
+ .ps-sm-5 {
+ padding-left: 3rem !important;
+ }
-.AnimatedImagePlayer .icon-play,
-.AnimatedImagePlayer.enabled.playing .icon-pause,
-.AnimatedImagePlayer.enabled .AnimatedImagePlayer-stillImage {
- display: block;
-}
+ .text-sm-start {
+ text-align: left !important;
+ }
-.AnimatedImagePlayer.enabled .AnimatedImagePlayer-controls {
- display: flex;
-}
+ .text-sm-end {
+ text-align: right !important;
+ }
-.emoji-tab.UnderlineNav-item {
- margin-right: var(--base-size-4);
+ .text-sm-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 768px) {
+ .float-md-start {
+ float: left !important;
+ }
-.emoji-tab[role='tab'][aria-selected='true'] {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default);
- border-bottom-color: var(--borderColor-severe-emphasis);
-}
+ .float-md-end {
+ float: right !important;
+ }
-.emoji-tab[role='tab'][aria-selected='true'] .UnderlineNav-octicon {
- color: var(--fgColor-muted);
-}
+ .float-md-none {
+ float: none !important;
+ }
-.selected-emoji {
- z-index: 100;
-}
+ .d-md-inline {
+ display: inline !important;
+ }
-.emoji-picker-container .emoji-picker-tab g-emoji {
- margin-right: auto;
- margin-left: var(--base-size-4);
-}
+ .d-md-inline-block {
+ display: inline-block !important;
+ }
-.emoji-tab .emoji-icon {
- width: auto;
-}
+ .d-md-block {
+ display: block !important;
+ }
-.emoji-picker-container {
- z-index: 2;
- width: 395px;
- max-width: 80vw;
-}
+ .d-md-grid {
+ display: grid !important;
+ }
-.emoji-picker-container .UnderlineNav-body {
- gap: var(--control-small-gap, var(--base-size-8));
-}
+ .d-md-table {
+ display: table !important;
+ }
-.emoji-picker-tab {
- height: 136px;
- padding-top: var(--base-size-8);
-}
+ .d-md-table-row {
+ display: table-row !important;
+ }
-.emoji-picker-emoji-width {
- width: 32px;
- height: 28px;
-}
+ .d-md-table-cell {
+ display: table-cell !important;
+ }
-.emoji-picker-list {
- list-style: none;
-}
+ .d-md-flex {
+ display: flex !important;
+ }
-.notification-shelf {
- z-index: 34;
- background: var(--bgColor-inset) !important;
- border-color: var(--borderColor-default) !important;
-}
+ .d-md-inline-flex {
+ display: inline-flex !important;
+ }
-.notification-shelf svg[class='octicon octicon-x'] {
- color: var(--fgColor-muted) !important;
-}
+ .d-md-none {
+ display: none !important;
+ }
-.notification-shelf.is-stuck {
- z-index: 999;
-}
+ .flex-md-fill {
+ flex: 1 1 auto !important;
+ }
-@media (max-width: 767px) {
- .notifications-v2 .commit-ref .css-truncate-target {
- word-break: break-all;
- white-space: normal;
+ .flex-md-row {
+ flex-direction: row !important;
}
-}
-@media (max-width: 543px) {
- .notifications-v2 .Box {
- border-right: 0;
- border-left: 0;
- border-radius: 0;
+ .flex-md-column {
+ flex-direction: column !important;
}
-}
-@media (max-width: 543px) {
- .notifications-v2 .Box .Box-header {
- border-right: 0 !important;
- border-left: 0 !important;
- border-radius: 0 !important;
+ .flex-md-row-reverse {
+ flex-direction: row-reverse !important;
}
-}
-@media (max-width: 767px) {
- .notifications-v2 .AvatarStack--right {
- width: auto !important;
- min-width: auto !important;
- margin-left: 53px !important;
+ .flex-md-column-reverse {
+ flex-direction: column-reverse !important;
}
-}
-@media (max-width: 767px) {
- .notifications-v2 .AvatarStack--right .AvatarStack-body {
- position: relative !important;
- right: unset !important;
- margin-right: var(--base-size-8);
- flex-direction: row !important;
+ .flex-md-grow-0 {
+ flex-grow: 0 !important;
}
-}
-@media (max-width: 767px) {
- .notifications-v2 .AvatarStack-body .avatar {
- position: relative !important;
- margin-right: -12px !important;
- margin-left: 0 !important;
- border-right: var(--borderWidth-thin) solid #fff !important;
- border-left: 0 !important;
+ .flex-md-grow-1 {
+ flex-grow: 1 !important;
}
-}
-.notifications-v2 .thread-subscription-status {
- background-color: transparent !important;
-}
+ .flex-md-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.notifications-v2 .notification-action-mark-archived,
-.notifications-v2 .notification-action-mark-unread,
-.notifications-v2 .notification-action-star,
-.notifications-v2 .notification-action-unsubscribe {
- display: block !important;
-}
+ .flex-md-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-.notifications-v2 .notification-action-mark-read,
-.notifications-v2 .notification-action-mark-unarchived,
-.notifications-v2 .notification-action-subscribe,
-.notifications-v2 .notification-action-unstar,
-.notifications-v2 .notification-is-starred-icon {
- display: none !important;
-}
+ .flex-md-wrap {
+ flex-wrap: wrap !important;
+ }
-.notifications-v2 .notification-unsubscribed .notification-action-unsubscribe {
- display: none !important;
-}
+ .flex-md-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.notifications-v2 .notification-unsubscribed .notification-action-subscribe {
- display: block !important;
-}
+ .flex-md-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.notifications-v2 .notification-unread .notification-action-mark-read {
- display: block !important;
-}
+ .gap-md-0 {
+ gap: 0 !important;
+ }
-.notifications-v2 .notification-unread .notification-action-mark-unread {
- display: none !important;
-}
+ .gap-md-1 {
+ gap: 0.25rem !important;
+ }
-.notifications-v2 .notification-archived .notification-action-mark-archived,
-.notifications-v2 .notification-archived .notification-action-mark-read,
-.notifications-v2 .notification-archived .notification-action-mark-unread {
- display: none !important;
-}
+ .gap-md-2 {
+ gap: 0.5rem !important;
+ }
-.notifications-v2 .notification-archived .notification-action-mark-unarchived {
- display: block !important;
-}
+ .gap-md-3 {
+ gap: 1rem !important;
+ }
-.notifications-v2 .notification-starred .notification-action-star {
- display: none !important;
-}
+ .gap-md-4 {
+ gap: 1.5rem !important;
+ }
-.notifications-v2 .notification-starred .notification-is-starred-icon {
- display: inline-block !important;
-}
+ .gap-md-5 {
+ gap: 3rem !important;
+ }
-.notifications-v2 .notification-starred .notification-action-unstar {
- display: block !important;
-}
+ .justify-content-md-start {
+ justify-content: flex-start !important;
+ }
-.notifications-v2 .thread-subscribe-form {
- display: none !important;
-}
+ .justify-content-md-end {
+ justify-content: flex-end !important;
+ }
-.notifications .read .avatar img {
- opacity: 0.5;
-}
+ .justify-content-md-center {
+ justify-content: center !important;
+ }
-.notifications .read .undo {
- display: block;
-}
+ .justify-content-md-between {
+ justify-content: space-between !important;
+ }
-.notifications .read .delete {
- visibility: hidden;
-}
+ .justify-content-md-around {
+ justify-content: space-around !important;
+ }
-.notifications .read[aria-selected='true'],
-.notifications .read.navigation-focus {
- background-color: #f5f9fc;
-}
+ .justify-content-md-evenly {
+ justify-content: space-evenly !important;
+ }
-.notifications .muted .unmute {
- display: block;
-}
+ .align-items-md-start {
+ align-items: flex-start !important;
+ }
-.notifications .muted .mute {
- display: none;
-}
+ .align-items-md-end {
+ align-items: flex-end !important;
+ }
-.notifications .unmute {
- display: none;
-}
+ .align-items-md-center {
+ align-items: center !important;
+ }
-.notifications-list {
- float: left;
- width: 100%;
-}
+ .align-items-md-baseline {
+ align-items: baseline !important;
+ }
-.thread-subscription-status {
- padding: var(--base-size-8);
- margin: var(--base-size-40) 0 var(--base-size-16);
- color: var(--fgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .align-items-md-stretch {
+ align-items: stretch !important;
+ }
-.thread-subscription-status .reason {
- display: inline-block;
- margin: 0 var(--base-size-8);
- vertical-align: middle;
-}
+ .align-content-md-start {
+ align-content: flex-start !important;
+ }
-.thread-subscription-status .thread-subscribe-form {
- display: inline-block;
- vertical-align: middle;
-}
+ .align-content-md-end {
+ align-content: flex-end !important;
+ }
-.subscription .loading {
- opacity: 0.5;
-}
+ .align-content-md-center {
+ align-content: center !important;
+ }
-.inline-form {
- display: inline-block;
-}
+ .align-content-md-between {
+ align-content: space-between !important;
+ }
-.inline-form .btn-plain {
- background-color: transparent;
- border: 0;
-}
+ .align-content-md-around {
+ align-content: space-around !important;
+ }
-.drag-and-drop {
- padding: 7px 10px;
- margin: 0;
- font-size: 13px;
- line-height: 16px;
- color: var(--fgColor-muted);
- background-color: var(--bgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-top: 0;
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
-}
+ .align-content-md-stretch {
+ align-content: stretch !important;
+ }
-.drag-and-drop .default,
-.drag-and-drop .loading,
-.drag-and-drop .error {
- display: none;
-}
+ .align-self-md-auto {
+ align-self: auto !important;
+ }
-.drag-and-drop .error {
- color: var(--fgColor-danger);
-}
+ .align-self-md-start {
+ align-self: flex-start !important;
+ }
-.drag-and-drop img {
- vertical-align: top;
-}
+ .align-self-md-end {
+ align-self: flex-end !important;
+ }
-.file-attachment-errors .Banner--error {
- display: none;
-}
+ .align-self-md-center {
+ align-self: center !important;
+ }
-.is-bad-file .file-attachment-errors .bad-file,
-.is-bad-dimensions .file-attachment-errors .bad-dimensions,
-.is-too-big .file-attachment-errors .too-big,
-.is-duplicate-filename .file-attachment-errors .duplicate-filename,
-.is-too-many .file-attachment-errors .too-many,
-.is-hidden-file .file-attachment-errors .hidden-file,
-.is-failed .file-attachment-errors .failed,
-.is-empty .file-attachment-errors .empty,
-.is-bad-permissions .file-attachment-errors .bad-permissions,
-.is-repository-required .file-attachment-errors .repository-required {
- display: flex;
-}
+ .align-self-md-baseline {
+ align-self: baseline !important;
+ }
-.is-default .drag-and-drop .default {
- display: inline-block;
-}
+ .align-self-md-stretch {
+ align-self: stretch !important;
+ }
-.is-uploading .drag-and-drop .loading {
- display: inline-block;
-}
+ .order-md-first {
+ order: -1 !important;
+ }
-.is-bad-file .drag-and-drop .bad-file {
- display: inline-block;
-}
+ .order-md-0 {
+ order: 0 !important;
+ }
-.is-duplicate-filename .drag-and-drop .duplicate-filename {
- display: inline-block;
-}
+ .order-md-1 {
+ order: 1 !important;
+ }
-.is-too-big .drag-and-drop .too-big {
- display: inline-block;
-}
+ .order-md-2 {
+ order: 2 !important;
+ }
-.is-hidden-file .drag-and-drop .hidden-file {
- display: inline-block;
-}
+ .order-md-3 {
+ order: 3 !important;
+ }
-.is-empty .drag-and-drop .empty {
- display: inline-block;
-}
+ .order-md-4 {
+ order: 4 !important;
+ }
-.is-bad-permissions .drag-and-drop .bad-permissions {
- display: inline-block;
-}
+ .order-md-5 {
+ order: 5 !important;
+ }
-.is-repository-required .drag-and-drop .repository-required {
- display: inline-block;
-}
+ .order-md-last {
+ order: 6 !important;
+ }
-.drag-and-drop-error-info {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted);
-}
+ .m-md-0 {
+ margin: 0 !important;
+ }
-.drag-and-drop-error-info a {
- color: var(--fgColor-accent);
-}
+ .m-md-1 {
+ margin: 0.25rem !important;
+ }
-.is-failed .drag-and-drop .failed-request {
- display: inline-block;
-}
+ .m-md-2 {
+ margin: 0.5rem !important;
+ }
-.manual-file-chooser {
- position: absolute;
- width: 240px;
- padding: 5px;
- margin-left: -80px;
- cursor: pointer;
- opacity: 0.0001;
-}
+ .m-md-3 {
+ margin: 1rem !important;
+ }
-.btn .manual-file-chooser {
- top: 0;
- padding: 0;
- line-height: 34px;
-}
+ .m-md-4 {
+ margin: 1.5rem !important;
+ }
-.upload-enabled textarea {
- display: block;
- border-bottom: var(--borderWidth-thin) dashed var(--borderColor-default);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
-}
+ .m-md-5 {
+ margin: 3rem !important;
+ }
+
+ .m-md-auto {
+ margin: auto !important;
+ }
-.upload-enabled.focused {
- border-color: var(--borderColor-accent-emphasis);
- border-radius: var(--borderRadius-medium);
- outline: none;
- box-shadow: 0 0 0 2px var(--borderColor-accent-emphasis);
-}
+ .mx-md-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.upload-enabled.focused .form-control {
- border-color: transparent;
- border-bottom-color: var(--borderColor-accent-emphasis);
- box-shadow: none;
-}
+ .mx-md-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.upload-enabled.focused .drag-and-drop {
- border-color: transparent;
-}
+ .mx-md-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.dragover textarea,
-.dragover .drag-and-drop {
- box-shadow: #c9ff00 0 0 3px;
-}
+ .mx-md-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.write-content {
- position: relative;
-}
+ .mx-md-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.previewable-comment-form {
- position: relative;
-}
+ .mx-md-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.previewable-comment-form .tabnav {
- position: relative;
- padding: var(--base-size-8) var(--base-size-8) 0;
-}
+ .mx-md-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.previewable-comment-form .comment {
- border: var(--borderWidth-thin) solid transparent;
- border-bottom: 0;
-}
+ .my-md-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.previewable-comment-form .comment-form-error {
- margin-bottom: var(--base-size-8);
-}
+ .my-md-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.previewable-comment-form .write-content,
-.previewable-comment-form .preview-content {
- display: none;
- margin: 0 var(--base-size-8) var(--base-size-8);
-}
+ .my-md-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.previewable-comment-form.write-selected .write-content,
-.previewable-comment-form.preview-selected .preview-content {
- display: block;
-}
+ .my-md-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.previewable-comment-form textarea {
- display: block;
- width: 100%;
- min-height: 100px;
- max-height: 500px;
- padding: var(--base-size-8);
- resize: vertical;
-}
+ .my-md-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.form-action-spacious {
- margin-top: 10px;
-}
+ .my-md-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-div.composer {
- margin-top: 0;
- border: 0;
-}
+ .my-md-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-.composer .comment-form-textarea {
- height: 200px;
- min-height: 200px;
-}
+ .mt-md-0 {
+ margin-top: 0 !important;
+ }
-.composer .tabnav {
- margin: 0 0 10px;
-}
+ .mt-md-1 {
+ margin-top: 0.25rem !important;
+ }
-h2.account {
- margin: 15px 0 0;
- font-size: 18px;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted);
-}
+ .mt-md-2 {
+ margin-top: 0.5rem !important;
+ }
-p.explain {
- position: relative;
- font-size: 12px;
- color: var(--fgColor-muted);
-}
+ .mt-md-3 {
+ margin-top: 1rem !important;
+ }
-p.explain strong {
- color: var(--fgColor-default);
-}
+ .mt-md-4 {
+ margin-top: 1.5rem !important;
+ }
-p.explain .octicon {
- margin-right: 5px;
- color: var(--fgColor-muted);
-}
+ .mt-md-5 {
+ margin-top: 3rem !important;
+ }
-p.explain .minibutton {
- top: -4px;
- float: right;
-}
+ .mt-md-auto {
+ margin-top: auto !important;
+ }
-@supports (field-sizing: content) {
- .size-to-fit {
- field-sizing: content;
- max-height: calc(100vh - 200px);
+ .me-md-0 {
+ margin-right: 0 !important;
}
-}
-.progress-pjax-loader {
- z-index: 99999;
- height: 2px !important;
- background: transparent;
- opacity: 0;
- transition: opacity 0.4s linear 0.4s;
-}
+ .me-md-1 {
+ margin-right: 0.25rem !important;
+ }
-.progress-pjax-loader.is-loading {
- opacity: 1;
- transition: none;
-}
+ .me-md-2 {
+ margin-right: 0.5rem !important;
+ }
-.progress-pjax-loader > .progress-pjax-loader-bar {
- background-color: #79b8ff;
- transition: width 0.4s ease;
-}
+ .me-md-3 {
+ margin-right: 1rem !important;
+ }
-.starred .starred-button-icon {
- color: var(--button-star-iconColor);
-}
+ .me-md-4 {
+ margin-right: 1.5rem !important;
+ }
-.user-lists-menu-action {
- color: var(--fgColor-default);
-}
+ .me-md-5 {
+ margin-right: 3rem !important;
+ }
-.user-lists-menu-action:hover:not(:disabled) {
- color: var(--fgColor-default);
- background-color: var(--bgColor-muted);
-}
+ .me-md-auto {
+ margin-right: auto !important;
+ }
-.user-lists-menu-action:focus:not(:disabled) {
- color: var(--fgColor-default);
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: 2px;
-}
+ .mb-md-0 {
+ margin-bottom: 0 !important;
+ }
-.starring-container .BtnGroup-parent:active {
- z-index: auto;
-}
+ .mb-md-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.shelf {
- padding-top: var(--base-size-16);
- margin-bottom: var(--base-size-16);
- background-color: var(--bgColor-default);
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted);
-}
+ .mb-md-2 {
+ margin-bottom: 0.5rem !important;
+ }
-.shelf .container {
- position: relative;
-}
+ .mb-md-3 {
+ margin-bottom: 1rem !important;
+ }
-.org-sso,
-.business-sso {
- max-width: 340px;
- margin: 0 auto;
-}
+ .mb-md-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.org-sso .sso-title,
-.business-sso .sso-title {
- font-size: 24px;
- font-weight: var(--base-text-weight-light, 300);
- letter-spacing: -0.5px;
-}
+ .mb-md-5 {
+ margin-bottom: 3rem !important;
+ }
-.org-sso .org-sso-panel,
-.org-sso .business-sso-panel,
-.business-sso .org-sso-panel,
-.business-sso .business-sso-panel {
- padding: var(--base-size-16);
- background-color: var(--bgColor-default);
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .mb-md-auto {
+ margin-bottom: auto !important;
+ }
-.org-sso .sso-recovery-callout,
-.business-sso .sso-recovery-callout {
- padding: var(--base-size-16) var(--base-size-8);
- text-align: center;
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .ms-md-0 {
+ margin-left: 0 !important;
+ }
-.sso-modal {
- padding: var(--base-size-16);
-}
+ .ms-md-1 {
+ margin-left: 0.25rem !important;
+ }
-.sso-modal .org-sso,
-.sso-modal .business-sso {
- width: auto;
-}
+ .ms-md-2 {
+ margin-left: 0.5rem !important;
+ }
-.sso-modal .org-sso .org-sso-panel,
-.sso-modal .business-sso .business-sso-panel {
- border: 0;
-}
+ .ms-md-3 {
+ margin-left: 1rem !important;
+ }
-.sso-modal .sso-prompt-success,
-.sso-modal .sso-prompt-error {
- display: none;
-}
+ .ms-md-4 {
+ margin-left: 1.5rem !important;
+ }
-.sso-modal.success .sso-prompt-default {
- display: none;
-}
+ .ms-md-5 {
+ margin-left: 3rem !important;
+ }
-.sso-modal.success .sso-prompt-success {
- display: block;
-}
+ .ms-md-auto {
+ margin-left: auto !important;
+ }
-.sso-modal.error .sso-prompt-default {
- display: none;
-}
+ .p-md-0 {
+ padding: 0 !important;
+ }
-.sso-modal.error .sso-prompt-error {
- display: block;
-}
+ .p-md-1 {
+ padding: 0.25rem !important;
+ }
-.sso-modal.error .flash-error {
- margin-right: calc(var(--base-size-32) * -1);
- margin-left: calc(var(--base-size-32) * -1);
- border-right: 0;
- border-left: 0;
- border-radius: 0;
-}
+ .p-md-2 {
+ padding: 0.5rem !important;
+ }
-.status-indicator {
- display: inline-block;
- width: 16px;
- height: 16px;
- margin-left: 5px;
-}
+ .p-md-3 {
+ padding: 1rem !important;
+ }
-.status-indicator .octicon {
- display: none;
-}
+ .p-md-4 {
+ padding: 1.5rem !important;
+ }
-.status-indicator-success::before {
- content: '';
-}
+ .p-md-5 {
+ padding: 3rem !important;
+ }
-.status-indicator-success .octicon-check {
- display: inline-block;
- color: var(--fgColor-success);
- fill: var(--fgColor-success);
-}
+ .px-md-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
-.status-indicator-success .octicon-x {
- display: none;
-}
+ .px-md-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
-.status-indicator-failed::before {
- content: '';
-}
+ .px-md-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.status-indicator-failed .octicon-check {
- display: none;
-}
+ .px-md-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.status-indicator-failed .octicon-x {
- display: inline-block;
- color: var(--fgColor-danger);
- fill: var(--fgColor-danger);
-}
+ .px-md-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.status-indicator-loading {
- width: 16px;
- background-image: url('/assets/octocat-spinner-32-EAF2F5-ada8eb30dd92.gif');
- background-repeat: no-repeat;
- background-position: 0 0;
- background-size: 16px;
-}
+ .px-md-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.tag-input-container {
- position: relative;
-}
+ .py-md-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.tag-input-container .focus {
- border-color: transparent !important;
- box-shadow: none !important;
-}
+ .py-md-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.tag-input-container .suggester {
- position: absolute;
- z-index: 100;
- width: 100%;
- margin-top: -1px;
-}
+ .py-md-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-.tag-input-container ul {
- list-style: none;
-}
+ .py-md-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
-.tag-input input {
- float: left;
- padding-left: 2px;
- margin: 0;
- background: none;
- border: 0;
- box-shadow: none;
-}
+ .py-md-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-.tag-input input:focus {
- box-shadow: none;
-}
+ .py-md-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
-.task-list-item {
- list-style-type: none;
-}
+ .pt-md-0 {
+ padding-top: 0 !important;
+ }
-.task-list-item label {
- font-weight: var(--base-text-weight-normal, 400);
-}
+ .pt-md-1 {
+ padding-top: 0.25rem !important;
+ }
-.task-list-item.enabled label {
- cursor: pointer;
-}
+ .pt-md-2 {
+ padding-top: 0.5rem !important;
+ }
-.task-list-item + .task-list-item {
- margin-top: var(--base-size-4);
-}
+ .pt-md-3 {
+ padding-top: 1rem !important;
+ }
-.task-list-item .handle {
- display: none;
-}
+ .pt-md-4 {
+ padding-top: 1.5rem !important;
+ }
-.task-list-item-checkbox {
- margin: 0 0.2em 0.25em -1.4em;
- vertical-align: middle;
-}
+ .pt-md-5 {
+ padding-top: 3rem !important;
+ }
-ul:dir(rtl) .task-list-item-checkbox {
- margin: 0 -1.6em 0.25em 0.2em;
-}
+ .pe-md-0 {
+ padding-right: 0 !important;
+ }
-ol:dir(rtl) .task-list-item-checkbox {
- margin: 0 -1.6em 0.25em 0.2em;
-}
+ .pe-md-1 {
+ padding-right: 0.25rem !important;
+ }
-.convert-to-issue-button {
- top: 2px;
- right: var(--base-size-4);
- padding: 0 2px;
- margin-right: var(--base-size-8);
- -webkit-user-select: none;
- user-select: none;
- background-color: var(--bgColor-muted);
-}
+ .pe-md-2 {
+ padding-right: 0.5rem !important;
+ }
-.convert-to-issue-button .octicon {
- fill: var(--fgColor-default);
-}
+ .pe-md-3 {
+ padding-right: 1rem !important;
+ }
-.convert-to-issue-button:hover .octicon,
-.convert-to-issue-button:focus .octicon {
- fill: var(--fgColor-accent);
-}
+ .pe-md-4 {
+ padding-right: 1.5rem !important;
+ }
-.reorderable-task-lists .markdown-body ul,
-.reorderable-task-lists .markdown-body ol {
- position: relative;
- padding: 0;
-}
+ .pe-md-5 {
+ padding-right: 3rem !important;
+ }
-.reorderable-task-lists .markdown-body li:not(.task-list-item) {
- margin-left: var(--base-size-24);
-}
+ .pb-md-0 {
+ padding-bottom: 0 !important;
+ }
-.reorderable-task-lists .markdown-body ol li,
-.reorderable-task-lists .markdown-body ul li {
- margin-left: 0;
-}
+ .pb-md-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item {
- padding: 2px 15px 2px 42px;
- margin-right: -15px;
- margin-left: -15px;
- line-height: 1.5;
- border: 0;
-}
+ .pb-md-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item + .task-list-item {
- margin-top: 0;
-}
+ .pb-md-3 {
+ padding-bottom: 1rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item .handle {
- display: block;
- float: left;
- width: 20px;
- padding: 2px 0 0 2px;
- margin-left: -43px;
- opacity: 0;
-}
+ .pb-md-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item .drag-handle {
- fill: var(--fgColor-default);
-}
+ .pb-md-5 {
+ padding-bottom: 3rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item.hovered > .handle {
- opacity: 1;
-}
+ .ps-md-0 {
+ padding-left: 0 !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item.is-dragging {
- opacity: 0;
-}
+ .ps-md-1 {
+ padding-left: 0.25rem !important;
+ }
-.reorderable-task-lists .markdown-body ul:dir(rtl) .task-list-item {
- margin-right: 0;
-}
+ .ps-md-2 {
+ padding-left: 0.5rem !important;
+ }
-.reorderable-task-lists .markdown-body ol:dir(rtl) .task-list-item {
- margin-right: 0;
-}
+ .ps-md-3 {
+ padding-left: 1rem !important;
+ }
-.comment-body .reference {
- font-weight: var(--base-text-weight-semibold, 600);
- white-space: nowrap;
-}
+ .ps-md-4 {
+ padding-left: 1.5rem !important;
+ }
-.comment-body .issue-link {
- white-space: normal;
-}
+ .ps-md-5 {
+ padding-left: 3rem !important;
+ }
-.comment-body .issue-link .issue-shorthand {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted);
-}
+ .text-md-start {
+ text-align: left !important;
+ }
-.comment-body .issue-link:hover .issue-shorthand,
-.comment-body .issue-link:focus .issue-shorthand {
- color: var(--fgColor-accent);
-}
+ .text-md-end {
+ text-align: right !important;
+ }
-.review-comment-contents .markdown-body .task-list-item {
- padding-left: 42px;
- margin-right: -12px;
- margin-left: -12px;
- border-top-left-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+ .text-md-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 992px) {
+ .float-lg-start {
+ float: left !important;
+ }
-.convert-to-issue-enabled .task-list-item .contains-task-list {
- padding: var(--base-size-4) 15px 0 43px;
- margin: 0 -15px 0 -42px;
-}
+ .float-lg-end {
+ float: right !important;
+ }
-.convert-to-issue-enabled .task-list-item.hovered {
- background-color: var(--bgColor-muted);
-}
+ .float-lg-none {
+ float: none !important;
+ }
-.convert-to-issue-enabled .task-list-item.hovered .contains-task-list {
- background-color: var(--bgColor-default);
-}
+ .d-lg-inline {
+ display: inline !important;
+ }
-.convert-to-issue-enabled .task-list-item > .convert-to-issue-button {
- opacity: 0;
-}
+ .d-lg-inline-block {
+ display: inline-block !important;
+ }
+
+ .d-lg-block {
+ display: block !important;
+ }
-.convert-to-issue-enabled .task-list-item.hovered > .convert-to-issue-button,
-.convert-to-issue-enabled .task-list-item > .convert-to-issue-button:focus {
- z-index: 20;
- opacity: 1;
-}
+ .d-lg-grid {
+ display: grid !important;
+ }
-.convert-to-issue-enabled .task-list-item.is-loading {
- color: var(--fgColor-muted);
- background-color: var(--bgColor-accent-muted);
- border-top: var(--borderWidth-thin) solid var(--borderColor-accent-muted);
- border-bottom: var(--borderWidth-thin) solid var(--bgColor-default);
- border-left: var(--borderWidth-thin) solid var(--bgColor-default);
-}
+ .d-lg-table {
+ display: table !important;
+ }
-.convert-to-issue-enabled .task-list-item.is-loading ul {
- color: var(--fgColor-default);
- background-color: var(--bgColor-default);
-}
+ .d-lg-table-row {
+ display: table-row !important;
+ }
-.convert-to-issue-enabled .task-list-item.is-loading > .handle {
- opacity: 0;
-}
+ .d-lg-table-cell {
+ display: table-cell !important;
+ }
-.task-list-item-convert-container {
- position: absolute !important;
- top: calc(100% - 4px);
- right: 0;
- left: 0;
- display: none;
- margin-top: 0;
-}
+ .d-lg-flex {
+ display: flex !important;
+ }
-.task-list-item-convert-container:hover,
-.task-list-item-convert-container:focus {
- display: block;
-}
+ .d-lg-inline-flex {
+ display: inline-flex !important;
+ }
-.task-list-item-convert-button-container {
- top: var(--base-size-4);
- right: 0;
- left: auto;
- width: auto;
-}
+ .d-lg-none {
+ display: none !important;
+ }
-.contains-task-list:hover .task-list-item-convert-container,
-.contains-task-list:focus-within .task-list-item-convert-container {
- display: block;
- width: auto;
- height: 24px;
- overflow: visible;
- clip: auto;
-}
+ .flex-lg-fill {
+ flex: 1 1 auto !important;
+ }
-.convert-to-block-button {
- margin: 0 var(--base-size-4);
-}
+ .flex-lg-row {
+ flex-direction: row !important;
+ }
-.topic-tag {
- display: inline-block;
- padding: 0.3em 0.9em;
- margin: 0 0.5em 0.5em 0;
- white-space: nowrap;
- background-color: var(--bgColor-accent-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .flex-lg-column {
+ flex-direction: column !important;
+ }
-.topic-tag-link:hover {
- text-decoration: none;
- background-color: #def;
-}
+ .flex-lg-row-reverse {
+ flex-direction: row-reverse !important;
+ }
-.delete-topic-button {
- display: inline-block;
- width: 26px;
- border-top: 0;
- border-right: 0;
- border-bottom: 0;
- border-left: var(--borderWidth-thin) solid #b4d9ff;
-}
+ .flex-lg-column-reverse {
+ flex-direction: column-reverse !important;
+ }
-.topic-tag-outline {
- background: transparent;
- box-shadow: inset 0 0 0 1px #c8e1ff;
-}
+ .flex-lg-grow-0 {
+ flex-grow: 0 !important;
+ }
-.invalid-topic .delete-topic-button {
- color: var(--fgColor-default);
- background-color: var(--bgColor-danger-muted);
- border-left-color: var(--borderColor-danger-emphasis);
-}
+ .flex-lg-grow-1 {
+ flex-grow: 1 !important;
+ }
-.invalid-topic .delete-topic-button:hover {
- background-color: #ffc8ce;
-}
+ .flex-lg-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.topic-tag-action {
- display: inline-flex;
- align-items: center;
- padding-left: 0.8em;
- margin: 0.4em 0.4em 0 0;
- background-color: var(--bgColor-accent-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .flex-lg-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-.topic-tag-action.invalid-topic {
- color: var(--fgColor-default);
- background-color: var(--bgColor-danger-muted);
- border-color: var(--borderColor-danger-emphasis);
-}
+ .flex-lg-wrap {
+ flex-wrap: wrap !important;
+ }
-.topic-input-container .tag-input {
- width: 908px;
- cursor: text;
-}
+ .flex-lg-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.topic-input-container .tag-input.org-repo-tag-input {
- width: 100%;
-}
+ .flex-lg-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.topic-input-container .tag-input .tag-input-inner {
- min-height: 26px;
- background-image: none;
-}
+ .gap-lg-0 {
+ gap: 0 !important;
+ }
-.topic-input-container .topic-tag {
- margin-top: 2px;
-}
+ .gap-lg-1 {
+ gap: 0.25rem !important;
+ }
-.topic .css-truncate-target {
- max-width: 75%;
-}
+ .gap-lg-2 {
+ gap: 0.5rem !important;
+ }
-.topic-list .topic-list-item + .topic-list-item {
- border-top: solid var(--borderWidth-thin) var(--borderColor-default);
-}
+ .gap-lg-3 {
+ gap: 1rem !important;
+ }
-.topic-box .starred {
- color: var(--fgColor-attention);
- border: 0;
-}
+ .gap-lg-4 {
+ gap: 1.5rem !important;
+ }
-.topic-box .unstarred {
- color: var(--fgColor-muted);
- border: 0;
-}
+ .gap-lg-5 {
+ gap: 3rem !important;
+ }
-.user-status-container,
-.user-status-container .team-mention,
-.user-status-container .user-mention {
- white-space: normal;
-}
+ .justify-content-lg-start {
+ justify-content: flex-start !important;
+ }
-.user-status-container {
- word-break: break-word;
- word-wrap: break-word;
-}
+ .justify-content-lg-end {
+ justify-content: flex-end !important;
+ }
-.user-status-container .input-group-button .btn {
- width: 46px;
- height: 34px;
- line-height: 0;
-}
+ .justify-content-lg-center {
+ justify-content: center !important;
+ }
-.user-status-container .input-group-button g-emoji {
- font-size: 1.3em;
- line-height: 18px;
-}
+ .justify-content-lg-between {
+ justify-content: space-between !important;
+ }
-.user-status-container .team-mention,
-.user-status-container .user-mention {
- white-space: normal;
-}
+ .justify-content-lg-around {
+ justify-content: space-around !important;
+ }
-.user-status-container img.emoji {
- width: 18px;
- height: 18px;
-}
+ .justify-content-lg-evenly {
+ justify-content: space-evenly !important;
+ }
-.user-status-message-wrapper {
- color: var(--fgColor-default);
-}
+ .align-items-lg-start {
+ align-items: flex-start !important;
+ }
-.toggle-user-status-edit:hover .user-status-message-wrapper,
-.toggle-user-status-edit:focus .user-status-message-wrapper {
- color: var(--fgColor-accent);
-}
+ .align-items-lg-end {
+ align-items: flex-end !important;
+ }
-.user-status-message-wrapper div {
- display: inline;
-}
+ .align-items-lg-center {
+ align-items: center !important;
+ }
-.user-status-header g-emoji {
- font-size: 1.25em;
-}
+ .align-items-lg-baseline {
+ align-items: baseline !important;
+ }
-.user-status-message-wrapper .g-emoji {
- display: inline-block;
-}
+ .align-items-lg-stretch {
+ align-items: stretch !important;
+ }
-.user-status-circle-badge {
- background-color: var(--bgColor-default);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: 2em;
- box-shadow: var(--shadow-resting-small);
-}
+ .align-content-lg-start {
+ align-content: flex-start !important;
+ }
-.command-palette {
- box-shadow: var(--shadow-floating-small);
-}
+ .align-content-lg-end {
+ align-content: flex-end !important;
+ }
-@media (min-width: 768px) {
- .command-palette-details-dialog {
- width: 512px;
+ .align-content-lg-center {
+ align-content: center !important;
}
-}
-@media (min-width: 1012px) {
- .command-palette-details-dialog {
- width: 640px;
+ .align-content-lg-between {
+ align-content: space-between !important;
}
-}
-@media (min-width: 1280px) {
- .command-palette-details-dialog {
- width: 720px;
+ .align-content-lg-around {
+ align-content: space-around !important;
}
-}
-.page-stack-transition-height {
- overflow-y: scroll;
- transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
- transition-duration: 0.2s;
- transition-property: max-height, min-height;
-}
+ .align-content-lg-stretch {
+ align-content: stretch !important;
+ }
-.page-stack-transition-height.no-transition {
- transition-duration: 0s;
-}
+ .align-self-lg-auto {
+ align-self: auto !important;
+ }
-.command-palette-input-group {
- position: relative;
- z-index: 0;
- padding-left: 0;
- color: var(--fgColor-muted);
-}
+ .align-self-lg-start {
+ align-self: flex-start !important;
+ }
-.command-palette-input-group .no-focus-indicator:focus,
-.command-palette-input-group .no-focus-indicator:focus-visible {
- border: 0 !important;
- outline: none !important;
-}
+ .align-self-lg-end {
+ align-self: flex-end !important;
+ }
-.command-palette-input-group .command-palette-typeahead {
- position: absolute;
- z-index: 1;
- padding: inherit;
- pointer-events: none;
-}
+ .align-self-lg-center {
+ align-self: center !important;
+ }
-.command-palette-input-group .command-palette-typeahead .typeahead-segment {
- white-space: pre;
-}
+ .align-self-lg-baseline {
+ align-self: baseline !important;
+ }
-.command-palette-input-group .command-palette-typeahead .typeahead-segment.input-mirror {
- opacity: 0;
-}
+ .align-self-lg-stretch {
+ align-self: stretch !important;
+ }
-.command-palette-input-group .typeahead-input {
- padding: inherit;
-}
+ .order-lg-first {
+ order: -1 !important;
+ }
-.command-palette-input-clear-button {
- color: var(--fgColor-muted);
-}
+ .order-lg-0 {
+ order: 0 !important;
+ }
-.command-palette-input-clear-button:hover {
- color: var(--fgColor-muted);
-}
+ .order-lg-1 {
+ order: 1 !important;
+ }
-themed-picture {
- visibility: hidden;
-}
+ .order-lg-2 {
+ order: 2 !important;
+ }
-.SidePanel > .Overlay-header > .Overlay-headerContentWrap > .Overlay-titleWrap {
- padding-top: var(--base-size-8);
-}
+ .order-lg-3 {
+ order: 3 !important;
+ }
-.SidePanel > .Overlay-header > .Overlay-headerContentWrap > .Overlay-actionWrap {
- padding: var(--base-size-8);
-}
+ .order-lg-4 {
+ order: 4 !important;
+ }
-.underline-on-hover:hover {
- text-decoration: underline;
-}
+ .order-lg-5 {
+ order: 5 !important;
+ }
-.is-auto-complete-loading :not(input).form-control {
- padding-right: 0;
- background-image: none;
-}
+ .order-lg-last {
+ order: 6 !important;
+ }
-.ActionMenu {
- position: absolute;
- z-index: 999;
- display: none;
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
+ .m-lg-0 {
+ margin: 0 !important;
+ }
-.CommentBox-header {
- display: flex;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
-}
+ .m-lg-1 {
+ margin: 0.25rem !important;
+ }
-.CommentBox-header.CommentBox-header {
- margin-bottom: 0;
-}
+ .m-lg-2 {
+ margin: 0.5rem !important;
+ }
-.CommentBox-header .tabnav-tabs {
- margin-top: -1px;
- margin-left: -1px;
- flex-shrink: 0;
-}
+ .m-lg-3 {
+ margin: 1rem !important;
+ }
-.CommentBox-toolbar {
- display: flex;
- min-width: 0;
- margin-right: var(--base-size-4, var(--base-size-4));
- flex-shrink: 1;
- flex-grow: 1;
-}
+ .m-lg-4 {
+ margin: 1.5rem !important;
+ }
-.CommentBox-toolbar .Button--invisible {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
+ .m-lg-5 {
+ margin: 3rem !important;
+ }
-.CommentBox-container {
- display: block;
- width: calc(100% - var(--stack-padding-condensed, 8px) * 2);
- height: 100%;
- margin: var(--base-size-8);
- overflow: hidden;
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
-}
+ .m-lg-auto {
+ margin: auto !important;
+ }
-.CommentBox-container.CommentBox-container:focus-within {
- border-color: transparent;
- outline: 2px var(--focus-outlineColor, var(--color-accent-emphasis)) solid;
- outline-offset: -1px;
- box-shadow: none;
-}
+ .mx-lg-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.CommentBox-container::placeholder {
- visibility: hidden;
-}
+ .mx-lg-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.CommentBox-input {
- display: block;
- width: 100%;
- min-height: 102px;
- padding: var(--base-size-8);
- line-height: 1.5;
- resize: vertical;
- background: none;
- border: 0;
-}
+ .mx-lg-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.CommentBox-input.CommentBox-input:focus,
-.CommentBox-input.CommentBox-input:focus-visible {
- border: 0;
- outline: 0;
- box-shadow: none;
-}
+ .mx-lg-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.CommentBox-input.CommentBox-input--medium {
- min-height: 150px;
-}
+ .mx-lg-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.CommentBox-input.CommentBox-input--large {
- min-height: 250px;
-}
+ .mx-lg-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.CommentBox-placeholder {
- position: absolute;
- top: 1px;
- left: 9px;
- display: none;
- padding: var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-subtle));
- pointer-events: none;
-}
+ .mx-lg-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.CommentBox-input:placeholder-shown + .CommentBox-placeholder {
- display: block;
-}
+ .my-lg-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.CommentBox .dragover .CommentBox-input,
-.CommentBox .dragover .CommentBox-input:focus {
- border-radius: 10px;
- outline: 2px dashed var(--borderColor-default, var(--color-border-default));
- outline-offset: -6px;
- box-shadow: none;
-}
+ .my-lg-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.CommentBox-comment {
- margin: var(--base-size-8);
-}
+ .my-lg-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.CommentBox-comment.CommentBox-comment:focus,
-.CommentBox-comment.CommentBox-comment:focus-visible {
- border-radius: var(--borderRadius-medium);
- outline: 2px var(--focus-outlineColor, var(--color-accent-emphasis)) solid;
- outline-offset: -1px;
- box-shadow: none;
-}
+ .my-lg-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.CommentBox-comment[role='tabpanel'][tabindex='0']:focus {
- outline: 2px var(--focus-outlineColor, var(--color-accent-emphasis)) solid;
-}
+ .my-lg-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.CommentBox-comment.CommentBox-comment .comment-body {
- padding: 9px;
- margin: 0;
-}
+ .my-lg-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-.previewable-comment-form .comment {
- border: 0;
-}
+ .my-lg-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-.previewable-edit .previewable-comment-form .CommentBox-header .tabnav-tabs {
- display: flex;
-}
+ .mt-lg-0 {
+ margin-top: 0 !important;
+ }
-.previewable-comment-form .CommentBox .preview-content {
- padding: var(--base-size-8);
- margin: 0;
-}
+ .mt-lg-1 {
+ margin-top: 0.25rem !important;
+ }
-.previewable-comment-form .CommentBox .comment-body {
- padding: 9px;
- border: 0;
-}
+ .mt-lg-2 {
+ margin-top: 0.5rem !important;
+ }
-.PageHeader {
- display: grid;
- grid-template-columns: 1fr;
- grid-template-areas: 'contextBar' 'titleBar' 'description' 'navigation';
- margin-bottom: var(--base-size-24);
-}
+ .mt-lg-3 {
+ margin-top: 1rem !important;
+ }
-@media (max-width: 768px) {
- .PageHeader {
- margin-bottom: var(--base-size-16);
+ .mt-lg-4 {
+ margin-top: 1.5rem !important;
}
-}
-.PageHeader .PageHeader-contextBar {
- display: flex;
- column-gap: 16px;
- align-items: center;
-}
+ .mt-lg-5 {
+ margin-top: 3rem !important;
+ }
-.PageHeader .PageHeader-contextBar .PageHeader-parentLink {
- flex: 1 1 auto;
-}
+ .mt-lg-auto {
+ margin-top: auto !important;
+ }
-.PageHeader .PageHeader-parentLink a {
- display: inline-grid;
- grid-template-columns: min-content auto;
- gap: var(--base-size-4);
- align-items: center;
- padding: var(--base-size-4) var(--base-size-8);
- margin-left: calc(var(--base-size-8) * -1);
- font-size: 14px;
- line-height: 1.25;
- color: var(--fgColor-muted, var(--color-fg-muted));
- border-radius: var(--borderRadius-medium);
-}
+ .me-lg-0 {
+ margin-right: 0 !important;
+ }
-.PageHeader .PageHeader-parentLink a:hover {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
-}
+ .me-lg-1 {
+ margin-right: 0.25rem !important;
+ }
-.PageHeader .PageHeader-parentLink .PageHeader-parentLink-label {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .me-lg-2 {
+ margin-right: 0.5rem !important;
+ }
-.PageHeader .PageHeader-titleBar {
- display: flex;
- column-gap: var(--base-size-16);
-}
+ .me-lg-3 {
+ margin-right: 1rem !important;
+ }
-.PageHeader .PageHeader-titleBar .PageHeader-titleWrap {
- flex: 1 1 auto;
-}
+ .me-lg-4 {
+ margin-right: 1.5rem !important;
+ }
-.PageHeader .PageHeader-titleBar .PageHeader-actions {
- flex: 0 0 auto;
-}
+ .me-lg-5 {
+ margin-right: 3rem !important;
+ }
-.PageHeader .PageHeader-titleWrap {
- display: flex;
- column-gap: var(--base-size-8);
-}
+ .me-lg-auto {
+ margin-right: auto !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large {
- font: 400 var(--text-title-size-large, 2rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica,
- Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-}
+ .mb-lg-0 {
+ margin-bottom: 0 !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large .PageHeader-backButton {
- height: var(--text-title-lineHeight-large, 2.5rem);
-}
+ .mb-lg-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large .PageHeader-leadingVisual {
- max-height: var(--text-title-lineHeight-large, 2.5rem);
-}
+ .mb-lg-2 {
+ margin-bottom: 0.5rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--medium {
- font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica,
- Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-}
+ .mb-lg-3 {
+ margin-bottom: 1rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--subtitle {
- font: 400 var(--text-subtitle-size, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica,
- Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-}
+ .mb-lg-4 {
+ margin-bottom: 1.5rem !important;
+ }
-@media (max-width: 768px) {
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large {
- font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans',
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+ .mb-lg-5 {
+ margin-bottom: 3rem !important;
}
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--medium {
- font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans',
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+ .mb-lg-auto {
+ margin-bottom: auto !important;
}
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--subtitle {
- font: 400 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans',
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+ .ms-lg-0 {
+ margin-left: 0 !important;
}
-}
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasLeadingVisual {
- display: flex;
-}
+ .ms-lg-1 {
+ margin-left: 0.25rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasBackButton:first-child {
- margin-left: calc(var(--base-size-4) * -1);
-}
+ .ms-lg-2 {
+ margin-left: 0.5rem !important;
+ }
-@media (min-width: 768px) {
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasBackButton:first-child {
- display: flex !important;
- align-items: center;
- margin-left: var(--base-size-8);
- grid-template-columns: min-content auto;
+ .ms-lg-3 {
+ margin-left: 1rem !important;
}
-}
-.PageHeader .PageHeader-titleWrap h1,
-.PageHeader .PageHeader-titleWrap h2,
-.PageHeader .PageHeader-titleWrap h3 {
- font-size: inherit;
- font-weight: inherit;
- line-height: inherit;
-}
+ .ms-lg-4 {
+ margin-left: 1.5rem !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-title {
- display: inline-grid;
- grid-auto-flow: column;
- grid-template-columns: auto;
- align-items: center;
- gap: 8px;
-}
+ .ms-lg-5 {
+ margin-left: 3rem !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-leadingVisual {
- display: grid;
- align-items: center;
- max-height: var(--text-title-lineHeight-large, 1.5);
-}
+ .ms-lg-auto {
+ margin-left: auto !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-trailingVisual {
- display: grid;
- align-items: center;
- max-height: var(--text-title-lineHeight-large, 1.5);
-}
+ .p-lg-0 {
+ padding: 0 !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-backButton {
- position: relative;
- display: grid;
- width: 16px;
- height: var(--text-title-lineHeight-medium, 1.5rem);
- align-items: center;
- padding: 0;
- color: inherit;
- border-radius: var(--borderRadius-medium);
-}
+ .p-lg-1 {
+ padding: 0.25rem !important;
+ }
-@media (max-width: 768px) {
- .PageHeader .PageHeader-titleWrap .PageHeader-backButton {
- display: none;
+ .p-lg-2 {
+ padding: 0.5rem !important;
}
-}
-.PageHeader .PageHeader-description {
- margin-top: var(--base-size-8);
- overflow: auto;
-}
+ .p-lg-3 {
+ padding: 1rem !important;
+ }
-.PageHeader .PageHeader-navigation {
- margin-top: var(--base-size-16);
- overflow: auto;
-}
+ .p-lg-4 {
+ padding: 1.5rem !important;
+ }
-.QueryBuilder-StyledInput {
- display: inline-flex;
- width: 100%;
- min-height: var(--control-medium-size, 32px);
- color: var(--fgColor-default, var(--color-fg-default));
- vertical-align: middle;
- cursor: text;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-color: var(--control-borderColor-rest, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
- outline: none;
- align-items: center;
- gap: var(--base-size-4);
-}
+ .p-lg-5 {
+ padding: 3rem !important;
+ }
-.QueryBuilder-focus {
- border-color: transparent;
- outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
- box-shadow: inset 0 0 1px transparent;
-}
+ .px-lg-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
-.QueryBuilder-StyledInputContainer {
- position: relative;
- display: flex;
- overflow-x: auto;
- overflow-y: hidden;
- font-size: inherit;
- align-items: center;
- -ms-overflow-style: none;
- scrollbar-width: none;
- flex: 1;
- align-self: stretch;
-}
+ .px-lg-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
-.QueryBuilder-StyledInputContainer::-webkit-scrollbar {
- display: none;
-}
+ .px-lg-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.QueryBuilder-StyledInputContent {
- position: absolute;
- display: inline-flex;
- padding: 0;
- word-break: break-word;
- white-space: pre;
- -webkit-user-select: none;
- user-select: none;
- flex: 1;
-}
+ .px-lg-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.QueryBuilder-leadingVisualWrap {
- margin: var(--base-size-4) var(--base-size-4) var(--base-size-4) var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
+ .px-lg-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.QueryBuilder-spacer {
- width: var(--base-size-8);
- height: 100%;
-}
+ .px-lg-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.QueryBuilder-InputWrapper {
- width: 100%;
- align-self: stretch;
-}
+ .py-lg-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.QueryBuilder-Sizer {
- position: absolute;
- top: 0;
- left: 0;
- height: 0;
- overflow: scroll;
- white-space: pre;
- visibility: hidden;
-}
+ .py-lg-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.QueryBuilder-Input {
- position: relative;
- display: flex;
- min-width: 100%;
- padding: 0;
- overflow-x: auto;
- overflow-y: hidden;
- color: transparent;
- resize: none;
- background: transparent;
- border: 0;
- outline: none;
- caret-color: var(--fgColor-default, var(--color-fg-default));
-}
+ .py-lg-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-.QueryBuilder-Input:focus {
- border: 0 !important;
- box-shadow: none !important;
-}
+ .py-lg-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
-query-builder:not(:defined) .QueryBuilder-Input {
- color: var(--fgColor-default, var(--color-fg-default));
-}
+ .py-lg-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-.QueryBuilder-ListItem {
- display: grid;
- grid-template-columns: max-content minmax(0, auto) max-content;
- grid-template-areas: 'leadingVisual label trailingLabel';
- -webkit-user-select: unset;
- user-select: unset;
-}
+ .py-lg-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
-.QueryBuilder-ListItem-link {
- color: inherit;
- text-decoration: none !important;
-}
+ .pt-lg-0 {
+ padding-top: 0 !important;
+ }
-.QueryBuilder-ListItem-trailing {
- grid-area: trailingLabel;
-}
+ .pt-lg-1 {
+ padding-top: 0.25rem !important;
+ }
-.QueryBuilder-ListWrap {
- max-height: 20em;
- padding: var(--base-size-8);
- overflow-x: hidden;
- overflow-y: auto !important;
-}
+ .pt-lg-2 {
+ padding-top: 0.5rem !important;
+ }
-.QueryBuilder [data-type='filter-value'] {
- color: var(--fgColor-accent, var(--color-accent-fg));
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-radius: var(--borderRadius-small);
-}
+ .pt-lg-3 {
+ padding-top: 1rem !important;
+ }
-.QueryBuilder .qb-filter-value {
- color: var(--fgColor-accent, var(--color-accent-fg));
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-radius: var(--borderRadius-small);
-}
+ .pt-lg-4 {
+ padding-top: 1.5rem !important;
+ }
-.QueryBuilder .qb-entity {
- color: var(--color-prettylights-syntax-entity);
-}
+ .pt-lg-5 {
+ padding-top: 3rem !important;
+ }
-.QueryBuilder .qb-constant {
- color: var(--color-prettylights-syntax-constant);
-}
+ .pe-lg-0 {
+ padding-right: 0 !important;
+ }
-.QueryBuilder .ActionList-sectionDivider:not(:empty) {
- padding: 0;
-}
+ .pe-lg-1 {
+ padding-right: 0.25rem !important;
+ }
-.hx_anim-fade-out {
- animation-name: hx-fade-out;
- animation-duration: 1s;
- animation-fill-mode: forwards;
- animation-timing-function: ease-out;
-}
+ .pe-lg-2 {
+ padding-right: 0.5rem !important;
+ }
-@keyframes hx-fade-out {
- 0% {
- opacity: 1;
+ .pe-lg-3 {
+ padding-right: 1rem !important;
}
- 100% {
- opacity: 0;
+ .pe-lg-4 {
+ padding-right: 1.5rem !important;
}
-}
-.AvatarStack--large {
- min-width: 44px;
- height: 32px;
-}
+ .pe-lg-5 {
+ padding-right: 3rem !important;
+ }
-.AvatarStack--large.AvatarStack--two {
- min-width: 48px;
-}
+ .pb-lg-0 {
+ padding-bottom: 0 !important;
+ }
-.AvatarStack--large.AvatarStack--three-plus {
- min-width: 52px;
-}
+ .pb-lg-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.AvatarStack--large .AvatarStack-body .avatar {
- width: 32px;
- height: 32px;
- margin-right: -28px;
-}
+ .pb-lg-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.AvatarStack--large .AvatarStack-body:hover .avatar {
- margin-right: var(--base-size-4);
-}
+ .pb-lg-3 {
+ padding-bottom: 1rem !important;
+ }
-.AvatarStack--large .avatar.avatar-more::before {
- width: 32px;
-}
+ .pb-lg-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.AvatarStack--large .avatar.avatar-more::after {
- width: 30px;
-}
+ .pb-lg-5 {
+ padding-bottom: 3rem !important;
+ }
-.AvatarStack--large .avatar.avatar-more::after,
-.AvatarStack--large .avatar.avatar-more::before {
- height: 32px;
-}
+ .ps-lg-0 {
+ padding-left: 0 !important;
+ }
-.Box-row--focus-gray.navigation-focus .AvatarStack-body {
- background-color: var(--bgColor-muted);
-}
+ .ps-lg-1 {
+ padding-left: 0.25rem !important;
+ }
-.AvatarStack-body:not(:hover) {
- background-color: transparent;
-}
+ .ps-lg-2 {
+ padding-left: 0.5rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .avatar-more {
- display: none;
-}
+ .ps-lg-3 {
+ padding-left: 1rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body .avatar:nth-child(n + 4) {
- display: flex;
- opacity: 1;
-}
+ .ps-lg-4 {
+ padding-left: 1.5rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) .avatar:nth-of-type(n + 6) {
- display: none;
- opacity: 0;
-}
+ .ps-lg-5 {
+ padding-left: 3rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(1) {
- z-index: 5;
-}
+ .text-lg-start {
+ text-align: left !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(2) {
- z-index: 4;
-}
+ .text-lg-end {
+ text-align: right !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(3) {
- z-index: 3;
+ .text-lg-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 1200px) {
+ .float-xl-start {
+ float: left !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(4) {
- z-index: 2;
-}
+ .float-xl-end {
+ float: right !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(5) {
- z-index: 1;
-}
+ .float-xl-none {
+ float: none !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3)
- img {
- opacity: 0.5;
-}
+ .d-xl-inline {
+ display: inline !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4)
- img {
- opacity: 0.33;
-}
+ .d-xl-inline-block {
+ display: inline-block !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5)
- img {
- opacity: 0.25;
-}
+ .d-xl-block {
+ display: block !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) > .avatar-more + .avatar:nth-of-type(3) {
- margin-right: 0;
- margin-left: -6px;
-}
+ .d-xl-grid {
+ display: grid !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) > .avatar-more ~ .avatar:nth-of-type(4) {
- margin-right: 0;
- margin-left: -18px;
-}
+ .d-xl-table {
+ display: table !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) > .avatar-more ~ .avatar:nth-of-type(5) {
- margin-right: 0;
- margin-left: -18px;
-}
+ .d-xl-table-row {
+ display: table-row !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3) {
- margin-right: -6px;
- margin-left: 0;
-}
+ .d-xl-table-cell {
+ display: table-cell !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4) {
- margin-right: -18px;
- margin-left: 0;
-}
+ .d-xl-flex {
+ display: flex !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5) {
- margin-right: -18px;
- margin-left: 0;
-}
+ .d-xl-inline-flex {
+ display: inline-flex !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3) {
- margin-right: 0;
- margin-left: -2px;
-}
+ .d-xl-none {
+ display: none !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4) {
- margin-right: 0;
- margin-left: -30px;
-}
+ .flex-xl-fill {
+ flex: 1 1 auto !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5) {
- margin-right: 0;
- margin-left: -30px;
-}
+ .flex-xl-row {
+ flex-direction: row !important;
+ }
-.hx_avatar_stack_commit
- .AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3) {
- margin-right: 0;
- margin-left: -10px;
-}
+ .flex-xl-column {
+ flex-direction: column !important;
+ }
-.hx_avatar_stack_commit
- .AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4) {
- margin-right: 0;
- margin-left: -21px;
-}
+ .flex-xl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
-.hx_avatar_stack_commit
- .AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5) {
- margin-right: 0;
- margin-left: -21px;
-}
+ .flex-xl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
-.hx_badge-search-container {
- cursor: text;
-}
+ .flex-xl-grow-0 {
+ flex-grow: 0 !important;
+ }
-.hx_badge-search-container .hx_badge-input {
- border: 0;
- outline: 0;
- box-shadow: none;
-}
+ .flex-xl-grow-1 {
+ flex-grow: 1 !important;
+ }
-.hx_badge-search-container .hx_badge-input:focus {
- border: 0 !important;
- box-shadow: none !important;
-}
+ .flex-xl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.hx_badge-search-container .hx_badge-input::placeholder {
- font-size: 12px;
-}
+ .flex-xl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-.hx_badge {
- cursor: pointer;
-}
+ .flex-xl-wrap {
+ flex-wrap: wrap !important;
+ }
-.hx_badge[aria-pressed='true'] {
- color: var(--fgColor-onEmphasis) !important;
- background-color: var(--bgColor-accent-emphasis) !important;
- border-color: var(--borderColor-accent-emphasis) !important;
-}
+ .flex-xl-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.hx_Box--firstRowRounded0 .Box-row:first-of-type {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
-}
+ .flex-xl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.Box-row:first-of-type {
- border-top-color: transparent;
-}
+ .gap-xl-0 {
+ gap: 0 !important;
+ }
-.hx_Box-row--with-top-border:first-of-type {
- border-top-color: inherit;
-}
+ .gap-xl-1 {
+ gap: 0.25rem !important;
+ }
-.Box--overlay [data-close-dialog],
-.Box-overlay--narrow [data-close-dialog],
-.Box-overlay--wide [data-close-dialog] {
- z-index: 1;
-}
+ .gap-xl-2 {
+ gap: 0.5rem !important;
+ }
-.dropdown-item.btn-link:disabled,
-.dropdown-item.btn-link:disabled:hover,
-.dropdown-item.btn-link[aria-disabled='true'],
-.dropdown-item.btn-link[aria-disabled='true']:hover {
- background-color: transparent;
-}
+ .gap-xl-3 {
+ gap: 1rem !important;
+ }
-@media {
- g-emoji {
- font-size: 1.25em;
+ .gap-xl-4 {
+ gap: 1.5rem !important;
}
-}
-.hx_create-pr-button:hover {
- border-right-width: 0;
-}
+ .gap-xl-5 {
+ gap: 3rem !important;
+ }
-.hx_create-pr-button:hover + .BtnGroup-parent .BtnGroup-item {
- border-left-width: var(--borderWidth-thin);
-}
+ .justify-content-xl-start {
+ justify-content: flex-start !important;
+ }
-summary[type='button'].btn {
- appearance: none;
-}
+ .justify-content-xl-end {
+ justify-content: flex-end !important;
+ }
-.form-control:-webkit-autofill {
- box-shadow: inset 0 0 0 32px var(--bgColor-default) !important;
- -webkit-text-fill-color: var(--fgColor-default);
-}
-
-.form-control:-webkit-autofill:focus {
- box-shadow: inset 0 0 0 32px var(--bgColor-default), 0 0 0 2px var(--borderColor-accent-emphasis) !important;
-}
-
-::-webkit-calendar-picker-indicator {
- filter: invert(50%);
-}
-
-[data-color-mode='light'][data-light-theme*='dark'] ::selection,
-[data-color-mode='dark'][data-dark-theme*='dark'] ::selection {
- background-color: var(--selection-bgColor);
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] ::selection {
- background-color: var(--selection-bgColor);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] ::selection {
- background-color: var(--selection-bgColor);
- }
-}
-
-@font-face {
- font-family: 'Noto Sans';
- src: local(sans-serif);
- unicode-range: U+60;
-}
-
-[data-color-mode='light'][data-light-theme*='dark'],
-[data-color-mode='dark'][data-dark-theme*='dark'] {
- --color-workflow-card-bg: var(--bgColor-muted);
- --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
- --color-bg-discussions-row-emoji-box: #57606a;
- --color-notifications-row-read-bg: var(--bgColor-default);
- --color-notifications-row-bg: var(--bgColor-muted);
- --color-calendar-halloween-graph-day-L1-bg: #631c03;
- --color-calendar-halloween-graph-day-L2-bg: #bd561d;
- --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
- --color-calendar-halloween-graph-day-L4-bg: #fddf68;
- --color-calendar-winter-graph-day-L1-bg: #0a3069;
- --color-calendar-winter-graph-day-L2-bg: #0969da;
- --color-calendar-winter-graph-day-L3-bg: #54aeff;
- --color-calendar-winter-graph-day-L4-bg: #b6e3ff;
- --color-calendar-graph-day-bg: #161b22;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #0e4429;
- --color-calendar-graph-day-L2-bg: #006d32;
- --color-calendar-graph-day-L3-bg: #26a641;
- --color-calendar-graph-day-L4-bg: #39d353;
- --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
- --color-user-mention-fg: var(--fgColor-attention);
- --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
- --color-marketing-icon-primary: #79c0ff;
- --color-marketing-icon-secondary: #1f6feb;
- --color-project-header-bg: #0d1117;
- --color-project-sidebar-bg: #161b22;
- --color-project-gradient-in: #161b22;
- --color-project-gradient-out: rgba(22, 27, 34, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
- --color-text-white: var(--fgColor-white);
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] {
- --color-workflow-card-bg: var(--bgColor-muted);
- --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
- --color-bg-discussions-row-emoji-box: #57606a;
- --color-notifications-row-read-bg: var(--bgColor-default);
- --color-notifications-row-bg: var(--bgColor-muted);
- --color-calendar-halloween-graph-day-L1-bg: #631c03;
- --color-calendar-halloween-graph-day-L2-bg: #bd561d;
- --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
- --color-calendar-halloween-graph-day-L4-bg: #fddf68;
- --color-calendar-winter-graph-day-L1-bg: #0a3069;
- --color-calendar-winter-graph-day-L2-bg: #0969da;
- --color-calendar-winter-graph-day-L3-bg: #54aeff;
- --color-calendar-winter-graph-day-L4-bg: #b6e3ff;
- --color-calendar-graph-day-bg: #161b22;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #0e4429;
- --color-calendar-graph-day-L2-bg: #006d32;
- --color-calendar-graph-day-L3-bg: #26a641;
- --color-calendar-graph-day-L4-bg: #39d353;
- --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
- --color-user-mention-fg: var(--fgColor-attention);
- --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
- --color-marketing-icon-primary: #79c0ff;
- --color-marketing-icon-secondary: #1f6feb;
- --color-project-header-bg: #0d1117;
- --color-project-sidebar-bg: #161b22;
- --color-project-gradient-in: #161b22;
- --color-project-gradient-out: rgba(22, 27, 34, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] {
- --color-workflow-card-bg: var(--bgColor-muted);
- --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
- --color-bg-discussions-row-emoji-box: #57606a;
- --color-notifications-row-read-bg: var(--bgColor-default);
- --color-notifications-row-bg: var(--bgColor-muted);
- --color-calendar-halloween-graph-day-L1-bg: #631c03;
- --color-calendar-halloween-graph-day-L2-bg: #bd561d;
- --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
- --color-calendar-halloween-graph-day-L4-bg: #fddf68;
- --color-calendar-winter-graph-day-L1-bg: #0a3069;
- --color-calendar-winter-graph-day-L2-bg: #0969da;
- --color-calendar-winter-graph-day-L3-bg: #54aeff;
- --color-calendar-winter-graph-day-L4-bg: #b6e3ff;
- --color-calendar-graph-day-bg: #161b22;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #0e4429;
- --color-calendar-graph-day-L2-bg: #006d32;
- --color-calendar-graph-day-L3-bg: #26a641;
- --color-calendar-graph-day-L4-bg: #39d353;
- --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
- --color-user-mention-fg: var(--fgColor-attention);
- --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
- --color-marketing-icon-primary: #79c0ff;
- --color-marketing-icon-secondary: #1f6feb;
- --color-project-header-bg: #0d1117;
- --color-project-sidebar-bg: #161b22;
- --color-project-gradient-in: #161b22;
- --color-project-gradient-out: rgba(22, 27, 34, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-:root,
-[data-color-mode='light'][data-light-theme*='light'],
-[data-color-mode='dark'][data-dark-theme*='light'] {
- --color-workflow-card-bg: var(--bgColor-default);
- --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
- --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
- --color-notifications-row-read-bg: var(--bgColor-muted);
- --color-notifications-row-bg: var(--bgColor-white);
- --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
- --color-calendar-halloween-graph-day-L2-bg: #ffc501;
- --color-calendar-halloween-graph-day-L3-bg: #fe9600;
- --color-calendar-halloween-graph-day-L4-bg: #03001c;
- --color-calendar-winter-graph-day-L1-bg: #b6e3ff;
- --color-calendar-winter-graph-day-L2-bg: #54aeff;
- --color-calendar-winter-graph-day-L3-bg: #0969da;
- --color-calendar-winter-graph-day-L4-bg: #0a3069;
- --color-calendar-graph-day-bg: #ebedf0;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #9be9a8;
- --color-calendar-graph-day-L2-bg: #40c463;
- --color-calendar-graph-day-L3-bg: #30a14e;
- --color-calendar-graph-day-L4-bg: #216e39;
- --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
- --color-user-mention-fg: var(--fgColor-default);
- --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
- --color-marketing-icon-primary: #218bff;
- --color-marketing-icon-secondary: #54aeff;
- --color-project-header-bg: #24292f;
- --color-project-sidebar-bg: var(--bgColor-white);
- --color-project-gradient-in: var(--bgColor-white);
- --color-project-gradient-out: rgba(255, 255, 255, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
- --color-text-white: var(--fgColor-white);
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='light'] {
- --color-workflow-card-bg: var(--bgColor-default);
- --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
- --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
- --color-notifications-row-read-bg: var(--bgColor-muted);
- --color-notifications-row-bg: var(--bgColor-white);
- --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
- --color-calendar-halloween-graph-day-L2-bg: #ffc501;
- --color-calendar-halloween-graph-day-L3-bg: #fe9600;
- --color-calendar-halloween-graph-day-L4-bg: #03001c;
- --color-calendar-winter-graph-day-L1-bg: #b6e3ff;
- --color-calendar-winter-graph-day-L2-bg: #54aeff;
- --color-calendar-winter-graph-day-L3-bg: #0969da;
- --color-calendar-winter-graph-day-L4-bg: #0a3069;
- --color-calendar-graph-day-bg: #ebedf0;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #9be9a8;
- --color-calendar-graph-day-L2-bg: #40c463;
- --color-calendar-graph-day-L3-bg: #30a14e;
- --color-calendar-graph-day-L4-bg: #216e39;
- --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
- --color-user-mention-fg: var(--fgColor-default);
- --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
- --color-marketing-icon-primary: #218bff;
- --color-marketing-icon-secondary: #54aeff;
- --color-project-header-bg: #24292f;
- --color-project-sidebar-bg: var(--bgColor-white);
- --color-project-gradient-in: var(--bgColor-white);
- --color-project-gradient-out: rgba(255, 255, 255, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='light'] {
- --color-workflow-card-bg: var(--bgColor-default);
- --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
- --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
- --color-notifications-row-read-bg: var(--bgColor-muted);
- --color-notifications-row-bg: var(--bgColor-white);
- --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
- --color-calendar-halloween-graph-day-L2-bg: #ffc501;
- --color-calendar-halloween-graph-day-L3-bg: #fe9600;
- --color-calendar-halloween-graph-day-L4-bg: #03001c;
- --color-calendar-winter-graph-day-L1-bg: #b6e3ff;
- --color-calendar-winter-graph-day-L2-bg: #54aeff;
- --color-calendar-winter-graph-day-L3-bg: #0969da;
- --color-calendar-winter-graph-day-L4-bg: #0a3069;
- --color-calendar-graph-day-bg: #ebedf0;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #9be9a8;
- --color-calendar-graph-day-L2-bg: #40c463;
- --color-calendar-graph-day-L3-bg: #30a14e;
- --color-calendar-graph-day-L4-bg: #216e39;
- --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
- --color-user-mention-fg: var(--fgColor-default);
- --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
- --color-marketing-icon-primary: #218bff;
- --color-marketing-icon-secondary: #54aeff;
- --color-project-header-bg: #24292f;
- --color-project-sidebar-bg: var(--bgColor-white);
- --color-project-gradient-in: var(--bgColor-white);
- --color-project-gradient-out: rgba(255, 255, 255, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-.hx_color-icon-directory {
- color: var(--treeViewItem-leadingVisual-iconColor-rest);
-}
-
-.hx_keyword-hl {
- background-color: var(--highlight-neutral-bgColor);
-}
-
-.hx_dot-fill-pending-icon {
- color: var(--fgColor-attention) !important;
-}
-
-:root[data-color-mode='dark'] .entry-content [href$='#gh-light-mode-only'],
-:root[data-color-mode='dark'] .comment-body [href$='#gh-light-mode-only'],
-:root[data-color-mode='dark'] .readme [href$='#gh-light-mode-only'] {
- display: none;
-}
+ .justify-content-xl-center {
+ justify-content: center !important;
+ }
-:root[data-color-mode='light'] .entry-content [href$='#gh-dark-mode-only'],
-:root[data-color-mode='light'] .comment-body [href$='#gh-dark-mode-only'],
-:root[data-color-mode='light'] .readme [href$='#gh-dark-mode-only'] {
- display: none;
-}
+ .justify-content-xl-between {
+ justify-content: space-between !important;
+ }
-@media (prefers-color-scheme: dark) {
- :root[data-color-mode='auto'] .entry-content [href$='#gh-light-mode-only'],
- :root[data-color-mode='auto'] .comment-body [href$='#gh-light-mode-only'],
- :root[data-color-mode='auto'] .readme [href$='#gh-light-mode-only'] {
- display: none;
+ .justify-content-xl-around {
+ justify-content: space-around !important;
}
-}
-@media (prefers-color-scheme: light) {
- :root[data-color-mode='auto'] .entry-content [href$='#gh-dark-mode-only'],
- :root[data-color-mode='auto'] .comment-body [href$='#gh-dark-mode-only'],
- :root[data-color-mode='auto'] .readme [href$='#gh-dark-mode-only'] {
- display: none;
+ .justify-content-xl-evenly {
+ justify-content: space-evenly !important;
}
-}
-.colorblind-themes-v1 {
- --color-open-fg: var(--fgColor-success);
- --color-open-emphasis: var(--bgColor-success-emphasis);
- --color-open-muted: var(--bgColor-success-muted);
- --color-open-subtle: var(--bgColor-success-muted);
- --color-closed-fg: var(--fgColor-danger);
- --color-closed-emphasis: var(--bgColor-danger-emphasis);
- --color-closed-muted: var(--bgColor-danger-muted);
- --color-closed-subtle: var(--bgColor-danger-muted);
-}
+ .align-items-xl-start {
+ align-items: flex-start !important;
+ }
-.dropdown-item:focus [class*='color-text-'],
-.dropdown-item:hover [class*='color-text-'] {
- color: inherit !important;
-}
+ .align-items-xl-end {
+ align-items: flex-end !important;
+ }
-.filter-item.selected [class*='color-text-'] {
- color: inherit !important;
-}
+ .align-items-xl-center {
+ align-items: center !important;
+ }
-.hx_focus-input:focus-visible + .hx_focus-target {
- box-shadow: 0 0 0 2px var(--borderColor-accent-emphasis);
-}
+ .align-items-xl-baseline {
+ align-items: baseline !important;
+ }
-.reset-btn-override {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted);
-}
+ .align-items-xl-stretch {
+ align-items: stretch !important;
+ }
-.reset-btn-override:hover {
- color: var(--fgColor-accent);
- text-decoration: none;
-}
+ .align-content-xl-start {
+ align-content: flex-start !important;
+ }
-.reset-btn-override:hover .reset-btn-override-icon {
- background-color: var(--bgColor-accent-emphasis);
-}
+ .align-content-xl-end {
+ align-content: flex-end !important;
+ }
-.reset-btn-override-icon {
- width: 18px;
- height: 18px;
- padding: 1px;
- margin-right: 3px;
- color: var(--fgColor-onEmphasis);
- text-align: center;
- background-color: var(--bgColor-neutral-emphasis);
- border-radius: var(--borderRadius-medium);
-}
+ .align-content-xl-center {
+ align-content: center !important;
+ }
-.is-auto-complete-loading .form-control {
- padding-right: 30px;
- background-repeat: no-repeat;
- background-position-x: center;
- background-position-y: center;
- background-size: 16px;
-}
+ .align-content-xl-between {
+ align-content: space-between !important;
+ }
-[data-color-mode='dark'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
-}
+ .align-content-xl-around {
+ align-content: space-around !important;
+ }
-[data-color-mode='light'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
-}
+ .align-content-xl-stretch {
+ align-content: stretch !important;
+ }
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme^='light'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
+ .align-self-xl-auto {
+ align-self: auto !important;
}
- [data-color-mode='auto'][data-dark-theme^='dark'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
+ .align-self-xl-start {
+ align-self: flex-start !important;
}
-}
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme^='light'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
+ .align-self-xl-end {
+ align-self: flex-end !important;
}
- [data-color-mode='auto'][data-light-theme^='dark'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
+ .align-self-xl-center {
+ align-self: center !important;
}
-}
-.icon-sponsor,
-.icon-sponsoring {
- transition: transform 0.15s cubic-bezier(0.2, 0, 0.13, 2);
- transform: scale(1);
-}
+ .align-self-xl-baseline {
+ align-self: baseline !important;
+ }
-.btn:hover .icon-sponsor,
-.btn:focus .icon-sponsor,
-.Label:hover .icon-sponsor,
-.Label:focus .icon-sponsor,
-.btn:hover .icon-sponsoring,
-.btn:focus .icon-sponsoring,
-.Label:hover .icon-sponsoring,
-.Label:focus .icon-sponsoring {
- transform: scale(1.1);
-}
+ .align-self-xl-stretch {
+ align-self: stretch !important;
+ }
-.icon-sponsor {
- overflow: visible !important;
-}
+ .order-xl-first {
+ order: -1 !important;
+ }
-.hx_kbd {
- display: inline-block;
- min-width: 21px;
- padding: 0 var(--base-size-4);
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif,
- 'Apple Color Emoji', 'Segoe UI Emoji';
- font-size: 12px;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1.5;
- color: var(--fgColor-muted);
- text-align: center;
- background-color: var(--bgColor-default);
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
- box-shadow: none;
-}
-
-.hx_hit-user em,
-.hx_hit-package em,
-.hx_hit-marketplace em,
-.hx_hit-highlighting-wrapper em,
-.hx_hit-commit em,
-.hx_hit-issue em,
-.hx_hit-repo em,
-.hx_hit-wiki em {
- font-style: normal;
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .order-xl-0 {
+ order: 0 !important;
+ }
-.SelectMenu-list.select-menu-list {
- max-height: none;
-}
+ .order-xl-1 {
+ order: 1 !important;
+ }
-@media (max-width: 543px) {
- .SelectMenu-modal {
- width: unset !important;
+ .order-xl-2 {
+ order: 2 !important;
}
-}
-.SelectMenu--hasFilter .SelectMenu-list {
- contain: content;
-}
+ .order-xl-3 {
+ order: 3 !important;
+ }
-.SelectMenu-item:disabled,
-.SelectMenu-item[aria-disabled='true'] {
- color: var(--fgColor-muted);
- pointer-events: none;
-}
+ .order-xl-4 {
+ order: 4 !important;
+ }
-.SelectMenu .SelectMenu-item .is-filtering {
- color: var(--fgColor-muted);
-}
+ .order-xl-5 {
+ order: 5 !important;
+ }
-.SelectMenu .SelectMenu-item .is-filtering b {
- color: var(--fgColor-default);
-}
+ .order-xl-last {
+ order: 6 !important;
+ }
-label.SelectMenu-item {
- font-weight: var(--base-text-weight-normal, 400);
-}
+ .m-xl-0 {
+ margin: 0 !important;
+ }
-label.SelectMenu-item[aria-checked='true'] {
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .m-xl-1 {
+ margin: 0.25rem !important;
+ }
-.SelectMenu-item.focused {
- background-color: var(--bgColor-neutral-muted);
-}
+ .m-xl-2 {
+ margin: 0.5rem !important;
+ }
-select-panel dialog {
- inset: 0;
-}
+ .m-xl-3 {
+ margin: 1rem !important;
+ }
-select-panel dialog::backdrop {
- background: none;
-}
+ .m-xl-4 {
+ margin: 1.5rem !important;
+ }
-.Box--responsive {
- margin-right: -15px;
- margin-left: -15px;
- border-right: 0;
- border-left: 0;
- border-radius: 0;
-}
+ .m-xl-5 {
+ margin: 3rem !important;
+ }
-.Box--responsive .Box-row--unread {
- position: relative;
- box-shadow: none;
-}
+ .m-xl-auto {
+ margin: auto !important;
+ }
-.Box--responsive .Box-row--unread::before {
- position: absolute;
- top: 36px;
- left: 20px;
- display: inline-block;
- width: var(--base-size-8);
- height: var(--base-size-8);
- color: #fff;
- content: '';
- background-image: linear-gradient(#54a3ff, #006eed);
- background-clip: padding-box;
- border-radius: 50%;
-}
+ .mx-xl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.Box--responsive .Box-header {
- border-right-width: 0;
- border-left-width: 0;
- border-radius: 0;
-}
+ .mx-xl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-@media (min-width: 544px) {
- .Box--responsive {
- margin-right: 0;
- margin-left: 0;
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+ .mx-xl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
}
- .Box--responsive .Box-header {
- border-right-width: var(--borderWidth-thin);
- border-left-width: var(--borderWidth-thin);
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+ .mx-xl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
}
- .Box--responsive .Box-row--unread {
- box-shadow: 2px 0 0 var(--borderColor-accent-emphasis) inset;
+ .mx-xl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
}
- .Box--responsive .Box-row--unread::before {
- display: none;
+ .mx-xl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
}
-}
-@media (max-width: 767px) {
- .page-responsive .dropdown-menu,
- .page-responsive .dropdown-item {
- padding-top: var(--base-size-8);
- padding-bottom: var(--base-size-8);
+ .mx-xl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
}
- .page-responsive .hx_dropdown-fullscreen[open] > summary::before {
- background-color: var(--overlay-backdrop-bgColor);
+ .my-xl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
}
- .page-responsive .hx_dropdown-fullscreen .dropdown-menu {
- position: fixed;
- top: auto;
- right: var(--base-size-16) !important;
- bottom: 20%;
- left: var(--base-size-16) !important;
- width: auto !important;
- max-width: none !important;
- max-height: calc(80% - 16px);
- margin: 0 !important;
- overflow-y: auto;
- transform: none;
- animation: dropdown-menu-animation 0.24s cubic-bezier(0, 0.1, 0.1, 1) backwards;
- -webkit-overflow-scrolling: touch;
+ .my-xl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
}
- .page-responsive .hx_dropdown-fullscreen .dropdown-menu::before,
- .page-responsive .hx_dropdown-fullscreen .dropdown-menu::after {
- display: none;
+ .my-xl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
}
- @keyframes dropdown-menu-animation {
- 0% {
- opacity: 0;
- transform: scale(0.9);
- }
+ .my-xl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
}
- .page-responsive .hx_dropdown-fullscreen .dropdown-item {
- padding-top: var(--base-size-16);
- padding-bottom: var(--base-size-16);
+ .my-xl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
}
-}
-.hx_rsm-close-button {
- display: none !important;
-}
+ .my-xl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-@media (max-width: 767px) {
- .page-responsive .hx_rsm[open] > summary::before {
- background-color: var(--overlay-backdrop-bgColor, var(--color-primer-canvas-backdrop));
+ .my-xl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
}
- .page-responsive .hx_rsm .select-menu-modal,
- .page-responsive .hx_rsm-modal {
- position: fixed !important;
- top: 75px;
- right: var(--base-size-16) !important;
- left: var(--base-size-16);
- display: flex;
- width: auto;
- height: 80%;
- margin: 0;
- flex-direction: column;
- animation: hx_rsm-modal-animation 0.24s 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards;
+ .mt-xl-0 {
+ margin-top: 0 !important;
}
- .page-responsive .hx_rsm--auto-height .select-menu-modal {
- top: auto;
- bottom: 20%;
- height: auto;
- max-height: calc(80% - 16px);
+ .mt-xl-1 {
+ margin-top: 0.25rem !important;
}
- .page-responsive .hx_rsm .select-menu-header,
- .page-responsive .hx_rsm .select-menu-text-filter.select-menu-text-filter {
- padding: var(--base-size-16);
- border-top-left-radius: inherit;
- border-top-right-radius: inherit;
+ .mt-xl-2 {
+ margin-top: 0.5rem !important;
}
- .page-responsive .hx_rsm tab-container,
- .page-responsive .hx_rsm-content {
- display: flex;
- min-height: 0;
- flex-direction: column;
- flex: auto;
+ .mt-xl-3 {
+ margin-top: 1rem !important;
}
- .page-responsive .hx_rsm .select-menu-list {
- flex: auto;
- max-height: none;
- -webkit-overflow-scrolling: touch;
+ .mt-xl-4 {
+ margin-top: 1.5rem !important;
}
- .page-responsive .hx_rsm-content > .select-menu-item {
- flex-shrink: 0;
+ .mt-xl-5 {
+ margin-top: 3rem !important;
}
- .page-responsive .hx_rsm .select-menu-item {
- padding-top: var(--base-size-16);
- padding-bottom: var(--base-size-16);
- padding-left: var(--base-size-40);
+ .mt-xl-auto {
+ margin-top: auto !important;
}
- .page-responsive .hx_rsm .close-button,
- .page-responsive .hx_rsm-close-button {
- position: relative;
- display: block !important;
+ .me-xl-0 {
+ margin-right: 0 !important;
}
- .page-responsive .hx_rsm .close-button::before,
- .page-responsive .hx_rsm-close-button::before {
- position: absolute;
- top: calc(var(--base-size-16) * -1);
- right: calc(var(--base-size-16) * -1);
- bottom: calc(var(--base-size-16) * -1);
- left: calc(var(--base-size-16) * -1);
- content: '';
+ .me-xl-1 {
+ margin-right: 0.25rem !important;
}
- .page-responsive .hx_rsm .close-button .octicon-x,
- .page-responsive .hx_rsm-close-button .octicon-x {
- color: var(--fgColor-muted, var(--color-fg-muted));
+ .me-xl-2 {
+ margin-right: 0.5rem !important;
}
- .page-responsive .hx_rsm .select-menu-loading-overlay {
- animation-delay: 1s;
+ .me-xl-3 {
+ margin-right: 1rem !important;
}
- .page-responsive .hx_rsm .select-menu-button::before,
- .page-responsive .hx_rsm-trigger::before {
- animation: hx_rsm-trigger-animation 0.24s cubic-bezier(0, 0, 0.2, 1) backwards;
+ .me-xl-4 {
+ margin-right: 1.5rem !important;
}
- @keyframes hx_rsm-trigger-animation {
- 0% {
- opacity: 0;
- }
+ .me-xl-5 {
+ margin-right: 3rem !important;
}
- @keyframes hx_rsm-modal-animation {
- 0% {
- opacity: 0;
- transform: scale(0.9);
- }
+ .me-xl-auto {
+ margin-right: auto !important;
}
- .page-responsive .hx_rsm-dialog {
- max-width: none;
- height: auto;
- max-height: 80%;
- transform: none;
+ .mb-xl-0 {
+ margin-bottom: 0 !important;
}
- .page-responsive .hx_rsm-dialog-content {
- flex: 1;
- min-height: 0;
+ .mb-xl-1 {
+ margin-bottom: 0.25rem !important;
}
-}
-@media (max-width: 767px) and (max-height: 500px) {
- .page-responsive .hx_rsm .select-menu-modal,
- .page-responsive .hx_rsm-modal {
- bottom: var(--base-size-16);
- height: auto;
+ .mb-xl-2 {
+ margin-bottom: 0.5rem !important;
}
-}
-.select-menu-modal {
- border-color: var(--borderColor-default, var(--color-border-default));
- box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
-}
+ .mb-xl-3 {
+ margin-bottom: 1rem !important;
+ }
-.select-menu-header,
-.select-menu-filters {
- background: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
+ .mb-xl-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.select-menu-text-filter input {
- padding: 5px var(--base-size-12);
-}
+ .mb-xl-5 {
+ margin-bottom: 3rem !important;
+ }
-.select-menu-item {
- text-align: left;
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- border-top: 0;
- border-right: 0;
- border-left: 0;
-}
+ .mb-xl-auto {
+ margin-bottom: auto !important;
+ }
-@media (max-width: 767px) {
- .hx_sm-hide-drag-drop textarea {
- border-bottom: solid var(--borderWidth-thin) var(--borderColor-default);
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+ .ms-xl-0 {
+ margin-left: 0 !important;
}
- .hx_sm-hide-drag-drop .hx_drag-and-drop {
- display: none !important;
+ .ms-xl-1 {
+ margin-left: 0.25rem !important;
}
-}
-@media (hover: none) {
- .tooltipped:hover::before,
- .tooltipped:hover::after {
- display: none;
+ .ms-xl-2 {
+ margin-left: 0.5rem !important;
}
-}
-@media (hover: none) {
- .markdown-body h1 .octicon-link,
- .markdown-body h2 .octicon-link,
- .markdown-body h3 .octicon-link,
- .markdown-body h4 .octicon-link,
- .markdown-body h5 .octicon-link,
- .markdown-body h6 .octicon-link {
- visibility: visible !important;
+ .ms-xl-3 {
+ margin-left: 1rem !important;
}
-}
-.min-width-lg {
- min-width: 1012px;
-}
+ .ms-xl-4 {
+ margin-left: 1.5rem !important;
+ }
-.min-width-xl {
- min-width: 1280px;
-}
+ .ms-xl-5 {
+ margin-left: 3rem !important;
+ }
-.min-height-0 {
- min-height: 0 !important;
-}
+ .ms-xl-auto {
+ margin-left: auto !important;
+ }
-.ws-pre-wrap {
- white-space: pre-wrap;
-}
+ .p-xl-0 {
+ padding: 0 !important;
+ }
-.cursor-pointer {
- cursor: pointer;
-}
+ .p-xl-1 {
+ padding: 0.25rem !important;
+ }
-.cursor-default {
- cursor: default;
-}
+ .p-xl-2 {
+ padding: 0.5rem !important;
+ }
-.cursor-wait {
- cursor: wait !important;
-}
+ .p-xl-3 {
+ padding: 1rem !important;
+ }
-.pointer-none {
- pointer-events: none;
-}
+ .p-xl-4 {
+ padding: 1.5rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .hide-no-pref-motion {
- display: none !important;
- visibility: hidden;
+ .p-xl-5 {
+ padding: 3rem !important;
}
-}
-@media screen and (prefers-reduced-motion: reduce) {
- .hide-reduced-motion {
- display: none !important;
- visibility: hidden;
+ .px-xl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-}
-.gap-1 {
- gap: var(--base-size-4) !important;
-}
+ .px-xl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
-.gap-2 {
- gap: var(--base-size-8) !important;
-}
+ .px-xl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.gap-3 {
- gap: var(--base-size-16) !important;
-}
+ .px-xl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.gap-4 {
- gap: var(--base-size-24) !important;
-}
+ .px-xl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.color-border-emphasis {
- border-color: var(--control-borderColor-rest) !important;
-}
+ .px-xl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.line-clamp-1 {
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 1;
- overflow: hidden;
- text-overflow: ellipsis;
-}
+ .py-xl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.line-clamp-2 {
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2;
- overflow: hidden;
- text-overflow: ellipsis;
-}
+ .py-xl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.text-wrap-balance {
- text-wrap: balance;
-}
+ .py-xl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-.text-tabular-nums {
- font-variant-numeric: lining-nums tabular-nums;
-}
+ .py-xl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
-.inset-0 {
- inset: 0;
-}
+ .py-xl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-.starring-container .unstarred,
-.starring-container.on .starred {
- display: flex;
-}
+ .py-xl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
-.starring-container.on .unstarred,
-.starring-container .starred {
- display: none;
-}
+ .pt-xl-0 {
+ padding-top: 0 !important;
+ }
-.starring-container.loading {
- opacity: 0.5;
-}
+ .pt-xl-1 {
+ padding-top: 0.25rem !important;
+ }
-.user-following-container .follow,
-.user-following-container.on .unfollow {
- display: inline-block;
-}
+ .pt-xl-2 {
+ padding-top: 0.5rem !important;
+ }
-.user-following-container.on .follow,
-.user-following-container .unfollow {
- display: none;
-}
+ .pt-xl-3 {
+ padding-top: 1rem !important;
+ }
-.user-following-container.loading {
- opacity: 0.5;
-}
+ .pt-xl-4 {
+ padding-top: 1.5rem !important;
+ }
-.hidden-when-empty:empty {
- display: none !important;
-}
+ .pt-xl-5 {
+ padding-top: 3rem !important;
+ }
-.cm-number,
-.cm-atom {
- color: var(--codeMirror-syntax-fgColor-constant);
-}
+ .pe-xl-0 {
+ padding-right: 0 !important;
+ }
-dl.form-group > dd .form-control.is-autocheck-loading,
-dl.form-group > dd .form-control.is-autocheck-successful,
-dl.form-group > dd .form-control.is-autocheck-errored,
-.form-group > .form-group-body .form-control.is-autocheck-loading,
-.form-group > .form-group-body .form-control.is-autocheck-successful,
-.form-group > .form-group-body .form-control.is-autocheck-errored {
- padding-right: 30px;
-}
+ .pe-xl-1 {
+ padding-right: 0.25rem !important;
+ }
-dl.form-group > dd .form-control.is-autocheck-loading,
-.form-group > .form-group-body .form-control.is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-16px-52b21dd0a90e.gif');
-}
+ .pe-xl-2 {
+ padding-right: 0.5rem !important;
+ }
-dl.form-group > dd .form-control.is-autocheck-errored,
-.form-group > .form-group-body .form-control.is-autocheck-errored {
- background-image: url('/assets/error-27e08d342a06.png');
-}
+ .pe-xl-3 {
+ padding-right: 1rem !important;
+ }
-@media only screen and (-moz-min-device-pixel-ratio: 2),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 192dpi),
- only screen and (min-resolution: 2dppx) {
- dl.form-group > dd .form-control.is-autocheck-loading,
- dl.form-group > dd .form-control.is-autocheck-successful,
- dl.form-group > dd .form-control.is-autocheck-errored,
- .form-group > .form-group-body .form-control.is-autocheck-loading,
- .form-group > .form-group-body .form-control.is-autocheck-successful,
- .form-group > .form-group-body .form-control.is-autocheck-errored {
- background-size: 16px 16px;
+ .pe-xl-4 {
+ padding-right: 1.5rem !important;
}
- dl.form-group > dd .form-control.is-autocheck-loading,
- .form-group > .form-group-body .form-control.is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-32-36e32e38816e.gif');
+ .pe-xl-5 {
+ padding-right: 3rem !important;
}
- dl.form-group > dd .form-control.is-autocheck-errored,
- .form-group > .form-group-body .form-control.is-autocheck-errored {
- background-image: url('/assets/error@2x-92d4bca0a053.png');
+ .pb-xl-0 {
+ padding-bottom: 0 !important;
}
-}
-[data-color-mode='dark'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
- background-size: 16px 16px;
-}
+ .pb-xl-1 {
+ padding-bottom: 0.25rem !important;
+ }
-[data-color-mode='light'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
- background-size: 16px 16px;
-}
+ .pb-xl-2 {
+ padding-bottom: 0.5rem !important;
+ }
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme^='light'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
- background-size: 16px 16px;
+ .pb-xl-3 {
+ padding-bottom: 1rem !important;
}
- [data-color-mode='auto'][data-dark-theme^='dark'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
- background-size: 16px 16px;
+ .pb-xl-4 {
+ padding-bottom: 1.5rem !important;
}
-}
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme^='light'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
- background-size: 16px 16px;
+ .pb-xl-5 {
+ padding-bottom: 3rem !important;
}
- [data-color-mode='auto'][data-light-theme^='dark'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
- background-size: 16px 16px;
+ .ps-xl-0 {
+ padding-left: 0 !important;
}
-}
-auto-check .is-autocheck-loading,
-auto-check .is-autocheck-successful,
-auto-check .is-autocheck-errored {
- padding-right: 30px;
- background-repeat: no-repeat;
- background-position: right 8px center;
-}
+ .ps-xl-1 {
+ padding-left: 0.25rem !important;
+ }
-auto-check .is-autocheck-errored {
- background-image: url('/assets/error-27e08d342a06.png');
-}
+ .ps-xl-2 {
+ padding-left: 0.5rem !important;
+ }
-@media only screen and (-moz-min-device-pixel-ratio: 2),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 192dpi),
- only screen and (min-resolution: 2dppx) {
- auto-check .is-autocheck-loading,
- auto-check .is-autocheck-successful,
- auto-check .is-autocheck-errored {
- background-size: 16px 16px;
+ .ps-xl-3 {
+ padding-left: 1rem !important;
}
- auto-check .is-autocheck-errored {
- background-image: url('/assets/error@2x-92d4bca0a053.png');
+ .ps-xl-4 {
+ padding-left: 1.5rem !important;
}
-}
-.hx_text-body {
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif,
- 'Apple Color Emoji', 'Segoe UI Emoji' !important;
-}
+ .ps-xl-5 {
+ padding-left: 3rem !important;
+ }
-.hx_disabled-form-checkbox-label.form-checkbox.disabled {
- color: var(--fgColor-muted);
-}
+ .text-xl-start {
+ text-align: left !important;
+ }
-.autocomplete-item {
- background-color: transparent;
-}
+ .text-xl-end {
+ text-align: right !important;
+ }
-.ColorSwatch {
- display: inline-block;
- width: 1em;
- height: 1em;
- vertical-align: middle;
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
+ .text-xl-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 1400px) {
+ .float-xxl-start {
+ float: left !important;
+ }
-.label-select-menu .color,
-.ColorSwatch {
- border-radius: 2em;
-}
+ .float-xxl-end {
+ float: right !important;
+ }
-.details-overlay[open] > .dropdown-item:hover {
- color: inherit;
- background: var(--bgColor-default);
-}
+ .float-xxl-none {
+ float: none !important;
+ }
-remote-input[loading] .form-control {
- padding-right: 30px;
- background-image: url('/assets/octocat-spinner-32-36e32e38816e.gif');
- background-size: var(--base-size-16);
-}
+ .d-xxl-inline {
+ display: inline !important;
+ }
-.hx_form-control-spinner {
- position: absolute;
- top: var(--base-size-24);
- right: var(--base-size-24);
- display: none;
-}
+ .d-xxl-inline-block {
+ display: inline-block !important;
+ }
-@media (min-width: 767px) {
- .hx_form-control-spinner {
- top: 18px;
- right: 18px;
+ .d-xxl-block {
+ display: block !important;
}
-}
-.hx_form-control-spinner-wrapper {
- position: relative;
-}
+ .d-xxl-grid {
+ display: grid !important;
+ }
-.hx_form-control-spinner-wrapper .is-loading.form-control {
- padding-right: var(--base-size-28);
-}
+ .d-xxl-table {
+ display: table !important;
+ }
-.hx_form-control-spinner-wrapper .is-loading + .hx_form-control-spinner {
- display: block;
-}
+ .d-xxl-table-row {
+ display: table-row !important;
+ }
-.drag-and-drop {
- border-color: var(--borderColor-default);
-}
+ .d-xxl-table-cell {
+ display: table-cell !important;
+ }
-.input-sm {
- min-height: 28px;
-}
+ .d-xxl-flex {
+ display: flex !important;
+ }
-.btn .octicon-triangle-down {
- margin-right: 0;
-}
+ .d-xxl-inline-flex {
+ display: inline-flex !important;
+ }
-.UnderlineNav-item.selected .UnderlineNav-octicon,
-.UnderlineNav-item[aria-current]:not([aria-current='false']) .UnderlineNav-octicon,
-.UnderlineNav-item[role='tab'][aria-selected='true'] .UnderlineNav-octicon {
- color: inherit;
-}
+ .d-xxl-none {
+ display: none !important;
+ }
-.break-line-anywhere {
- line-break: anywhere !important;
-}
+ .flex-xxl-fill {
+ flex: 1 1 auto !important;
+ }
-.form-checkbox input[type='checkbox'],
-.form-checkbox input[type='radio'] {
- margin-top: var(--base-size-4);
-}
+ .flex-xxl-row {
+ flex-direction: row !important;
+ }
-.status-indicator-success::before,
-.status-indicator-failed::before {
- content: none;
-}
+ .flex-xxl-column {
+ flex-direction: column !important;
+ }
-.markdown-title code {
- padding: 2px var(--base-size-4);
- font-size: 0.9em;
- line-height: 1;
- background-color: var(--bgColor-neutral-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .flex-xxl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
-[data-turbo-body] {
- isolation: isolate;
-}
+ .flex-xxl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
-#__primerPortalRoot__ {
- z-index: 1;
-}
+ .flex-xxl-grow-0 {
+ flex-grow: 0 !important;
+ }
-.hx_ActionList-content > .hx_ActionList-item-label,
-.hx_ActionList-content > .hx_ActionList-item-visual {
- pointer-events: none;
-}
+ .flex-xxl-grow-1 {
+ flex-grow: 1 !important;
+ }
-.IssueLabel--big.lh-condensed {
- display: inline-block;
- padding: 0 10px;
- font-size: 12px;
- font-weight: var(--base-text-weight-medium, 500);
- line-height: 22px !important;
- border: var(--borderWidth-thin) solid transparent;
- border-radius: 2em;
-}
+ .flex-xxl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.hx_IssueLabel {
- --perceived-lightness: calc(
- ((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255
- );
- --lightness-switch: max(0, min(calc((1 / (var(--lightness-threshold) - var(--perceived-lightness)))), 1));
-}
-
-:root .hx_IssueLabel,
-[data-color-mode='light'][data-light-theme*='light'] .hx_IssueLabel,
-[data-color-mode='dark'][data-dark-theme*='light'] .hx_IssueLabel {
- --lightness-threshold: 0.453;
- --border-threshold: 0.96;
- --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
- color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
- background: rgb(var(--label-r), var(--label-g), var(--label-b));
- border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha));
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='light'] .hx_IssueLabel {
- --lightness-threshold: 0.453;
- --border-threshold: 0.96;
- --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
- color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
- background: rgb(var(--label-r), var(--label-g), var(--label-b));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) - 25) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='light'] .hx_IssueLabel {
- --lightness-threshold: 0.453;
- --border-threshold: 0.96;
- --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
- color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
- background: rgb(var(--label-r), var(--label-g), var(--label-b));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) - 25) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-[data-color-mode='light'][data-light-theme*='dark'] .hx_IssueLabel,
-[data-color-mode='dark'][data-dark-theme*='dark'] .hx_IssueLabel {
- --lightness-threshold: 0.6;
- --background-alpha: 0.18;
- --border-alpha: 0.3;
- --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
- color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
- background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) + var(--lighten-by)) * 1%),
- var(--border-alpha)
- );
-}
+ .flex-xxl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] .hx_IssueLabel {
- --lightness-threshold: 0.6;
- --background-alpha: 0.18;
- --border-alpha: 0.3;
- --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
- color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
- background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) + var(--lighten-by)) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] .hx_IssueLabel {
- --lightness-threshold: 0.6;
- --background-alpha: 0.18;
- --border-alpha: 0.3;
- --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
- color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
- background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) + var(--lighten-by)) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-.signed-commit-badge-small,
-.signed-commit-badge-medium,
-.signed-commit-badge-large {
- display: inline-block;
- padding: 0 7px;
- font-size: 12px;
- font-weight: var(--base-text-weight-medium, 500);
- line-height: 18px;
- white-space: nowrap;
- border: 1px solid transparent;
- border-radius: 2em;
- border-color: var(--borderColor-default);
-}
+ .flex-xxl-wrap {
+ flex-wrap: wrap !important;
+ }
-.signed-commit-badge-small {
- margin-top: 0;
-}
+ .flex-xxl-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.signed-commit-badge-large {
- padding-right: 10px;
- padding-left: 10px;
- line-height: 22px;
-}
+ .flex-xxl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.topic-tag-action,
-.delete-topic-button,
-.topic-tag {
- display: inline-block;
- padding: 0 7px;
- font-size: 12px;
- font-weight: var(--base-text-weight-medium, 500);
- line-height: 18px;
- white-space: nowrap;
- border: 1px solid transparent;
- border-radius: 2em;
- padding-right: 10px;
- padding-left: 10px;
- line-height: 22px;
- color: var(--fgColor-accent);
- background-color: var(--bgColor-accent-muted);
- border: var(--borderWidth-thin) solid var(--topicTag-borderColor, transparent);
-}
+ .gap-xxl-0 {
+ gap: 0 !important;
+ }
-.topic-tag-action:active,
-.topic-tag-action:hover,
-.delete-topic-button:active,
-.delete-topic-button:hover,
-.topic-tag:active,
-.topic-tag:hover {
- color: var(--fgColor-onEmphasis);
- background-color: var(--bgColor-accent-emphasis);
-}
+ .gap-xxl-1 {
+ gap: 0.25rem !important;
+ }
-.delete-topic-button {
- padding: 0;
-}
+ .gap-xxl-2 {
+ gap: 0.5rem !important;
+ }
-.topic-tag {
- margin: 0 0.125em 0.333em 0;
-}
+ .gap-xxl-3 {
+ gap: 1rem !important;
+ }
-.topic-tag-large {
- align-items: center;
- display: inline-flex;
- height: 24px;
- padding: 0 10px;
-}
+ .gap-xxl-4 {
+ gap: 1.5rem !important;
+ }
-.topic-tag-outline {
- background: transparent;
-}
+ .gap-xxl-5 {
+ gap: 3rem !important;
+ }
-.topic-tag-action {
- display: inline-flex;
- padding-right: 0;
-}
+ .justify-content-xxl-start {
+ justify-content: flex-start !important;
+ }
-.branch-action-item.color-border-default {
- border-color: var(--borderColor-default) !important;
-}
+ .justify-content-xxl-end {
+ justify-content: flex-end !important;
+ }
-.user-status-container .input-group-button .btn {
- height: 32px;
-}
+ .justify-content-xxl-center {
+ justify-content: center !important;
+ }
-.reponav-item,
-.pagehead-tabs-item {
- border-radius: var(--borderRadius-small) var(--borderRadius-small) 0 0;
-}
+ .justify-content-xxl-between {
+ justify-content: space-between !important;
+ }
-.reponav-item.selected,
-.pagehead-tabs-item.selected {
- border-top-color: #f9826c;
-}
+ .justify-content-xxl-around {
+ justify-content: space-around !important;
+ }
-.auto-search-group > .octicon {
- top: var(--base-size-8);
-}
+ .justify-content-xxl-evenly {
+ justify-content: space-evenly !important;
+ }
-.subnav-search > button.mt-2 {
- margin-top: 6px !important;
-}
+ .align-items-xxl-start {
+ align-items: flex-start !important;
+ }
-.completeness-indicator-success {
- color: var(--fgColor-onEmphasis);
- background-color: var(--button-primary-bgColor-rest);
-}
+ .align-items-xxl-end {
+ align-items: flex-end !important;
+ }
-.pagination-loader-container button.color-bg-default.border-0 {
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
-}
+ .align-items-xxl-center {
+ align-items: center !important;
+ }
-.avatar-user {
- border-radius: 50% !important;
-}
+ .align-items-xxl-baseline {
+ align-items: baseline !important;
+ }
-.user-hovercard-avatar {
- display: block;
- outline-offset: unset;
-}
+ .align-items-xxl-stretch {
+ align-items: stretch !important;
+ }
-@media (max-width: 543px) {
- .minimized-comment > details > summary > div {
- flex-direction: column;
+ .align-content-xxl-start {
+ align-content: flex-start !important;
}
- .minimized-comment > details > summary > div .review-comment-contents {
- align-left: flex-start;
+ .align-content-xxl-end {
+ align-content: flex-end !important;
}
-}
-.hx_disabled-input {
- margin-right: calc(var(--base-size-4) * -1) !important;
- margin-left: calc(var(--base-size-4) * -1) !important;
-}
+ .align-content-xxl-center {
+ align-content: center !important;
+ }
-.hx_disabled-input sidebar-memex-input[disabled] * {
- cursor: pointer;
-}
+ .align-content-xxl-between {
+ align-content: space-between !important;
+ }
-.hx_disabled-input sidebar-memex-input:not([disabled]) .Box-row--hover-gray {
- background-color: var(--bgColor-muted);
-}
+ .align-content-xxl-around {
+ align-content: space-around !important;
+ }
-.hx_disabled-input .Box-row--hover-gray svg.octicon-pencil {
- visibility: hidden;
- opacity: 0;
-}
+ .align-content-xxl-stretch {
+ align-content: stretch !important;
+ }
-.hx_disabled-input .Box-row--hover-gray:hover,
-.hx_disabled-input .Box-row--hover-gray:focus {
- padding-top: var(--base-size-8) !important;
- padding-bottom: var(--base-size-8) !important;
-}
+ .align-self-xxl-auto {
+ align-self: auto !important;
+ }
-.hx_disabled-input .Box-row--hover-gray:hover svg.octicon-pencil,
-.hx_disabled-input .Box-row--hover-gray:focus svg.octicon-pencil {
- visibility: visible;
- opacity: 1;
-}
+ .align-self-xxl-start {
+ align-self: flex-start !important;
+ }
-.hx_disabled-input input:not(:disabled) {
- margin-top: var(--base-size-8) !important;
- margin-bottom: var(--base-size-8) !important;
-}
+ .align-self-xxl-end {
+ align-self: flex-end !important;
+ }
-.hx_disabled-input input[disabled],
-.hx_disabled-input select[disabled],
-.hx_disabled-input .form-control[contenteditable='false'] {
- padding-right: 0;
- padding-left: 0;
- margin-right: 0;
- color: var(--fgColor-default) !important;
- background: transparent;
- border: 0;
- box-shadow: none;
- opacity: 1;
-}
+ .align-self-xxl-center {
+ align-self: center !important;
+ }
-.hx_disabled-input text-expander input[type='text'][disabled] {
- display: none;
-}
+ .align-self-xxl-baseline {
+ align-self: baseline !important;
+ }
-.hx_disabled-input text-expander input[type='text'][disabled] + div.form-control {
- display: block;
-}
+ .align-self-xxl-stretch {
+ align-self: stretch !important;
+ }
-.hx_disabled-input text-expander input[type='text'] + div.form-control {
- display: none;
-}
+ .order-xxl-first {
+ order: -1 !important;
+ }
-.hx_disabled-input input[type='number'][disabled] {
- display: none;
-}
+ .order-xxl-0 {
+ order: 0 !important;
+ }
-.hx_disabled-input input[type='number'][disabled] + div.form-control {
- display: block;
-}
+ .order-xxl-1 {
+ order: 1 !important;
+ }
-.hx_disabled-input input[type='number'] + div.form-control {
- display: none;
-}
+ .order-xxl-2 {
+ order: 2 !important;
+ }
-.hx_disabled-input input[type='date'][disabled] {
- display: none;
-}
+ .order-xxl-3 {
+ order: 3 !important;
+ }
-.hx_disabled-input input[type='date'][disabled] + div.form-control {
- display: block;
-}
+ .order-xxl-4 {
+ order: 4 !important;
+ }
-.hx_disabled-input input[type='date'] + div.form-control {
- display: none;
-}
+ .order-xxl-5 {
+ order: 5 !important;
+ }
-.hx_disabled-input input[disabled]::placeholder,
-.hx_disabled-input selected[disabled]::placeholder {
- color: var(--fgColor-default) !important;
-}
+ .order-xxl-last {
+ order: 6 !important;
+ }
-.hx_disabled-input .form-select {
- background-image: none !important;
-}
+ .m-xxl-0 {
+ margin: 0 !important;
+ }
-.hx_disabled-input .Box-row--focus-gray:focus {
- background: var(--bgColor-muted);
-}
+ .m-xxl-1 {
+ margin: 0.25rem !important;
+ }
-.summary-iteration .inline-status {
- display: none;
-}
+ .m-xxl-2 {
+ margin: 0.5rem !important;
+ }
-.summary-iteration .block-status {
- display: inline-block;
-}
+ .m-xxl-3 {
+ margin: 1rem !important;
+ }
-.list-iteration .inline-status {
- display: inline;
-}
+ .m-xxl-4 {
+ margin: 1.5rem !important;
+ }
-.list-iteration .block-status {
- display: none;
-}
+ .m-xxl-5 {
+ margin: 3rem !important;
+ }
-.hx_tabnav-in-dropdown {
- border-radius: 5px 5px 0 0;
-}
+ .m-xxl-auto {
+ margin: auto !important;
+ }
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:first-child .tabnav-tab.selected,
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:first-child .tabnav-tab[aria-selected='true'],
-.hx_tabnav-in-dropdown
- .tabnav-tabs
- .hx_tabnav-in-dropdown-wrapper:first-child
- .tabnav-tab[aria-current]:not([aria-current='false']) {
- border-left: 0;
-}
+ .mx-xxl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:last-child .tabnav-tab.selected,
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:last-child .tabnav-tab[aria-selected='true'],
-.hx_tabnav-in-dropdown
- .tabnav-tabs
- .hx_tabnav-in-dropdown-wrapper:last-child
- .tabnav-tab[aria-current]:not([aria-current='false']) {
- border-right: 0;
-}
+ .mx-xxl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.hx_tabnav-in-dropdown
- .tabnav-tabs
- .hx_tabnav-in-dropdown-wrapper:last-child
- .tabnav-tab[aria-selected='false']::after {
- position: absolute;
- top: -14px;
- right: 10px;
- left: auto;
- z-index: 10;
- display: inline-block;
- content: '';
- border: 7px solid transparent;
- border-bottom: 7px solid var(--bgColor-muted);
-}
+ .mx-xxl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.hx_tabnav-in-dropdown .tabnav-tab.selected,
-.hx_tabnav-in-dropdown .tabnav-tab[aria-selected='true'],
-.hx_tabnav-in-dropdown .tabnav-tab[aria-current]:not([aria-current='false']) {
- margin-top: -1px;
- background-color: var(--overlay-bgColor);
-}
+ .mx-xxl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.details-overlay-dark[open] > summary::before {
- z-index: 111 !important;
-}
+ .mx-xxl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.turbo-progress-bar {
- z-index: 2147483647;
-}
+ .mx-xxl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.timeline-comment .previewable-comment-form textarea {
- max-height: none;
-}
+ .mx-xxl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.truncate-with-responsive-width {
- width: 50px;
- min-width: 100%;
-}
+ .my-xxl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.markdown-alert {
- padding: var(--base-size-8) var(--base-size-16);
- margin-bottom: var(--base-size-16);
- color: inherit;
- border-left: 0.25em solid var(--borderColor-default);
-}
+ .my-xxl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.markdown-alert > :first-child {
- margin-top: 0;
-}
+ .my-xxl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.markdown-alert > :last-child {
- margin-bottom: 0;
-}
+ .my-xxl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.markdown-alert .markdown-alert-title {
- display: flex;
- font-weight: var(--base-text-weight-medium, 500);
- align-items: center;
- line-height: 1;
-}
+ .my-xxl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.markdown-alert.markdown-alert-note {
- border-left-color: var(--borderColor-accent-emphasis);
-}
+ .my-xxl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-.markdown-alert.markdown-alert-note .markdown-alert-title {
- color: var(--fgColor-accent);
-}
+ .my-xxl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-.markdown-alert.markdown-alert-important {
- border-left-color: var(--borderColor-done-emphasis);
-}
+ .mt-xxl-0 {
+ margin-top: 0 !important;
+ }
-.markdown-alert.markdown-alert-important .markdown-alert-title {
- color: var(--fgColor-done);
-}
+ .mt-xxl-1 {
+ margin-top: 0.25rem !important;
+ }
-.markdown-alert.markdown-alert-warning {
- border-left-color: var(--borderColor-attention-emphasis);
-}
+ .mt-xxl-2 {
+ margin-top: 0.5rem !important;
+ }
-.markdown-alert.markdown-alert-warning .markdown-alert-title {
- color: var(--fgColor-attention);
-}
+ .mt-xxl-3 {
+ margin-top: 1rem !important;
+ }
-.markdown-alert.markdown-alert-tip {
- border-left-color: var(--borderColor-success-emphasis);
-}
+ .mt-xxl-4 {
+ margin-top: 1.5rem !important;
+ }
-.markdown-alert.markdown-alert-tip .markdown-alert-title {
- color: var(--fgColor-success);
-}
+ .mt-xxl-5 {
+ margin-top: 3rem !important;
+ }
-.markdown-alert.markdown-alert-caution {
- border-left-color: var(--borderColor-danger-emphasis);
-}
+ .mt-xxl-auto {
+ margin-top: auto !important;
+ }
-.markdown-alert.markdown-alert-caution .markdown-alert-title {
- color: var(--fgColor-danger);
-}
+ .me-xxl-0 {
+ margin-right: 0 !important;
+ }
-.Overlay-header.Overlay-header--divided + .Overlay-body {
- padding-top: var(--stack-padding-normal, var(--base-size-16));
-}
+ .me-xxl-1 {
+ margin-right: 0.25rem !important;
+ }
-.Overlay-closeButton {
- position: relative;
- display: grid;
- width: var(--base-size-32, 2rem);
- height: var(--base-size-32, 2rem);
- padding: 0;
- color: var(--fgColor-muted);
- cursor: pointer;
- -webkit-user-select: none;
- user-select: none;
- user-select: none;
- background-color: initial;
- border: var(--borderWidth-thin, max(var(--borderWidth-thin), 0.0625rem)) solid transparent;
- border-radius: var(--borderRadius-medium, var(--borderRadius-medium));
- transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);
- transition-property: color, background-color, border-color;
- align-self: flex-start;
- flex-shrink: 0;
- place-content: center;
-}
+ .me-xxl-2 {
+ margin-right: 0.5rem !important;
+ }
-.Overlay-closeButton:focus,
-.Overlay-closeButton:hover {
- background-color: var(--button-default-bgColor-hover);
- border: var(--borderWidth-thin, max(var(--borderWidth-thin), 0.0625rem)) solid var(--control-bgColor-hover);
-}
+ .me-xxl-3 {
+ margin-right: 1rem !important;
+ }
-.Overlay-closeButton.close-button {
- border: var(--borderWidth-thin, max(var(--borderWidth-thin), 0.0625rem)) solid transparent;
-}
+ .me-xxl-4 {
+ margin-right: 1.5rem !important;
+ }
-.Overlay-backdrop--center {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
- align-items: center;
- justify-content: center;
-}
+ .me-xxl-5 {
+ margin-right: 3rem !important;
+ }
-.Overlay-backdrop--anchor {
- position: absolute;
- z-index: 999;
- background-color: initial;
-}
+ .me-xxl-auto {
+ margin-right: auto !important;
+ }
-.Overlay-backdrop--side {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
-}
+ .mb-xxl-0 {
+ margin-bottom: 0 !important;
+ }
-.Overlay-backdrop--side,
-.Overlay-backdrop--side.Overlay-backdrop--placement-left {
- align-items: center;
- justify-content: left;
-}
+ .mb-xxl-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-left > .Overlay {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
-}
+ .mb-xxl-2 {
+ margin-bottom: 0.5rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-left > .Overlay {
- animation: Overlay--motion-slideInRight 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .mb-xxl-3 {
+ margin-bottom: 1rem !important;
}
-}
-.Overlay-backdrop--side.Overlay-backdrop--placement-right {
- align-items: center;
- justify-content: right;
-}
+ .mb-xxl-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-right > .Overlay {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-}
+ .mb-xxl-5 {
+ margin-bottom: 3rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-right > .Overlay {
- animation: Overlay--motion-slideInLeft 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .mb-xxl-auto {
+ margin-bottom: auto !important;
}
-}
-.Overlay-backdrop--side.Overlay-backdrop--placement-bottom {
- align-items: end;
- justify-content: center;
-}
+ .ms-xxl-0 {
+ margin-left: 0 !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-bottom > .Overlay {
- width: 100vw;
- height: auto;
- max-height: calc(100vh - 2rem);
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
-}
+ .ms-xxl-1 {
+ margin-left: 0.25rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-bottom > .Overlay {
- animation: Overlay--motion-slideUp 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .ms-xxl-2 {
+ margin-left: 0.5rem !important;
}
-}
-.Overlay-backdrop--side.Overlay-backdrop--placement-top {
- align-items: start;
- justify-content: center;
-}
+ .ms-xxl-3 {
+ margin-left: 1rem !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-top > .Overlay {
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-top-right-radius: 0;
-}
+ .ms-xxl-4 {
+ margin-left: 1.5rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-top > .Overlay {
- animation: Overlay--motion-slideDown 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .ms-xxl-5 {
+ margin-left: 3rem !important;
}
-}
-.Overlay-backdrop--full {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
-}
+ .ms-xxl-auto {
+ margin-left: auto !important;
+ }
-.Overlay-backdrop--full .Overlay {
- width: 100%;
- max-width: 100vw;
- height: 100%;
- max-height: 100vh;
- border-radius: unset !important;
- flex-grow: 1;
-}
+ .p-xxl-0 {
+ padding: 0 !important;
+ }
-@media (max-width: 767px) {
- .Overlay-backdrop--center-whenNarrow {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
- align-items: center;
- justify-content: center;
+ .p-xxl-1 {
+ padding: 0.25rem !important;
}
- .Overlay-backdrop--anchor-whenNarrow {
- position: absolute;
- z-index: 999;
- background-color: initial;
+ .p-xxl-2 {
+ padding: 0.5rem !important;
}
- .Overlay-backdrop--side-whenNarrow {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
+ .p-xxl-3 {
+ padding: 1rem !important;
}
- .Overlay-backdrop--side-whenNarrow,
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow {
- align-items: center;
- justify-content: left;
+ .p-xxl-4 {
+ padding: 1.5rem !important;
}
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow > .Overlay-whenNarrow {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
+ .p-xxl-5 {
+ padding: 3rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideInRight 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .px-xxl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow {
- align-items: center;
- justify-content: right;
+ .px-xxl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow > .Overlay-whenNarrow {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
+ .px-xxl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideInLeft 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .px-xxl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow {
- align-items: end;
- justify-content: center;
+ .px-xxl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow > .Overlay-whenNarrow {
- width: 100vw;
- height: auto;
- max-height: calc(100vh - 2rem);
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+ .px-xxl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideUp 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .py-xxl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow {
- align-items: start;
- justify-content: center;
+ .py-xxl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow > .Overlay-whenNarrow {
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-top-right-radius: 0;
+ .py-xxl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideDown 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .py-xxl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--full-whenNarrow {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
+ .py-xxl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--full-whenNarrow .Overlay {
- width: 100%;
- max-width: 100vw;
- height: 100%;
- max-height: 100vh;
- border-radius: unset !important;
- flex-grow: 1;
+ .py-xxl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
}
-}
-.Overlay.Overlay--height-xsmall {
- height: min(192px, 100vh - 2rem);
-}
+ .pt-xxl-0 {
+ padding-top: 0 !important;
+ }
-.Overlay.Overlay--height-small {
- height: min(256px, 100vh - 2rem);
-}
+ .pt-xxl-1 {
+ padding-top: 0.25rem !important;
+ }
-.Overlay.Overlay--height-medium {
- height: min(320px, 100vh - 2rem);
-}
+ .pt-xxl-2 {
+ padding-top: 0.5rem !important;
+ }
-.Overlay.Overlay--height-large {
- height: min(432px, 100vh - 2rem);
-}
+ .pt-xxl-3 {
+ padding-top: 1rem !important;
+ }
-.Overlay.Overlay--height-xlarge {
- height: min(600px, 100vh - 2rem);
-}
+ .pt-xxl-4 {
+ padding-top: 1.5rem !important;
+ }
-.Overlay.Overlay--width-auto {
- width: auto;
-}
+ .pt-xxl-5 {
+ padding-top: 3rem !important;
+ }
-.Overlay.Overlay--width-small {
- width: min(256px, 100vw - 2rem);
-}
+ .pe-xxl-0 {
+ padding-right: 0 !important;
+ }
-.Overlay.Overlay--width-medium {
- width: min(320px, 100vw - 2rem);
-}
+ .pe-xxl-1 {
+ padding-right: 0.25rem !important;
+ }
-.Overlay.Overlay--width-large {
- width: min(480px, 100vw - 2rem);
-}
+ .pe-xxl-2 {
+ padding-right: 0.5rem !important;
+ }
-.Overlay.Overlay--width-xlarge {
- width: min(640px, 100vw - 2rem);
-}
+ .pe-xxl-3 {
+ padding-right: 1rem !important;
+ }
-.Overlay.Overlay--width-xxlarge {
- width: min(960px, 100vw - 2rem);
-}
+ .pe-xxl-4 {
+ padding-right: 1.5rem !important;
+ }
-@supports not selector(:popover-open) {
- [popover]:not(.\:popover-open) {
- display: none;
+ .pe-xxl-5 {
+ padding-right: 3rem !important;
}
-}
-.markdown-body > *:first-child > .heading-element:first-child {
- margin-top: 0 !important;
-}
+ .pb-xxl-0 {
+ padding-bottom: 0 !important;
+ }
-.markdown-heading {
- position: relative;
-}
+ .pb-xxl-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.markdown-heading .heading-element:hover + .anchor {
- opacity: 1;
-}
+ .pb-xxl-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.markdown-heading h1.heading-element + .anchor,
-.markdown-heading h2.heading-element + .anchor {
- transform: translateY(calc(-50% - 0.3rem));
-}
+ .pb-xxl-3 {
+ padding-bottom: 1rem !important;
+ }
-.markdown-heading .anchor {
- position: absolute;
- top: 50%;
- left: -28px;
- display: flex;
- width: 28px;
- height: 28px;
- margin: auto;
- border-radius: var(--borderRadius-medium);
- opacity: 0;
- justify-content: center;
- align-items: center;
- transform: translateY(-50%);
-}
+ .pb-xxl-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.markdown-heading .anchor:hover {
- opacity: 1;
-}
+ .pb-xxl-5 {
+ padding-bottom: 3rem !important;
+ }
-.markdown-heading .anchor:focus {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: -2px;
- opacity: 1;
-}
+ .ps-xxl-0 {
+ padding-left: 0 !important;
+ }
-@media (pointer: coarse) {
- .markdown-heading .anchor {
- opacity: 1;
+ .ps-xxl-1 {
+ padding-left: 0.25rem !important;
}
-}
-.markdown-heading .anchor .octicon {
- color: var(--fgColor-default);
-}
+ .ps-xxl-2 {
+ padding-left: 0.5rem !important;
+ }
-summary > .markdown-heading {
- display: inline-block;
-}
+ .ps-xxl-3 {
+ padding-left: 1rem !important;
+ }
-.primer-button-break-line .BtnGroup > * {
- flex: 1 0 auto;
-}
+ .ps-xxl-4 {
+ padding-left: 1.5rem !important;
+ }
-.primer-button-break-line .SegmentedControl .Button {
- width: unset !important;
- min-width: 100% !important;
- height: unset !important;
- min-height: 100% !important;
-}
+ .ps-xxl-5 {
+ padding-left: 3rem !important;
+ }
-.primer-button-break-line .SegmentedControl .Button .Button-label {
- overflow: hidden !important;
- text-overflow: ellipsis !important;
- white-space: nowrap !important;
-}
+ .text-xxl-start {
+ text-align: left !important;
+ }
-.primer-button-break-line .Button {
- min-width: -moz-fit-content !important;
- min-width: fit-content !important;
- height: unset !important;
- min-height: var(--control-medium-size) !important;
-}
+ .text-xxl-end {
+ text-align: right !important;
+ }
-.primer-button-break-line .Button-content {
- flex: 1 1 auto !important;
- align-self: stretch !important;
- padding-block: calc(var(--control-medium-paddingBlock) - 2px) !important;
+ .text-xxl-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 1200px) {
+ .fs-1 {
+ font-size: 2.5rem !important;
+ }
-.primer-button-break-line .Button-label {
- white-space: unset !important;
-}
+ .fs-2 {
+ font-size: 2rem !important;
+ }
-.primer-button-break-line .Button--small {
- height: unset !important;
- min-height: var(--control-small-size) !important;
-}
+ .fs-3 {
+ font-size: 1.75rem !important;
+ }
-.primer-button-break-line .Button--small .Button-content {
- padding-block: calc(var(--control-small-paddingBlock) - 2px) !important;
+ .fs-4 {
+ font-size: 1.5rem !important;
+ }
}
+@media print {
+ .d-print-inline {
+ display: inline !important;
+ }
-.primer-button-break-line .Button--large {
- height: unset !important;
- min-height: var(--control-large-size) !important;
- padding-inline: var(--control-large-paddingInline-spacious) !important;
-}
+ .d-print-inline-block {
+ display: inline-block !important;
+ }
-.primer-button-break-line .Button--large .Button-content {
- padding-block: calc(var(--control-large-paddingBlock) - 2px) !important;
-}
+ .d-print-block {
+ display: block !important;
+ }
-.primer-button-break-line .Button--link {
- min-height: unset !important;
-}
+ .d-print-grid {
+ display: grid !important;
+ }
-.primer-button-break-line .Button--link .Button-content {
- padding: 0 !important;
-}
+ .d-print-table {
+ display: table !important;
+ }
-details.details-overlay:not([open]) > *:not(summary) {
- display: none !important;
-}
+ .d-print-table-row {
+ display: table-row !important;
+ }
-.hx-rails-banner-upsell {
- background-image: linear-gradient(var(--bgColor-upsell-muted), var(--bgColor-upsell-muted));
- border: var(--borderWidth-thin) solid var(--borderColor-upsell-muted);
-}
+ .d-print-table-cell {
+ display: table-cell !important;
+ }
-.hx-rails-banner-upsell .Banner-visual .octicon {
- color: var(--fgColor-upsell);
-}
+ .d-print-flex {
+ display: flex !important;
+ }
-.footer {
- background-color: var(--color-anthracite);
- padding: var(--spacing-4);
- text-align: center;
- font-size: var(--font-size-xs);
- color: #fff;
+ .d-print-inline-flex {
+ display: inline-flex !important;
+ }
+
+ .d-print-none {
+ display: none !important;
+ }
}
diff --git a/steps/02.01-stability-solution/server/views/pages/product.njk b/steps/02.01-stability-solution/server/views/pages/product.njk
index fb23dc0..4d52b71 100644
--- a/steps/02.01-stability-solution/server/views/pages/product.njk
+++ b/steps/02.01-stability-solution/server/views/pages/product.njk
@@ -48,7 +48,7 @@
★
{% endfor %}
-
+
({{ product.reviews.score }} avis)
Voir tous les avis
diff --git a/steps/02.01-stability/public/styles/footer.css b/steps/02.01-stability/public/styles/footer.css
index 92b9baa..451640b 100644
--- a/steps/02.01-stability/public/styles/footer.css
+++ b/steps/02.01-stability/public/styles/footer.css
@@ -1,13034 +1,11079 @@
-.color-border-inverse {
- border-color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis)) !important;
+.footer {
+ background-color: var(--color-anthracite);
+ padding: var(--spacing-4);
+ text-align: center;
+ font-size: var(--font-size-xs);
+ color: #fff;
}
-.bg-gray-2,
-.bg-gray-3 {
- background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted)) !important;
+:root {
+ --bs-blue: #0d6efd;
+ --bs-indigo: #6610f2;
+ --bs-purple: #6f42c1;
+ --bs-pink: #d63384;
+ --bs-red: #dc3545;
+ --bs-orange: #fd7e14;
+ --bs-yellow: #ffc107;
+ --bs-green: #198754;
+ --bs-teal: #20c997;
+ --bs-cyan: #0dcaf0;
+ --bs-white: #fff;
+ --bs-gray: #6c757d;
+ --bs-gray-dark: #343a40;
+ --bs-gray-100: #f8f9fa;
+ --bs-gray-200: #e9ecef;
+ --bs-gray-300: #dee2e6;
+ --bs-gray-400: #ced4da;
+ --bs-gray-500: #adb5bd;
+ --bs-gray-600: #6c757d;
+ --bs-gray-700: #495057;
+ --bs-gray-800: #343a40;
+ --bs-gray-900: #212529;
+ --bs-primary: #0d6efd;
+ --bs-secondary: #6c757d;
+ --bs-success: #198754;
+ --bs-info: #0dcaf0;
+ --bs-warning: #ffc107;
+ --bs-danger: #dc3545;
+ --bs-light: #f8f9fa;
+ --bs-dark: #212529;
+ --bs-primary-rgb: 13, 110, 253;
+ --bs-secondary-rgb: 108, 117, 125;
+ --bs-success-rgb: 25, 135, 84;
+ --bs-info-rgb: 13, 202, 240;
+ --bs-warning-rgb: 255, 193, 7;
+ --bs-danger-rgb: 220, 53, 69;
+ --bs-light-rgb: 248, 249, 250;
+ --bs-dark-rgb: 33, 37, 41;
+ --bs-white-rgb: 255, 255, 255;
+ --bs-black-rgb: 0, 0, 0;
+ --bs-body-color-rgb: 33, 37, 41;
+ --bs-body-bg-rgb: 255, 255, 255;
+ --bs-font-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
+ 'Liberation Sans', 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.5;
+ --bs-body-color: #212529;
+ --bs-body-bg: #fff;
}
-.color-text-white {
- color: var(--fgColor-white, var(--color-scale-white)) !important;
+@media (prefers-reduced-motion: no-preference) {
+ :root {
+ scroll-behavior: smooth;
+ }
}
-.border-white-fade {
- border-color: rgba(255, 255, 255, 0.15) !important;
+.list-unstyled {
+ padding-left: 0;
+ list-style: none;
}
-.lead {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-inline {
+ padding-left: 0;
+ list-style: none;
}
-.text-emphasized {
- color: var(--fgColor-default, var(--color-fg-default));
+.list-inline-item {
+ display: inline-block;
}
-
-.Label.Label--orange {
- color: var(--fgColor-severe, var(--color-severe-fg));
- border-color: var(--borderColor-severe-emphasis, var(--color-severe-emphasis));
+.list-inline-item:not(:last-child) {
+ margin-right: 0.5rem;
}
-.Label.Label--purple {
- color: var(--fgColor-done, var(--color-done-fg));
- border-color: var(--borderColor-done-emphasis, var(--color-done-emphasis));
+.initialism {
+ font-size: 0.875em;
+ text-transform: uppercase;
}
-.Label.Label--pink {
- color: var(--fgColor-sponsors, var(--color-sponsors-fg));
- border-color: var(--borderColor-sponsors-emphasis, var(--color-sponsors-emphasis));
+.blockquote {
+ margin-bottom: 1rem;
+ font-size: 1.25rem;
}
-
-/*!
-* GitHub Light v0.5.0
-* Copyright (c) 2012 - 2017 GitHub, Inc.
-* Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
-*/
-.pl-c {
- color: var(--color-prettylights-syntax-comment);
+.blockquote > :last-child {
+ margin-bottom: 0;
}
-.pl-c1,
-.pl-s .pl-v {
- color: var(--color-prettylights-syntax-constant);
+.blockquote-footer {
+ margin-top: -1rem;
+ margin-bottom: 1rem;
+ font-size: 0.875em;
+ color: #6c757d;
}
-
-.pl-e,
-.pl-en {
- color: var(--color-prettylights-syntax-entity);
+.blockquote-footer::before {
+ content: '— ';
}
-.pl-smi,
-.pl-s .pl-s1 {
- color: var(--color-prettylights-syntax-storage-modifier-import);
+.img-fluid {
+ max-width: 100%;
+ height: auto;
}
-.pl-ent {
- color: var(--color-prettylights-syntax-entity-tag);
+.img-thumbnail {
+ padding: 0.25rem;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+ border-radius: 0.25rem;
+ max-width: 100%;
+ height: auto;
}
-.pl-k {
- color: var(--color-prettylights-syntax-keyword);
+.figure {
+ display: inline-block;
}
-.pl-s,
-.pl-pds,
-.pl-s .pl-pse .pl-s1,
-.pl-sr,
-.pl-sr .pl-cce,
-.pl-sr .pl-sre,
-.pl-sr .pl-sra {
- color: var(--color-prettylights-syntax-string);
+.figure-img {
+ margin-bottom: 0.5rem;
+ line-height: 1;
}
-.pl-v,
-.pl-smw {
- color: var(--color-prettylights-syntax-variable);
+.figure-caption {
+ font-size: 0.875em;
+ color: #6c757d;
}
-.pl-bu {
- color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
+.container,
+.container-fluid,
+.container-xxl,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm {
+ width: 100%;
+ padding-right: var(--bs-gutter-x, 0.75rem);
+ padding-left: var(--bs-gutter-x, 0.75rem);
+ margin-right: auto;
+ margin-left: auto;
}
-.pl-ii {
- color: var(--color-prettylights-syntax-invalid-illegal-text);
- background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
+@media (min-width: 576px) {
+ .container-sm,
+ .container {
+ max-width: 540px;
+ }
}
-
-.pl-c2 {
- color: var(--color-prettylights-syntax-carriage-return-text);
- background-color: var(--color-prettylights-syntax-carriage-return-bg);
+@media (min-width: 768px) {
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 720px;
+ }
+}
+@media (min-width: 992px) {
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 960px;
+ }
+}
+@media (min-width: 1200px) {
+ .container-xl,
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 1140px;
+ }
+}
+@media (min-width: 1400px) {
+ .container-xxl,
+ .container-xl,
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 1320px;
+ }
+}
+.row {
+ --bs-gutter-x: 1.5rem;
+ --bs-gutter-y: 0;
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: calc(-1 * var(--bs-gutter-y));
+ margin-right: calc(-0.5 * var(--bs-gutter-x));
+ margin-left: calc(-0.5 * var(--bs-gutter-x));
}
-
-.pl-c2::before {
- content: '^M';
+.row > * {
+ flex-shrink: 0;
+ width: 100%;
+ max-width: 100%;
+ padding-right: calc(var(--bs-gutter-x) * 0.5);
+ padding-left: calc(var(--bs-gutter-x) * 0.5);
+ margin-top: var(--bs-gutter-y);
}
-.pl-sr .pl-cce {
- font-weight: bold;
- color: var(--color-prettylights-syntax-string-regexp);
+.col {
+ flex: 1 0 0%;
}
-.pl-ml {
- color: var(--color-prettylights-syntax-markup-list);
+.row-cols-auto > * {
+ flex: 0 0 auto;
+ width: auto;
}
-.pl-mh,
-.pl-mh .pl-en,
-.pl-ms {
- font-weight: bold;
- color: var(--color-prettylights-syntax-markup-heading);
+.row-cols-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
}
-.pl-mi {
- font-style: italic;
- color: var(--color-prettylights-syntax-markup-italic);
+.row-cols-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
}
-.pl-mb {
- font-weight: bold;
- color: var(--color-prettylights-syntax-markup-bold);
+.row-cols-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
}
-.pl-md {
- color: var(--color-prettylights-syntax-markup-deleted-text);
- background-color: var(--color-prettylights-syntax-markup-deleted-bg);
+.row-cols-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
}
-.pl-mi1 {
- color: var(--color-prettylights-syntax-markup-inserted-text);
- background-color: var(--color-prettylights-syntax-markup-inserted-bg);
+.row-cols-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
}
-.pl-mc {
- color: var(--color-prettylights-syntax-markup-changed-text);
- background-color: var(--color-prettylights-syntax-markup-changed-bg);
+.row-cols-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
}
-.pl-mi2 {
- color: var(--color-prettylights-syntax-markup-ignored-text);
- background-color: var(--color-prettylights-syntax-markup-ignored-bg);
+.col-auto {
+ flex: 0 0 auto;
+ width: auto;
}
-.pl-mdr {
- font-weight: bold;
- color: var(--color-prettylights-syntax-meta-diff-range);
+.col-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
}
-.pl-ba {
- color: var(--color-prettylights-syntax-brackethighlighter-angle);
+.col-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
}
-.pl-sg {
- color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
+.col-3 {
+ flex: 0 0 auto;
+ width: 25%;
}
-.pl-corl {
- text-decoration: underline;
- color: var(--color-prettylights-syntax-constant-other-reference-link);
+.col-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
}
-.CodeMirror {
- font-family: monospace;
- height: 300px;
- color: black;
- direction: ltr;
+.col-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
}
-.CodeMirror-lines {
- padding: 4px 0;
+.col-6 {
+ flex: 0 0 auto;
+ width: 50%;
}
-.CodeMirror pre.CodeMirror-line,
-.CodeMirror pre.CodeMirror-line-like {
- padding: 0 4px;
+.col-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
}
-.CodeMirror-scrollbar-filler,
-.CodeMirror-gutter-filler {
- background-color: white;
+.col-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
}
-.CodeMirror-gutters {
- border-right: 1px solid #ddd;
- background-color: #f7f7f7;
- white-space: nowrap;
+.col-9 {
+ flex: 0 0 auto;
+ width: 75%;
}
-.CodeMirror-linenumber {
- padding: 0 3px 0 5px;
- min-width: 20px;
- text-align: right;
- color: #999;
- white-space: nowrap;
+.col-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
}
-.CodeMirror-guttermarker {
- color: black;
+.col-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
}
-.CodeMirror-guttermarker-subtle {
- color: #999;
+.col-12 {
+ flex: 0 0 auto;
+ width: 100%;
}
-.CodeMirror-cursor {
- border-left: 1px solid black;
- border-right: none;
- width: 0;
+.offset-1 {
+ margin-left: 8.33333333%;
}
-.CodeMirror div.CodeMirror-secondarycursor {
- border-left: 1px solid silver;
+.offset-2 {
+ margin-left: 16.66666667%;
}
-.cm-fat-cursor .CodeMirror-cursor {
- width: auto;
- border: 0 !important;
- background: #7e7;
+.offset-3 {
+ margin-left: 25%;
}
-.cm-fat-cursor div.CodeMirror-cursors {
- z-index: 1;
+.offset-4 {
+ margin-left: 33.33333333%;
}
-.cm-fat-cursor-mark {
- background-color: rgba(20, 255, 20, 0.5);
- animation: blink 1.06s steps(1) infinite;
+.offset-5 {
+ margin-left: 41.66666667%;
}
-.cm-animate-fat-cursor {
- width: auto;
- border: 0;
- animation: blink 1.06s steps(1) infinite;
- background-color: #7e7;
+.offset-6 {
+ margin-left: 50%;
}
-@keyframes blink {
- 50% {
- background-color: transparent;
- }
+.offset-7 {
+ margin-left: 58.33333333%;
}
-.cm-tab {
- display: inline-block;
- text-decoration: inherit;
+.offset-8 {
+ margin-left: 66.66666667%;
}
-.CodeMirror-rulers {
- position: absolute;
- left: 0;
- right: 0;
- top: -50px;
- bottom: 0;
- overflow: hidden;
+.offset-9 {
+ margin-left: 75%;
}
-.CodeMirror-ruler {
- border-left: 1px solid #ccc;
- top: 0;
- bottom: 0;
- position: absolute;
+.offset-10 {
+ margin-left: 83.33333333%;
}
-.cm-s-default .cm-header {
- color: blue;
+.offset-11 {
+ margin-left: 91.66666667%;
}
-.cm-s-default .cm-quote {
- color: #090;
+.g-0,
+.gx-0 {
+ --bs-gutter-x: 0;
}
-.cm-negative {
- color: #d44;
+.g-0,
+.gy-0 {
+ --bs-gutter-y: 0;
}
-.cm-positive {
- color: #292;
+.g-1,
+.gx-1 {
+ --bs-gutter-x: 0.25rem;
}
-.cm-header,
-.cm-strong {
- font-weight: bold;
+.g-1,
+.gy-1 {
+ --bs-gutter-y: 0.25rem;
}
-.cm-em {
- font-style: italic;
+.g-2,
+.gx-2 {
+ --bs-gutter-x: 0.5rem;
}
-.cm-link {
- text-decoration: underline;
+.g-2,
+.gy-2 {
+ --bs-gutter-y: 0.5rem;
}
-.cm-strikethrough {
- text-decoration: line-through;
+.g-3,
+.gx-3 {
+ --bs-gutter-x: 1rem;
}
-.cm-s-default .cm-keyword {
- color: #708;
+.g-3,
+.gy-3 {
+ --bs-gutter-y: 1rem;
}
-.cm-s-default .cm-atom {
- color: #219;
+.g-4,
+.gx-4 {
+ --bs-gutter-x: 1.5rem;
}
-.cm-s-default .cm-number {
- color: #164;
+.g-4,
+.gy-4 {
+ --bs-gutter-y: 1.5rem;
}
-.cm-s-default .cm-def {
- color: blue;
+.g-5,
+.gx-5 {
+ --bs-gutter-x: 3rem;
}
-.cm-s-default .cm-variable-2 {
- color: #05a;
+.g-5,
+.gy-5 {
+ --bs-gutter-y: 3rem;
}
-.cm-s-default .cm-variable-3,
-.cm-s-default .cm-type {
- color: #085;
-}
+@media (min-width: 576px) {
+ .col-sm {
+ flex: 1 0 0%;
+ }
-.cm-s-default .cm-comment {
- color: #a50;
-}
+ .row-cols-sm-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.cm-s-default .cm-string {
- color: #a11;
-}
+ .row-cols-sm-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.cm-s-default .cm-string-2 {
- color: #f50;
-}
+ .row-cols-sm-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.cm-s-default .cm-meta {
- color: #555;
-}
+ .row-cols-sm-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.cm-s-default .cm-qualifier {
- color: #555;
-}
+ .row-cols-sm-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.cm-s-default .cm-builtin {
- color: #30a;
-}
+ .row-cols-sm-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.cm-s-default .cm-bracket {
- color: #997;
-}
+ .row-cols-sm-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.cm-s-default .cm-tag {
- color: #170;
-}
+ .col-sm-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.cm-s-default .cm-attribute {
- color: #00c;
-}
+ .col-sm-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.cm-s-default .cm-hr {
- color: #999;
-}
+ .col-sm-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.cm-s-default .cm-link {
- color: #00c;
-}
+ .col-sm-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.cm-s-default .cm-error {
- color: red;
-}
+ .col-sm-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.cm-invalidchar {
- color: red;
-}
+ .col-sm-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.CodeMirror-composing {
- border-bottom: 2px solid;
-}
+ .col-sm-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-div.CodeMirror span.CodeMirror-matchingbracket {
- color: #0b0;
-}
+ .col-sm-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-div.CodeMirror span.CodeMirror-nonmatchingbracket {
- color: #a22;
-}
+ .col-sm-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.CodeMirror-matchingtag {
- background: rgba(255, 150, 0, 0.3);
-}
+ .col-sm-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.CodeMirror-activeline-background {
- background: #e8f2ff;
-}
+ .col-sm-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.CodeMirror {
- position: relative;
- overflow: hidden;
- background: white;
-}
+ .col-sm-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.CodeMirror-scroll {
- overflow: scroll !important;
- margin-bottom: -50px;
- margin-right: -50px;
- padding-bottom: 50px;
- height: 100%;
- outline: none;
- position: relative;
-}
+ .col-sm-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-sizer {
- position: relative;
- border-right: 50px solid transparent;
-}
+ .offset-sm-0 {
+ margin-left: 0;
+ }
-.CodeMirror-vscrollbar,
-.CodeMirror-hscrollbar,
-.CodeMirror-scrollbar-filler,
-.CodeMirror-gutter-filler {
- position: absolute;
- z-index: 6;
- display: none;
- outline: none;
-}
+ .offset-sm-1 {
+ margin-left: 8.33333333%;
+ }
-.CodeMirror-vscrollbar {
- right: 0;
- top: 0;
- overflow-x: hidden;
- overflow-y: scroll;
-}
+ .offset-sm-2 {
+ margin-left: 16.66666667%;
+ }
-.CodeMirror-hscrollbar {
- bottom: 0;
- left: 0;
- overflow-y: hidden;
- overflow-x: scroll;
-}
+ .offset-sm-3 {
+ margin-left: 25%;
+ }
-.CodeMirror-scrollbar-filler {
- right: 0;
- bottom: 0;
-}
+ .offset-sm-4 {
+ margin-left: 33.33333333%;
+ }
-.CodeMirror-gutter-filler {
- left: 0;
- bottom: 0;
-}
+ .offset-sm-5 {
+ margin-left: 41.66666667%;
+ }
-.CodeMirror-gutters {
- position: absolute;
- left: 0;
- top: 0;
- min-height: 100%;
- z-index: 3;
-}
+ .offset-sm-6 {
+ margin-left: 50%;
+ }
-.CodeMirror-gutter {
- white-space: normal;
- height: 100%;
- display: inline-block;
- vertical-align: top;
- margin-bottom: -50px;
-}
+ .offset-sm-7 {
+ margin-left: 58.33333333%;
+ }
-.CodeMirror-gutter-wrapper {
- position: absolute;
- z-index: 4;
- background: none !important;
- border: none !important;
-}
+ .offset-sm-8 {
+ margin-left: 66.66666667%;
+ }
-.CodeMirror-gutter-background {
- position: absolute;
- top: 0;
- bottom: 0;
- z-index: 4;
-}
+ .offset-sm-9 {
+ margin-left: 75%;
+ }
-.CodeMirror-gutter-elt {
- position: absolute;
- cursor: default;
- z-index: 4;
-}
+ .offset-sm-10 {
+ margin-left: 83.33333333%;
+ }
-.CodeMirror-gutter-wrapper ::selection {
- background-color: transparent;
-}
+ .offset-sm-11 {
+ margin-left: 91.66666667%;
+ }
-.CodeMirror-gutter-wrapper ::-moz-selection {
- background-color: transparent;
-}
+ .g-sm-0,
+ .gx-sm-0 {
+ --bs-gutter-x: 0;
+ }
-.CodeMirror-lines {
- cursor: text;
- min-height: 1px;
-}
+ .g-sm-0,
+ .gy-sm-0 {
+ --bs-gutter-y: 0;
+ }
-.CodeMirror pre.CodeMirror-line,
-.CodeMirror pre.CodeMirror-line-like {
- border-radius: 0;
- border-width: 0;
- background: transparent;
- font-family: inherit;
- font-size: inherit;
- margin: 0;
- white-space: pre;
- word-wrap: normal;
- line-height: inherit;
- color: inherit;
- z-index: 2;
- position: relative;
- overflow: visible;
- -webkit-tap-highlight-color: transparent;
- font-variant-ligatures: contextual;
-}
+ .g-sm-1,
+ .gx-sm-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.CodeMirror-wrap pre.CodeMirror-line,
-.CodeMirror-wrap pre.CodeMirror-line-like {
- word-wrap: break-word;
- white-space: pre-wrap;
- word-break: normal;
-}
+ .g-sm-1,
+ .gy-sm-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.CodeMirror-linebackground {
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- z-index: 0;
-}
+ .g-sm-2,
+ .gx-sm-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.CodeMirror-linewidget {
- position: relative;
- z-index: 2;
- padding: 0.1px;
-}
+ .g-sm-2,
+ .gy-sm-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.CodeMirror-rtl pre {
- direction: rtl;
-}
+ .g-sm-3,
+ .gx-sm-3 {
+ --bs-gutter-x: 1rem;
+ }
-.CodeMirror-code {
- outline: none;
-}
+ .g-sm-3,
+ .gy-sm-3 {
+ --bs-gutter-y: 1rem;
+ }
-.CodeMirror-scroll,
-.CodeMirror-sizer,
-.CodeMirror-gutter,
-.CodeMirror-gutters,
-.CodeMirror-linenumber {
- box-sizing: content-box;
-}
+ .g-sm-4,
+ .gx-sm-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.CodeMirror-measure {
- position: absolute;
- width: 100%;
- height: 0;
- overflow: hidden;
- visibility: hidden;
-}
+ .g-sm-4,
+ .gy-sm-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.CodeMirror-cursor {
- position: absolute;
- pointer-events: none;
-}
+ .g-sm-5,
+ .gx-sm-5 {
+ --bs-gutter-x: 3rem;
+ }
-.CodeMirror-measure pre {
- position: static;
+ .g-sm-5,
+ .gy-sm-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 768px) {
+ .col-md {
+ flex: 1 0 0%;
+ }
-div.CodeMirror-cursors {
- visibility: hidden;
- position: relative;
- z-index: 3;
-}
+ .row-cols-md-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-div.CodeMirror-dragcursors {
- visibility: visible;
-}
+ .row-cols-md-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-focused div.CodeMirror-cursors {
- visibility: visible;
-}
+ .row-cols-md-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.CodeMirror-selected {
- background: #d9d9d9;
-}
+ .row-cols-md-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.CodeMirror-focused .CodeMirror-selected {
- background: #d7d4f0;
-}
+ .row-cols-md-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.CodeMirror-crosshair {
- cursor: crosshair;
-}
+ .row-cols-md-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.CodeMirror-line::selection,
-.CodeMirror-line > span::selection,
-.CodeMirror-line > span > span::selection {
- background: #d7d4f0;
-}
+ .row-cols-md-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.CodeMirror-line::-moz-selection,
-.CodeMirror-line > span::-moz-selection,
-.CodeMirror-line > span > span::-moz-selection {
- background: #d7d4f0;
-}
+ .col-md-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.cm-searching {
- background-color: #ffa;
- background-color: rgba(255, 255, 0, 0.4);
-}
+ .col-md-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.cm-force-border {
- padding-right: 0.1px;
-}
+ .col-md-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-@media print {
- .CodeMirror div.CodeMirror-cursors {
- visibility: hidden;
+ .col-md-3 {
+ flex: 0 0 auto;
+ width: 25%;
}
-}
-.cm-tab-wrap-hack:after {
- content: '';
-}
+ .col-md-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-span.CodeMirror-selectedtext {
- background: none;
-}
+ .col-md-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.CodeMirror-dialog {
- position: absolute;
- left: 0;
- right: 0;
- background: inherit;
- z-index: 15;
- padding: 0.1em 0.8em;
- overflow: hidden;
- color: inherit;
-}
+ .col-md-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.CodeMirror-dialog-top {
- border-bottom: 1px solid #eee;
- top: 0;
-}
+ .col-md-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.CodeMirror-dialog-bottom {
- border-top: 1px solid #eee;
- bottom: 0;
-}
+ .col-md-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.CodeMirror-dialog input {
- border: none;
- outline: none;
- background: transparent;
- width: 20em;
- color: inherit;
- font-family: monospace;
-}
+ .col-md-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.CodeMirror-dialog button {
- font-size: 70%;
-}
+ .col-md-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.CodeMirror-merge {
- position: relative;
- border: 1px solid #ddd;
- white-space: pre;
-}
+ .col-md-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.CodeMirror-merge,
-.CodeMirror-merge .CodeMirror {
- height: 350px;
-}
+ .col-md-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-merge-2pane .CodeMirror-merge-pane {
- width: 47%;
-}
+ .offset-md-0 {
+ margin-left: 0;
+ }
-.CodeMirror-merge-2pane .CodeMirror-merge-gap {
- width: 6%;
-}
+ .offset-md-1 {
+ margin-left: 8.33333333%;
+ }
-.CodeMirror-merge-3pane .CodeMirror-merge-pane {
- width: 31%;
-}
+ .offset-md-2 {
+ margin-left: 16.66666667%;
+ }
-.CodeMirror-merge-3pane .CodeMirror-merge-gap {
- width: 3.5%;
-}
+ .offset-md-3 {
+ margin-left: 25%;
+ }
-.CodeMirror-merge-pane {
- display: inline-block;
- white-space: normal;
- vertical-align: top;
-}
+ .offset-md-4 {
+ margin-left: 33.33333333%;
+ }
-.CodeMirror-merge-pane-rightmost {
- position: absolute;
- right: 0px;
- z-index: 1;
-}
+ .offset-md-5 {
+ margin-left: 41.66666667%;
+ }
-.CodeMirror-merge-gap {
- z-index: 2;
- display: inline-block;
- height: 100%;
- box-sizing: border-box;
- overflow: hidden;
- border-left: 1px solid #ddd;
- border-right: 1px solid #ddd;
- position: relative;
- background: #f8f8f8;
-}
+ .offset-md-6 {
+ margin-left: 50%;
+ }
-.CodeMirror-merge-scrolllock-wrap {
- position: absolute;
- bottom: 0;
- left: 50%;
-}
+ .offset-md-7 {
+ margin-left: 58.33333333%;
+ }
-.CodeMirror-merge-scrolllock {
- position: relative;
- left: -50%;
- cursor: pointer;
- color: #555;
- line-height: 1;
-}
+ .offset-md-8 {
+ margin-left: 66.66666667%;
+ }
-.CodeMirror-merge-scrolllock:after {
- content: '⇛ ⇚';
-}
+ .offset-md-9 {
+ margin-left: 75%;
+ }
-.CodeMirror-merge-scrolllock.CodeMirror-merge-scrolllock-enabled:after {
- content: '⇛⇚';
-}
+ .offset-md-10 {
+ margin-left: 83.33333333%;
+ }
-.CodeMirror-merge-copybuttons-left,
-.CodeMirror-merge-copybuttons-right {
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- line-height: 1;
-}
+ .offset-md-11 {
+ margin-left: 91.66666667%;
+ }
-.CodeMirror-merge-copy {
- position: absolute;
- cursor: pointer;
- color: #44c;
- z-index: 3;
-}
+ .g-md-0,
+ .gx-md-0 {
+ --bs-gutter-x: 0;
+ }
-.CodeMirror-merge-copy-reverse {
- position: absolute;
- cursor: pointer;
- color: #44c;
-}
+ .g-md-0,
+ .gy-md-0 {
+ --bs-gutter-y: 0;
+ }
-.CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy {
- left: 2px;
-}
+ .g-md-1,
+ .gx-md-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy {
- right: 2px;
-}
+ .g-md-1,
+ .gy-md-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.CodeMirror-merge-r-inserted,
-.CodeMirror-merge-l-inserted {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==);
- background-position: bottom left;
- background-repeat: repeat-x;
-}
+ .g-md-2,
+ .gx-md-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.CodeMirror-merge-r-deleted,
-.CodeMirror-merge-l-deleted {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
- background-position: bottom left;
- background-repeat: repeat-x;
-}
+ .g-md-2,
+ .gy-md-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.CodeMirror-merge-r-chunk {
- background: #ffffe0;
-}
+ .g-md-3,
+ .gx-md-3 {
+ --bs-gutter-x: 1rem;
+ }
-.CodeMirror-merge-r-chunk-start {
- border-top: 1px solid #ee8;
-}
+ .g-md-3,
+ .gy-md-3 {
+ --bs-gutter-y: 1rem;
+ }
-.CodeMirror-merge-r-chunk-end {
- border-bottom: 1px solid #ee8;
-}
+ .g-md-4,
+ .gx-md-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.CodeMirror-merge-r-connect {
- fill: #ffffe0;
- stroke: #ee8;
- stroke-width: 1px;
-}
+ .g-md-4,
+ .gy-md-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.CodeMirror-merge-l-chunk {
- background: #eef;
-}
+ .g-md-5,
+ .gx-md-5 {
+ --bs-gutter-x: 3rem;
+ }
-.CodeMirror-merge-l-chunk-start {
- border-top: 1px solid #88e;
+ .g-md-5,
+ .gy-md-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 992px) {
+ .col-lg {
+ flex: 1 0 0%;
+ }
-.CodeMirror-merge-l-chunk-end {
- border-bottom: 1px solid #88e;
-}
+ .row-cols-lg-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.CodeMirror-merge-l-connect {
- fill: #eef;
- stroke: #88e;
- stroke-width: 1px;
-}
+ .row-cols-lg-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk {
- background: #dfd;
-}
+ .row-cols-lg-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start {
- border-top: 1px solid #4e4;
-}
+ .row-cols-lg-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end {
- border-bottom: 1px solid #4e4;
-}
+ .row-cols-lg-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.CodeMirror-merge-collapsed-widget:before {
- content: '(...)';
-}
+ .row-cols-lg-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.CodeMirror-merge-collapsed-widget {
- cursor: pointer;
- color: #88b;
- background: #eef;
- border: 1px solid #ddf;
- font-size: 90%;
- padding: 0 3px;
- border-radius: 4px;
-}
+ .row-cols-lg-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt {
- display: none;
-}
+ .col-lg-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-/*!
-* GitHub Light v0.4.2
-* Copyright (c) 2012 - 2017 GitHub, Inc.
-* Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
-*/
-.cm-s-github-light.CodeMirror {
- color: var(--codeMirror-fgColor);
- background: var(--codeMirror-bgColor);
-}
+ .col-lg-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.cm-s-github-light .CodeMirror-gutters {
- background: var(--codeMirror-gutters-bgColor);
- border-right-width: 0;
-}
+ .col-lg-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.cm-s-github-light .CodeMirror-guttermarker {
- color: var(--codeMirror-gutterMarker-fgColor-default);
-}
+ .col-lg-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.cm-s-github-light .CodeMirror-guttermarker-subtle {
- color: var(--codeMirror-gutterMarker-fgColor-muted);
-}
+ .col-lg-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.cm-s-github-light .CodeMirror-scrollbar-filler,
-.cm-s-github-light .CodeMirror-gutter-filler {
- background-color: transparent;
-}
+ .col-lg-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.cm-s-github-light .CodeMirror-linenumber {
- padding: 0 var(--base-size-16) 0 var(--base-size-16);
- color: var(--codeMirror-lineNumber-fgColor);
-}
+ .col-lg-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.cm-s-github-light .CodeMirror-cursor {
- border-left: var(--borderWidth-thin) solid var(--codeMirror-cursor-fgColor);
-}
+ .col-lg-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.cm-s-github-light.CodeMirror-focused .CodeMirror-selected,
-.cm-s-github-light .CodeMirror-line::selection,
-.cm-s-github-light .CodeMirror-line > span::selection,
-.cm-s-github-light .CodeMirror-line > span > span::selection {
- background: var(--codeMirror-selection-bgColor, var(--color-codemirror-selection-bg, #d7d4f0));
-}
+ .col-lg-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.cm-s-github-light .CodeMirror-line > span::-moz-selection,
-.cm-s-github-light .CodeMirror-line > span > span::-moz-selection {
- background: var(--codeMirror-selection-bgColor, var(--color-codemirror-selection-bg, #d7d4f0));
-}
+ .col-lg-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.cm-s-github-light .CodeMirror-activeline-background {
- background: var(--codeMirror-activeline-bgColor);
-}
+ .col-lg-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.cm-s-github-light .CodeMirror-matchingbracket {
- color: var(--codeMirror-matchingBracket-fgColor) !important;
- text-decoration: underline;
-}
+ .col-lg-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.cm-s-github-light .CodeMirror-lines {
- font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
- font-size: 12px;
- line-height: 1.5;
- background: var(--codeMirror-lines-bgColor);
-}
+ .col-lg-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.react-code-view-edit .CodeMirror,
-.react-code-view-edit .CodeMirror-scroll {
- display: flex;
- flex-direction: column;
- flex: 1 1 auto;
-}
+ .offset-lg-0 {
+ margin-left: 0;
+ }
-.react-code-view-edit .cm-s-github-light .CodeMirror-lines {
- padding-top: var(--base-size-8);
- font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
- line-height: 20px;
-}
+ .offset-lg-1 {
+ margin-left: 8.33333333%;
+ }
-.react-code-view-edit .cm-s-github-light .CodeMirror-line,
-.react-code-view-edit .cm-s-github-light .CodeMirror-placeholder {
- padding-left: var(--base-size-16);
-}
+ .offset-lg-2 {
+ margin-left: 16.66666667%;
+ }
-.cm-s-github-light .cm-comment {
- color: var(--codeMirror-syntax-fgColor-comment);
-}
+ .offset-lg-3 {
+ margin-left: 25%;
+ }
-.cm-s-github-light .cm-constant {
- color: var(--codeMirror-syntax-fgColor-constant);
-}
+ .offset-lg-4 {
+ margin-left: 33.33333333%;
+ }
-.cm-s-github-light .cm-entity {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-entity);
- text-decoration: none;
-}
+ .offset-lg-5 {
+ margin-left: 41.66666667%;
+ }
-.cm-s-github-light .cm-keyword {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-keyword);
- text-decoration: none;
-}
+ .offset-lg-6 {
+ margin-left: 50%;
+ }
-.cm-s-github-light .cm-storage {
- color: var(--codeMirror-syntax-fgColor-storage);
-}
+ .offset-lg-7 {
+ margin-left: 58.33333333%;
+ }
-.cm-s-github-light .cm-string {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-string);
- text-decoration: none;
-}
+ .offset-lg-8 {
+ margin-left: 66.66666667%;
+ }
-.cm-s-github-light .cm-support {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-support);
- text-decoration: none;
-}
+ .offset-lg-9 {
+ margin-left: 75%;
+ }
-.cm-s-github-light .cm-variable {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-variable);
- text-decoration: none;
-}
+ .offset-lg-10 {
+ margin-left: 83.33333333%;
+ }
-details-dialog {
- position: fixed;
- margin: 10vh auto;
- top: 0;
- left: 50%;
- transform: translateX(-50%);
- z-index: 999;
- max-height: 80vh;
- max-width: 90vw;
- width: 448px;
- overflow: auto;
-}
+ .offset-lg-11 {
+ margin-left: 91.66666667%;
+ }
-.user-select-contain {
- -webkit-user-select: contain;
- user-select: contain;
-}
+ .g-lg-0,
+ .gx-lg-0 {
+ --bs-gutter-x: 0;
+ }
-.ajax-pagination-form .ajax-pagination-btn {
- width: 100%;
- padding: 6px;
- margin-top: var(--base-size-20);
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-accent);
- background: var(--bgColor-default);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .g-lg-0,
+ .gy-lg-0 {
+ --bs-gutter-y: 0;
+ }
-.ajax-pagination-form .ajax-pagination-btn:hover,
-.ajax-pagination-form .ajax-pagination-btn:focus {
- color: var(--fgColor-accent);
- background-color: var(--bgColor-muted);
-}
+ .g-lg-1,
+ .gx-lg-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.ajax-pagination-form.loading .ajax-pagination-btn {
- text-indent: -3000px;
- background-color: var(--bgColor-muted);
- background-image: url('/assets/octocat-spinner-16px-EAF2F5-8b50b1cd56db.gif');
- background-repeat: no-repeat;
- background-position: center center;
- border-color: var(--borderColor-default);
-}
+ .g-lg-1,
+ .gy-lg-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-@media only screen and (-moz-min-device-pixel-ratio: 2),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 192dpi),
- only screen and (min-resolution: 2dppx) {
- .ajax-pagination-form.loading .ajax-pagination-btn {
- background-image: url('/assets/octocat-spinner-32-EAF2F5-ada8eb30dd92.gif');
- background-size: 16px auto;
+ .g-lg-2,
+ .gx-lg-2 {
+ --bs-gutter-x: 0.5rem;
}
-}
-body [role='button']:focus:not(:focus-visible),
-body [role='tabpanel'][tabindex='0']:focus:not(:focus-visible),
-body button:focus:not(:focus-visible),
-body summary:focus:not(:focus-visible),
-body a:focus:not(:focus-visible) {
- outline: none;
- box-shadow: none;
-}
+ .g-lg-2,
+ .gy-lg-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-body [tabindex='0']:focus:not(:focus-visible),
-body details-dialog:focus:not(:focus-visible) {
- outline: none;
-}
+ .g-lg-3,
+ .gx-lg-3 {
+ --bs-gutter-x: 1rem;
+ }
-.CodeMirror {
- height: calc(100vh - 1px);
-}
+ .g-lg-3,
+ .gy-lg-3 {
+ --bs-gutter-y: 1rem;
+ }
-.file-editor-upload {
- height: 100%;
-}
+ .g-lg-4,
+ .gx-lg-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.issue-template-editor {
- height: 100%;
-}
+ .g-lg-4,
+ .gy-lg-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.file-editor-textarea {
- width: 100%;
- padding: 5px var(--base-size-4);
- font: 12px
- var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
- resize: vertical;
- border: 0;
- border-radius: 0;
- outline: none;
-}
+ .g-lg-5,
+ .gx-lg-5 {
+ --bs-gutter-x: 3rem;
+ }
-.container-preview .tabnav-tabs {
- margin: -5px 0 -5px -9px;
+ .g-lg-5,
+ .gy-lg-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 1200px) {
+ .col-xl {
+ flex: 1 0 0%;
+ }
-.container-preview .tabnav-tabs .tabnav-tab {
- padding: var(--base-size-12) var(--base-size-16);
- border-radius: 0;
-}
+ .row-cols-xl-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.container-preview .tabnav-tabs > .selected:first-child {
- border-top-left-radius: var(--borderRadius-medium);
-}
+ .row-cols-xl-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.container-preview .tabnav-tabs .selected {
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .row-cols-xl-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.container-preview.template-editor .commit-create,
-.container-preview.template-editor .file-actions {
- display: block;
-}
+ .row-cols-xl-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.container-preview.template-editor .show-code,
-.container-preview.template-editor .commit-preview,
-.container-preview.template-editor .loading-preview-msg,
-.container-preview.template-editor .no-changes-preview-msg,
-.container-preview.template-editor .error-preview-msg {
- display: none !important;
-}
+ .row-cols-xl-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.container-preview.render-editor .commit-create,
-.container-preview.render-editor .file-actions {
- display: block;
-}
+ .row-cols-xl-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.container-preview.render-editor .template-editor,
-.container-preview.render-editor .show-code,
-.container-preview.render-editor .commit-preview,
-.container-preview.render-editor .loading-preview-msg,
-.container-preview.render-editor .no-changes-preview-msg,
-.container-preview.render-editor .error-preview-msg {
- display: none !important;
-}
+ .row-cols-xl-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.container-preview.show-code .commit-create,
-.container-preview.show-code .file-actions {
- display: block;
-}
+ .col-xl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.container-preview.show-code .template-editor,
-.container-preview.show-code .render-editor,
-.container-preview.show-code .commit-preview,
-.container-preview.show-code .loading-preview-msg,
-.container-preview.show-code .no-changes-preview-msg,
-.container-preview.show-code .error-preview-msg {
- display: none !important;
-}
+ .col-xl-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.container-preview:not(.show-code) .commit-create,
-.container-preview:not(.show-code) .file-actions {
- display: none !important;
-}
+ .col-xl-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.container-preview.loading-preview .loading-preview-msg {
- display: block;
-}
+ .col-xl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.container-preview.loading-preview .template-editor,
-.container-preview.loading-preview .render-editor,
-.container-preview.loading-preview .no-changes-preview-msg,
-.container-preview.loading-preview .error-preview-msg,
-.container-preview.loading-preview .commit-preview {
- display: none !important;
-}
+ .col-xl-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.container-preview.show-preview .commit-preview {
- display: block;
-}
+ .col-xl-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.container-preview.show-preview .template-editor,
-.container-preview.show-preview .render-editor,
-.container-preview.show-preview .loading-preview-msg,
-.container-preview.show-preview .no-changes-preview-msg,
-.container-preview.show-preview .error-preview-msg {
- display: none !important;
-}
+ .col-xl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.container-preview.no-changes-preview .no-changes-preview-msg {
- display: block;
-}
+ .col-xl-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.container-preview.no-changes-preview .template-editor,
-.container-preview.no-changes-preview .render-editor,
-.container-preview.no-changes-preview .loading-preview-msg,
-.container-preview.no-changes-preview .error-preview-msg,
-.container-preview.no-changes-preview .commit-preview {
- display: none !important;
-}
+ .col-xl-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.container-preview.error-preview .error-preview-msg {
- display: block;
-}
+ .col-xl-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.container-preview.error-preview .template-editor,
-.container-preview.error-preview .render-editor,
-.container-preview.error-preview .loading-preview-msg,
-.container-preview.error-preview .no-changes-preview-msg,
-.container-preview.error-preview .commit-preview {
- display: none !important;
-}
+ .col-xl-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.container-preview p.preview-msg {
- padding: 30px;
- font-size: 16px;
-}
+ .col-xl-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.CodeMirror-merge-header {
- height: 30px;
-}
+ .col-xl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-merge-header .CodeMirror-merge-pane {
- height: 30px;
- line-height: 30px;
-}
+ .offset-xl-0 {
+ margin-left: 0;
+ }
-.cm-s-github-light .merge-gutter {
- width: 14px;
-}
+ .offset-xl-1 {
+ margin-left: 8.33333333%;
+ }
-.conflict-background + .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
- background-color: var(--bgColor-attention-muted);
-}
+ .offset-xl-2 {
+ margin-left: 16.66666667%;
+ }
-.commit-create .CodeMirror {
- padding-top: var(--base-size-8);
-}
+ .offset-xl-3 {
+ margin-left: 25%;
+ }
-auto-complete,
-details-dialog,
-details-menu,
-file-attachment,
-filter-input,
-remote-input,
-tab-container,
-text-expander,
-turbo-frame,
-[data-catalyst] {
- display: block;
-}
+ .offset-xl-4 {
+ margin-left: 33.33333333%;
+ }
-[data-catalyst-inline] {
- display: inline;
-}
+ .offset-xl-5 {
+ margin-left: 41.66666667%;
+ }
-[data-catalyst-grid] {
- display: grid;
-}
+ .offset-xl-6 {
+ margin-left: 50%;
+ }
-.Details--on .Details-content--shown {
- display: none !important;
-}
+ .offset-xl-7 {
+ margin-left: 58.33333333%;
+ }
-.Details:not(.Details--on) .Details-content--hidden {
- display: none !important;
-}
+ .offset-xl-8 {
+ margin-left: 66.66666667%;
+ }
-.Details:not(.Details--on) .Details-content--hidden-not-important {
- display: none;
-}
+ .offset-xl-9 {
+ margin-left: 75%;
+ }
-.Details-element[open] > summary .Details-content--closed {
- display: none !important;
-}
+ .offset-xl-10 {
+ margin-left: 83.33333333%;
+ }
-.Details-element:not([open]) > summary .Details-content--open {
- display: none !important;
-}
+ .offset-xl-11 {
+ margin-left: 91.66666667%;
+ }
-g-emoji {
- display: inline-block;
- min-width: 1ch;
- font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
- font-size: 1em;
- font-style: normal !important;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1;
- vertical-align: -0.075em;
-}
+ .g-xl-0,
+ .gx-xl-0 {
+ --bs-gutter-x: 0;
+ }
-g-emoji img {
- width: 1em;
- height: 1em;
-}
+ .g-xl-0,
+ .gy-xl-0 {
+ --bs-gutter-y: 0;
+ }
-.emoji-icon {
- display: inline-block;
- width: 20px;
- height: 20px;
- vertical-align: middle;
- background-repeat: no-repeat;
- background-size: 20px 20px;
-}
+ .g-xl-1,
+ .gx-xl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.emoji-result {
- display: inline-block;
- height: 20px;
- font-size: 16px;
- font-weight: var(--base-text-weight-normal, 400);
- vertical-align: middle;
-}
+ .g-xl-1,
+ .gy-xl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.gollum-editor .comment-form-head.tabnav {
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
-}
+ .g-xl-2,
+ .gx-xl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.gollum-editor .gollum-editor-body {
- height: 390px;
- resize: vertical;
-}
+ .g-xl-2,
+ .gy-xl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.active .gollum-editor-function-buttons {
- display: block !important;
-}
+ .g-xl-3,
+ .gx-xl-3 {
+ --bs-gutter-x: 1rem;
+ }
-.auth-form {
- width: 320px;
- margin: 0 auto;
-}
+ .g-xl-3,
+ .gy-xl-3 {
+ --bs-gutter-y: 1rem;
+ }
-.auth-form .form-group.warn .warning,
-.auth-form .form-group.warn .error,
-.auth-form .form-group.errored .warning,
-.auth-form .form-group.errored .error {
- max-width: 274px;
-}
+ .g-xl-4,
+ .gx-xl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.auth-form-wide {
- width: 440px;
- margin: 0 auto;
-}
+ .g-xl-4,
+ .gy-xl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.auth-form-wide .form-group.warn .warning,
-.auth-form-wide .form-group.warn .error,
-.auth-form-wide .form-group.errored .warning,
-.auth-form-wide .form-group.errored .error {
- max-width: 274px;
-}
+ .g-xl-5,
+ .gx-xl-5 {
+ --bs-gutter-x: 3rem;
+ }
-.auth-form-header {
- padding: var(--base-size-8) var(--base-size-16);
- margin: 0;
- color: #fff;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
- background-color: #829aa8;
- border: var(--borderWidth-thin) solid #768995;
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+ .g-xl-5,
+ .gy-xl-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 1400px) {
+ .col-xxl {
+ flex: 1 0 0%;
+ }
-.auth-form-header h1 {
- font-size: 16px;
-}
+ .row-cols-xxl-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.auth-form-header h1 a {
- color: #fff;
-}
+ .row-cols-xxl-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.auth-form-header .octicon {
- position: absolute;
- top: 10px;
- right: var(--base-size-20);
- color: rgba(0, 0, 0, 0.4);
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
-}
+ .row-cols-xxl-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.auth-form-header .Overlay .octicon {
- position: static;
-}
+ .row-cols-xxl-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.inactive-user-avatar {
- filter: grayscale(1);
-}
+ .row-cols-xxl-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.auth-divider {
- display: flex;
- flex-basis: 100%;
- align-items: center;
-}
+ .row-cols-xxl-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.auth-divider::before,
-.auth-divider::after {
- position: relative;
- display: inline-block;
- width: 50%;
- height: 1px;
- vertical-align: middle;
- content: '';
- background-color: var(--borderColor-default);
-}
+ .row-cols-xxl-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.auth-divider::before {
- right: 0.5em;
-}
+ .col-xxl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.auth-divider::after {
- left: 0.5em;
-}
+ .col-xxl-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.auth-form-message {
- max-height: 140px;
- padding: var(--base-size-16) var(--base-size-16) var(--base-size-8);
- overflow-y: scroll;
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .col-xxl-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.auth-form-message ol,
-.auth-form-message ul {
- padding-left: inherit;
- margin-bottom: inherit;
-}
+ .col-xxl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.auth-form-body {
- font-size: 14px;
- padding: var(--base-size-16);
- background-color: var(--bgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-top: 0;
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
-}
+ .col-xxl-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.auth-form-body .input-block {
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-16);
-}
+ .col-xxl-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.auth-form-body p {
- margin-bottom: 0;
-}
+ .col-xxl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.auth-form-body ol,
-.auth-form-body ul {
- padding-left: inherit;
- margin-bottom: inherit;
-}
+ .col-xxl-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.auth-form-captcha {
- font-size: 14px;
-}
+ .col-xxl-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-@media (min-width: 544px) {
- .auth-form-captcha {
- padding: var(--base-size-16);
- background-color: var(--bgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-top: 0;
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
+ .col-xxl-9 {
+ flex: 0 0 auto;
+ width: 75%;
}
-}
-.auth-form-captcha .input-block {
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-16);
-}
+ .col-xxl-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.auth-form-captcha p {
- margin-bottom: 0;
-}
+ .col-xxl-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.auth-form-captcha ol,
-.auth-form-captcha ul {
- padding-left: inherit;
- margin-bottom: inherit;
-}
+ .col-xxl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.two-factor-help {
- position: relative;
- padding: var(--base-size-8) var(--base-size-8) var(--base-size-8) var(--base-size-32);
- margin: 60px 0 auto auto;
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .offset-xxl-0 {
+ margin-left: 0;
+ }
-.two-factor-help h4 {
- margin-top: 0;
- margin-bottom: var(--base-size-4);
-}
+ .offset-xxl-1 {
+ margin-left: 8.33333333%;
+ }
-.two-factor-help .octicon-device-mobile,
-.two-factor-help .octicon-key,
-.two-factor-help .octicon-shield-lock,
-.two-factor-help .octicon-circle-slash {
- position: absolute;
- top: 10px;
- left: 10px;
-}
+ .offset-xxl-2 {
+ margin-left: 16.66666667%;
+ }
-.sms-send-code-spinner {
- position: relative;
- bottom: 2px;
- display: none;
- vertical-align: bottom;
-}
+ .offset-xxl-3 {
+ margin-left: 25%;
+ }
-.loading .sms-send-code-spinner {
- display: inline;
-}
+ .offset-xxl-4 {
+ margin-left: 33.33333333%;
+ }
-.auth-form-body .webauthn-form-body {
- padding: 0;
-}
+ .offset-xxl-5 {
+ margin-left: 41.66666667%;
+ }
-.webauthn-form-body {
- padding: var(--base-size-32) var(--base-size-32) var(--base-size-16);
- text-align: center;
-}
+ .offset-xxl-6 {
+ margin-left: 50%;
+ }
-.webauthn-form-body button {
- margin-top: var(--base-size-16);
-}
+ .offset-xxl-7 {
+ margin-left: 58.33333333%;
+ }
-.flash.sms-error,
-.flash.sms-success {
- display: none;
- margin: 0 0 var(--base-size-8);
-}
+ .offset-xxl-8 {
+ margin-left: 66.66666667%;
+ }
-.is-sent .sms-success {
- display: block;
-}
+ .offset-xxl-9 {
+ margin-left: 75%;
+ }
-.is-sent .sms-error {
- display: none;
-}
+ .offset-xxl-10 {
+ margin-left: 83.33333333%;
+ }
-.is-not-sent .sms-success {
- display: none;
-}
+ .offset-xxl-11 {
+ margin-left: 91.66666667%;
+ }
-.is-not-sent .sms-error {
- display: block;
-}
+ .g-xxl-0,
+ .gx-xxl-0 {
+ --bs-gutter-x: 0;
+ }
-.session-authentication {
- background-color: var(--bgColor-default);
-}
+ .g-xxl-0,
+ .gy-xxl-0 {
+ --bs-gutter-y: 0;
+ }
-.session-authentication .header-logged-out {
- background-color: transparent;
- border-bottom: 0;
-}
+ .g-xxl-1,
+ .gx-xxl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.session-authentication .header-logo {
- color: var(--fgColor-default);
-}
+ .g-xxl-1,
+ .gy-xxl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.session-authentication .flash {
- padding: var(--base-size-16) var(--base-size-16);
- margin: 0 auto;
- margin-bottom: var(--base-size-8);
- font-size: 14px;
- border-style: solid;
- border-width: var(--borderWidth-thin);
- border-radius: var(--borderRadius-medium);
-}
+ .g-xxl-2,
+ .gx-xxl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.session-authentication .flash .container {
- width: auto;
-}
+ .g-xxl-2,
+ .gy-xxl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.session-authentication .flash .flash-close {
- height: 30px;
-}
+ .g-xxl-3,
+ .gx-xxl-3 {
+ --bs-gutter-x: 1rem;
+ }
+
+ .g-xxl-3,
+ .gy-xxl-3 {
+ --bs-gutter-y: 1rem;
+ }
+
+ .g-xxl-4,
+ .gx-xxl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+
+ .g-xxl-4,
+ .gy-xxl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+
+ .g-xxl-5,
+ .gx-xxl-5 {
+ --bs-gutter-x: 3rem;
+ }
-.session-authentication .flash.flash-banner {
+ .g-xxl-5,
+ .gy-xxl-5 {
+ --bs-gutter-y: 3rem;
+ }
+}
+.table {
+ --bs-table-bg: transparent;
+ --bs-table-accent-bg: transparent;
+ --bs-table-striped-color: #212529;
+ --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
+ --bs-table-active-color: #212529;
+ --bs-table-active-bg: rgba(0, 0, 0, 0.1);
+ --bs-table-hover-color: #212529;
+ --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
- border-top: 0;
- border-right: 0;
- border-left: 0;
- border-radius: 0;
+ margin-bottom: 1rem;
+ color: #212529;
+ vertical-align: top;
+ border-color: #dee2e6;
+}
+.table > :not(caption) > * > * {
+ padding: 0.5rem 0.5rem;
+ background-color: var(--bs-table-bg);
+ border-bottom-width: 1px;
+ box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
+}
+.table > tbody {
+ vertical-align: inherit;
+}
+.table > thead {
+ vertical-align: bottom;
+}
+.table > :not(:first-child) {
+ border-top: 2px solid currentColor;
}
-.session-authentication .auth-form label {
- display: block;
- margin-bottom: var(--base-size-8);
- font-weight: var(--base-text-weight-normal, 400);
- text-align: left;
+.caption-top {
+ caption-side: top;
}
-.session-authentication .auth-form .btn {
- margin-top: var(--base-size-16);
+.table-sm > :not(caption) > * > * {
+ padding: 0.25rem 0.25rem;
}
-.session-authentication .auth-form .webauthn-message {
- margin-bottom: 0;
+.table-bordered > :not(caption) > * {
+ border-width: 1px 0;
+}
+.table-bordered > :not(caption) > * > * {
+ border-width: 0 1px;
}
-.session-authentication .label-link {
- float: right;
- font-size: 12px;
+.table-borderless > :not(caption) > * > * {
+ border-bottom-width: 0;
+}
+.table-borderless > :not(:first-child) {
+ border-top-width: 0;
}
-.session-authentication .auth-form-header {
- margin-bottom: var(--base-size-16);
- color: var(--fgColor-default);
- text-align: center;
- text-shadow: none;
- background-color: transparent;
- border: 0;
+.table-striped > tbody > tr:nth-of-type(odd) > * {
+ --bs-table-accent-bg: var(--bs-table-striped-bg);
+ color: var(--bs-table-striped-color);
}
-.session-authentication .auth-form-header h1 {
- font-size: 24px;
- font-weight: var(--base-text-weight-light, 300);
- letter-spacing: -0.5px;
+.table-active {
+ --bs-table-accent-bg: var(--bs-table-active-bg);
+ color: var(--bs-table-active-color);
}
-.session-authentication .auth-form-body {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
+.table-hover > tbody > tr:hover > * {
+ --bs-table-accent-bg: var(--bs-table-hover-bg);
+ color: var(--bs-table-hover-color);
}
-.session-authentication .auth-form-body.webauthn-form-body {
- padding: var(--base-size-16);
+.table-primary {
+ --bs-table-bg: #cfe2ff;
+ --bs-table-striped-bg: #c5d7f2;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #bacbe6;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #bfd1ec;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #bacbe6;
}
-@media (min-width: 544px) {
- .session-authentication .auth-form-captcha {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
- }
+.table-secondary {
+ --bs-table-bg: #e2e3e5;
+ --bs-table-striped-bg: #d7d8da;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #cbccce;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #d1d2d4;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #cbccce;
+}
- .session-authentication .auth-form-captcha.webauthn-form-body {
- padding: var(--base-size-16);
- }
+.table-success {
+ --bs-table-bg: #d1e7dd;
+ --bs-table-striped-bg: #c7dbd2;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #bcd0c7;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #c1d6cc;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #bcd0c7;
}
-.session-authentication .login-callout {
- padding: var(--base-size-16) var(--base-size-16);
- text-align: center;
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+.table-info {
+ --bs-table-bg: #cff4fc;
+ --bs-table-striped-bg: #c5e8ef;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #badce3;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #bfe2e9;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #badce3;
}
-.session-authentication .two-factor-help {
- padding: 0 0 0 var(--base-size-16);
- margin-top: var(--base-size-16);
- border: 0;
+.table-warning {
+ --bs-table-bg: #fff3cd;
+ --bs-table-striped-bg: #f2e7c3;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #e6dbb9;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #ece1be;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #e6dbb9;
}
-
-.session-authentication .two-factor-help .octicon-device-mobile,
-.session-authentication .two-factor-help .octicon-key,
-.session-authentication .two-factor-help .octicon-shield-lock,
-.session-authentication .two-factor-help .octicon-circle-slash {
- top: var(--base-size-4);
- left: 0;
+
+.table-danger {
+ --bs-table-bg: #f8d7da;
+ --bs-table-striped-bg: #eccccf;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #dfc2c4;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #e5c7ca;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #dfc2c4;
+}
+
+.table-light {
+ --bs-table-bg: #f8f9fa;
+ --bs-table-striped-bg: #ecedee;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #dfe0e1;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #e5e6e7;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #dfe0e1;
+}
+
+.table-dark {
+ --bs-table-bg: #212529;
+ --bs-table-striped-bg: #2c3034;
+ --bs-table-striped-color: #fff;
+ --bs-table-active-bg: #373b3e;
+ --bs-table-active-color: #fff;
+ --bs-table-hover-bg: #323539;
+ --bs-table-hover-color: #fff;
+ color: #fff;
+ border-color: #373b3e;
}
-.session-authentication.enterprise .header-logged-out {
- padding: var(--base-size-48) 0 var(--base-size-24);
- background-color: transparent;
+.table-responsive {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
}
-.session-authentication.hosted .header-logged-out {
- padding: var(--base-size-40) 0 var(--base-size-16);
- background-color: transparent;
+@media (max-width: 575.98px) {
+ .table-responsive-sm {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-.session-authentication .notification-shelf {
- display: none;
+@media (max-width: 767.98px) {
+ .table-responsive-md {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-.two-factor-recovery-modal-prompt.fit-in-box .Button-content,
-.two-factor-recovery-modal-prompt.fit-in-box .Button-label {
- display: block;
- width: 254px;
- text-align: left;
- white-space: normal;
+@media (max-width: 991.98px) {
+ .table-responsive-lg {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-#recovery-dialog #recovery-dialog-title {
- font-size: 20px;
- text-align: center;
+@media (max-width: 1199.98px) {
+ .table-responsive-xl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-#recovery-dialog #recovery-dialog-description {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- word-wrap: normal;
- border: 0;
+@media (max-width: 1399.98px) {
+ .table-responsive-xxl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-.switch-account-popover-body {
- width: auto;
- min-width: 250px;
- max-width: 350px;
+.form-label {
+ margin-bottom: 0.5rem;
}
-.switch-account-popover-body::before,
-.switch-account-popover-body::after {
- display: none;
+.col-form-label {
+ padding-top: calc(0.375rem + 1px);
+ padding-bottom: calc(0.375rem + 1px);
+ margin-bottom: 0;
+ font-size: inherit;
+ line-height: 1.5;
}
-.switch-account-popover-row {
- width: 100%;
- padding: 0;
- background-color: transparent;
+.col-form-label-lg {
+ padding-top: calc(0.5rem + 1px);
+ padding-bottom: calc(0.5rem + 1px);
+ font-size: 1.25rem;
}
-.switch-account-popover-row:hover {
- color: var(--fgColor-onEmphasis);
- cursor: pointer;
- background-color: var(--bgColor-accent-emphasis);
+.col-form-label-sm {
+ padding-top: calc(0.25rem + 1px);
+ padding-bottom: calc(0.25rem + 1px);
+ font-size: 0.875rem;
}
-@media (prefers-reduced-motion: no-preference) {
- .HeaderMktg-backdrop,
- .HeaderMenu,
- .HeaderMenu-link,
- .HeaderMenu-toggle-bar,
- .HeaderMenu-icon,
- .HeaderMenu-dropdown,
- .HeaderMenu-external-icon,
- .HeaderMktg.header-logged-out::before,
- .HeaderMktg .search-input {
- transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
- transition-duration: 500ms;
- transition-property: opacity, transform;
- }
-}
-
-.HeaderMktg {
- position: relative;
- z-index: 32;
- padding-top: var(--base-size-12);
- padding-bottom: var(--base-size-12);
- color: var(--fgColor-white);
- background-color: var(--header-bgColor);
+.form-text {
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #6c757d;
}
-.server-stats + .HeaderMktg {
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.075);
+.form-control {
+ display: block;
+ width: 100%;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ced4da;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ border-radius: 0.25rem;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
-
-.HeaderMktg .dropdown-menu {
- width: 300px;
+@media (prefers-reduced-motion: reduce) {
+ .form-control {
+ transition: none;
+ }
}
-
-.HeaderMktg .notification-indicator:hover::after {
- content: none;
+.form-control[type='file'] {
+ overflow: hidden;
}
-
-@media (min-width: 1012px) {
- .HeaderMktg .notification-indicator:hover::after {
- content: attr(aria-label);
- }
+.form-control[type='file']:not(:disabled):not([readonly]) {
+ cursor: pointer;
}
-
-.HeaderMenu-toggle-bar {
- width: 22px;
- height: 2px;
- background-color: var(--fgColor-onEmphasis);
+.form-control:focus {
+ color: #212529;
+ background-color: #fff;
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu-toggle-bar:nth-of-type(1) {
- transform-origin: bottom right;
+.form-control::-webkit-date-and-time-value {
+ height: 1.5em;
}
-
-.HeaderMenu-toggle-bar:nth-of-type(3) {
- transform-origin: top right;
+.form-control::-moz-placeholder {
+ color: #6c757d;
+ opacity: 1;
}
-
-.open .HeaderMenu-toggle-bar:nth-of-type(1) {
- transform: rotate(-45deg) translateY(-3px);
+.form-control::placeholder {
+ color: #6c757d;
+ opacity: 1;
}
-
-.open .HeaderMenu-toggle-bar:nth-of-type(2) {
- opacity: 0;
- transform: scale(0);
+.form-control:disabled,
+.form-control[readonly] {
+ background-color: #e9ecef;
+ opacity: 1;
}
-
-.open .HeaderMenu-toggle-bar:nth-of-type(3) {
- transform: rotate(45deg) translateY(3px);
+.form-control::-webkit-file-upload-button {
+ padding: 0.375rem 0.75rem;
+ margin: -0.375rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.75rem;
+ color: #212529;
+ background-color: #e9ecef;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+.form-control::file-selector-button {
+ padding: 0.375rem 0.75rem;
+ margin: -0.375rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.75rem;
+ color: #212529;
+ background-color: #e9ecef;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
}
-
-@media (max-width: 1011px) {
- body:has(.header-logged-out.open) {
- height: 100%;
- overflow: hidden;
- }
-
- .HeaderMktg-backdrop {
- visibility: hidden;
- background: var(--overlay-backdrop-bgColor);
- opacity: 0;
+@media (prefers-reduced-motion: reduce) {
+ .form-control::-webkit-file-upload-button {
+ -webkit-transition: none;
+ transition: none;
}
-
- .open .HeaderMktg-backdrop {
- visibility: visible;
- opacity: 1;
+ .form-control::file-selector-button {
+ transition: none;
}
}
-
-@media (max-width: 1011px) {
- .open .HeaderMktg-backdrop {
- background: var(--header-bgColor) !important;
- -webkit-backdrop-filter: none;
- backdrop-filter: none;
- }
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+ background-color: #dde0e3;
}
-
-.HeaderMenu {
- z-index: 100;
- width: 100%;
- padding-top: 68px;
- pointer-events: none;
- contain: layout;
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+ background-color: #dde0e3;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu {
- width: auto;
- padding: 0 !important;
+.form-control::-webkit-file-upload-button {
+ padding: 0.375rem 0.75rem;
+ margin: -0.375rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.75rem;
+ color: #212529;
+ background-color: #e9ecef;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-control::-webkit-file-upload-button {
+ -webkit-transition: none;
transition: none;
}
}
-
-.HeaderMenu .HeaderMenu-link--sign-in:focus {
- outline-offset: var(--base-size-4);
-}
-
-@media (max-width: 1011px) {
- .HeaderMenu {
- position: fixed;
- display: flex;
- height: 100%;
- transform-origin: top center;
- }
-
- .header-logged-out:not(.open) .HeaderMenu {
- position: absolute;
- visibility: hidden;
- opacity: 0;
- transform: translateX(-12px);
- }
-
- .header-logged-out:not(.open) .HeaderMenu::before {
- opacity: 0;
- }
-
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-up,
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-up:hover,
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-in,
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-in:hover {
- color: var(--fgColor-onEmphasis) !important;
- background-color: var(--bgColor-emphasis);
- border-color: var(--bgColor-emphasis) !important;
- opacity: 1;
- }
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+ background-color: #dde0e3;
}
-.HeaderMenu .HeaderMenu-wrapper {
+.form-control-plaintext {
+ display: block;
width: 100%;
- height: 100%;
- overflow: auto;
- pointer-events: auto;
- background-color: var(--bgColor-default);
- box-shadow: var(--shadow-floating-small);
+ padding: 0.375rem 0;
+ margin-bottom: 0;
+ line-height: 1.5;
+ color: #212529;
+ background-color: transparent;
+ border: solid transparent;
+ border-width: 1px 0;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu .HeaderMenu-wrapper {
- padding: var(--base-size-20) var(--base-size-28) var(--base-size-36);
- border-top-left-radius: var(--base-size-12) !important;
- border-top-right-radius: var(--base-size-12) !important;
- border-bottom-right-radius: 0 !important;
- border-bottom-left-radius: 0 !important;
- }
+.form-control-plaintext.form-control-sm,
+.form-control-plaintext.form-control-lg {
+ padding-right: 0;
+ padding-left: 0;
}
-@media (min-width: 1012px) {
- .HeaderMenu .HeaderMenu-wrapper {
- width: 100%;
- overflow: visible;
- background-color: transparent;
- box-shadow: none;
- }
+.form-control-sm {
+ min-height: calc(1.5em + 0.5rem + 2px);
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu .HeaderMenu-link {
- padding: var(--base-size-12) 0;
- font-weight: var(--base-text-weight-semibold, 600);
- }
+.form-control-sm::-webkit-file-upload-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
}
-
-.HeaderMenu .jump-to-suggestions {
- top: 100%;
+.form-control-sm::file-selector-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
}
-
-.HeaderMenu .header-search-key-slash {
- margin-right: var(--base-size-8) !important;
+.form-control-sm::-webkit-file-upload-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
}
-@media (max-width: 1012px) {
- .HeaderMenu .header-search-key-slash {
- display: none;
- }
+.form-control-lg {
+ min-height: calc(1.5em + 1rem + 2px);
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-
-.HeaderMenu .dropdown-menu {
- position: static;
- z-index: 0;
- width: auto;
- border: 0 solid transparent;
- box-shadow: none;
+.form-control-lg::-webkit-file-upload-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
}
-
-.HeaderMenu .dropdown-menu::before,
-.HeaderMenu .dropdown-menu::after {
- display: none;
+.form-control-lg::file-selector-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .dropdown-menu {
- position: absolute;
- width: 320px;
- border: 0;
- box-shadow: var(--shadow-floating-small);
- }
-
- .HeaderMenu .dropdown-menu::before,
- .HeaderMenu .dropdown-menu::after {
- content: '';
- }
-
- .HeaderMenu .dropdown-menu.dropdown-menu-wide {
- width: 520px;
- }
+.form-control-lg::-webkit-file-upload-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
}
-.HeaderMenu .dropdown-menu-s {
- transform: none;
+textarea.form-control {
+ min-height: calc(1.5em + 0.75rem + 2px);
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .dropdown-menu-s {
- transform: translateX(50%);
- }
+textarea.form-control-sm {
+ min-height: calc(1.5em + 0.5rem + 2px);
}
-
-.HeaderMenu .header-search-wrapper {
- border-color: var(--borderColor-muted);
+textarea.form-control-lg {
+ min-height: calc(1.5em + 1rem + 2px);
}
-@media (min-width: 1012px) {
- .HeaderMenu .header-search-wrapper {
- border-color: var(--headerSearch-borderColor);
- }
+.form-control-color {
+ width: 3rem;
+ height: auto;
+ padding: 0.375rem;
}
-
-@media (max-width: 1012px) {
- .HeaderMenu .header-search-wrapper {
- background-color: var(--bgColor-muted);
- }
+.form-control-color:not(:disabled):not([readonly]) {
+ cursor: pointer;
}
-
-.HeaderMenu-button {
- height: 32px;
- padding-right: var(--base-size-12) !important;
- padding-left: var(--base-size-12) !important;
- font-size: var(--h5-size);
- line-height: 1;
- align-items: center;
- justify-content: center;
+.form-control-color::-moz-color-swatch {
+ height: 1.5em;
+ border-radius: 0.25rem;
}
-
-@media screen and (max-width: 1011px) {
- .HeaderMenu-button {
- font-weight: 500;
- }
+.form-control-color::-webkit-color-swatch {
+ height: 1.5em;
+ border-radius: 0.25rem;
}
-@media screen and (max-width: 1011px) {
- .HeaderMenu-button.HeaderMenu-link--sign-up {
- height: var(--base-size-40);
- font-size: var(--h4-size) !important;
+.form-select {
+ display: block;
+ width: 100%;
+ padding: 0.375rem 2.25rem 0.375rem 0.75rem;
+ -moz-padding-start: calc(0.75rem - 3px);
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ background-color: #fff;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right 0.75rem center;
+ background-size: 16px 12px;
+ border: 1px solid #ced4da;
+ border-radius: 0.25rem;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-select {
+ transition: none;
}
}
-
-.HeaderMenu-link {
- color: var(--fgColor-default);
- white-space: nowrap;
- background: transparent;
+.form-select:focus {
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu-link:hover {
- color: var(--fgColor-default);
+.form-select[multiple],
+.form-select[size]:not([size='1']) {
+ padding-right: 0.75rem;
+ background-image: none;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-link {
- color: var(--fgColor-white);
- }
-
- .HeaderMenu-link:hover {
- color: var(--fgColor-white);
- opacity: 0.75;
- }
+.form-select:disabled {
+ background-color: #e9ecef;
}
-
-.HeaderMenu-trailing-link {
- width: 100%;
- background-color: #eaeef2;
+.form-select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 #212529;
}
-.HeaderMenu-trailing-link a {
- color: #24292f;
+.form-select-sm {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ padding-left: 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-.HeaderMenu-trailing-link a .HeaderMenu-trailing-link-icon {
- margin-left: calc(var(--base-size-2) * -1);
- transition: transform 0.2s ease-in-out;
- transform: translateX(0);
+.form-select-lg {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ padding-left: 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-.HeaderMenu-trailing-link a:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
+.form-check {
+ display: block;
+ min-height: 1.5rem;
+ padding-left: 1.5em;
+ margin-bottom: 0.125rem;
}
-
-.HeaderMenu-trailing-link a:hover .HeaderMenu-trailing-link-icon {
- transform: translateX(2px);
+.form-check .form-check-input {
+ float: left;
+ margin-left: -1.5em;
}
-@media (max-width: 1011px) {
- .HeaderMenu-trailing-link {
- background-color: transparent;
- }
+.form-check-input {
+ width: 1em;
+ height: 1em;
+ margin-top: 0.25em;
+ vertical-align: top;
+ background-color: #fff;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: contain;
+ border: 1px solid rgba(0, 0, 0, 0.25);
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ -webkit-print-color-adjust: exact;
+ color-adjust: exact;
}
-
-.HeaderMenu-item .HeaderMenu-dropdown {
- visibility: hidden;
- opacity: 0;
- transform: scale(0.99) translateY(-0.7em);
- transform-origin: top;
+.form-check-input[type='checkbox'] {
+ border-radius: 0.25em;
}
-
-.HeaderMenu-item .HeaderMenu-dropdown .HeaderMenu-column {
- min-width: 200px;
+.form-check-input[type='radio'] {
+ border-radius: 50%;
}
-
-.HeaderMenu-item:hover .HeaderMenu-dropdown,
-.HeaderMenu-item.open .HeaderMenu-dropdown {
- visibility: visible;
- opacity: 1;
- transform: scale(1) translateY(0);
+.form-check-input:active {
+ filter: brightness(90%);
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-item:hover .HeaderMenu-icon,
- .HeaderMenu-item.open .HeaderMenu-icon {
- transform: translateY(2px);
- }
+.form-check-input:focus {
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-@media (max-width: 1011px) {
- .HeaderMenu-item .HeaderMenu-dropdown {
- background-color: transparent;
- }
-
- .HeaderMenu-item .HeaderMenu-icon {
- transform: scale(1.2);
- }
-
- .HeaderMenu-item:not(.open) .HeaderMenu-dropdown {
- position: fixed !important;
- }
-
- .HeaderMenu-item:not(.open) .HeaderMenu-icon {
- transform: rotate(-90deg) scale(1.2);
- }
-
- .HeaderMenu-item .HeaderMenu-link {
- font-size: var(--h3-size);
- }
+.form-check-input:checked {
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.HeaderMenu-dropdown-link:not(:hover):not(:focus) .HeaderMenu-external-icon {
- opacity: 0;
- transform: translateX(-0.5em);
+.form-check-input:checked[type='checkbox'] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-button-separator {
- width: var(--base-size-8);
- margin: 0 var(--base-size-8);
+.form-check-input:checked[type='radio'] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-button-separator::before {
- display: block;
- width: var(--borderWidth-thin);
- height: var(--base-size-20);
- margin: var(--base-size-4);
- content: '';
- background: #57606a;
+.form-check-input[type='checkbox']:indeterminate {
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-button-muted-outline {
- border-color: #57606a !important;
+.form-check-input:disabled {
+ pointer-events: none;
+ filter: none;
+ opacity: 0.5;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-link-wrap {
- margin-right: var(--base-size-12);
- }
+.form-check-input[disabled] ~ .form-check-label,
+.form-check-input:disabled ~ .form-check-label {
+ opacity: 0.5;
}
-@media (max-width: 1011px) {
- .HeaderMktg.header-logged-out::before {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- content: '';
- background-color: var(--header-bgColor);
- opacity: 0;
- }
-
- .HeaderMktg.header-logged-out.open::before {
- opacity: 1;
- }
+.form-switch {
+ padding-left: 2.5em;
}
-
-.HeaderMenu-dropdown-link {
- line-height: 1.4;
+.form-switch .form-check-input {
+ width: 2em;
+ margin-left: -2.5em;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
+ background-position: left center;
+ border-radius: 2em;
+ transition: background-position 0.15s ease-in-out;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu-dropdown-link.Link--has-description {
- padding-top: 10px !important;
- padding-bottom: 10px !important;
+@media (prefers-reduced-motion: reduce) {
+ .form-switch .form-check-input {
+ transition: none;
}
}
-
-.HeaderMenu-dropdown-link.Link--external {
- padding-right: var(--base-size-24);
+.form-switch .form-check-input:focus {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-dropdown-link.Link--external svg {
- position: absolute;
- margin-left: var(--base-size-4);
+.form-switch .form-check-input:checked {
+ background-position: right center;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
-.server-stats,
-.global-banner {
- position: relative;
- z-index: 36;
+.form-check-inline {
+ display: inline-block;
+ margin-right: 1rem;
}
-@media (max-width: 1011px) {
- [blackbird-search-active='true'] .server-stats,
- [blackbird-search-active='true'] .global-banner {
- z-index: 0;
- }
+.btn-check {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ pointer-events: none;
+}
+.btn-check[disabled] + .btn,
+.btn-check:disabled + .btn {
+ pointer-events: none;
+ filter: none;
+ opacity: 0.65;
}
-.HeaderMenu .search-input {
+.form-range {
width: 100%;
- max-width: 320px;
+ height: 1.5rem;
+ padding: 0;
+ background-color: transparent;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
}
-
-.HeaderMenu .search-input .search-input-container {
- margin-right: 0 !important;
+.form-range:focus {
+ outline: 0;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .search-input .search-input-container {
- position: static !important;
- }
-
- .HeaderMenu .search-input .search-input-container .search-suggestions {
- position: absolute !important;
- }
+.form-range:focus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu .search-input .header-search-button svg {
- display: block;
+.form-range:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu .search-input .header-search-button [data-target='qbsearch-input.inputButtonText'] {
- padding-top: var(--base-size-2);
+.form-range::-moz-focus-outer {
+ border: 0;
}
-
-@media screen and (max-width: 1011px) {
- .HeaderMenu .search-input {
- width: 100%;
- max-width: none;
- }
-
- .HeaderMenu .search-input .search-input-container {
- height: var(--base-size-40) !important;
- margin-bottom: var(--base-size-16) !important;
- margin-left: 0 !important;
- background-color: #f9fafb !important;
- border-color: var(--borderColor-muted) !important;
- }
-
- .HeaderMenu .search-input .header-search-button {
- color: var(--fgColor-muted);
- }
-
- .HeaderMenu .search-input .FormControl-input,
- .HeaderMenu .search-input .QueryBuilder-StyledInputContent {
- font-size: 16px !important;
- }
+.form-range::-webkit-slider-thumb {
+ width: 1rem;
+ height: 1rem;
+ margin-top: -0.25rem;
+ background-color: #0d6efd;
+ border: 0;
+ border-radius: 1rem;
+ -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ -webkit-appearance: none;
+ appearance: none;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .search-input .dark-backdrop {
- margin-top: calc(var(--base-size-16) * -1);
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-webkit-slider-thumb {
+ -webkit-transition: none;
+ transition: none;
}
}
-
-.HeaderMenu .search-input .Overlay {
- width: 0;
- min-width: 0;
- max-width: 0;
- height: 0;
- min-height: 0;
- max-height: 0;
- box-shadow: none;
+.form-range::-webkit-slider-thumb:active {
+ background-color: #b6d4fe;
}
-
-.HeaderMenu .search-input .dark-backdrop {
- background: var(--overlay-backdrop-bgColor);
+.form-range::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu .search-input .dark-backdrop {
- width: 100vw;
- height: 100vh;
- margin-top: 0;
- margin-left: 0;
+.form-range::-moz-range-thumb {
+ width: 1rem;
+ height: 1rem;
+ background-color: #0d6efd;
+ border: 0;
+ border-radius: 1rem;
+ -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ -moz-appearance: none;
+ appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-moz-range-thumb {
+ -moz-transition: none;
+ transition: none;
}
}
-
-.HeaderMenu .search-input [data-target='qbsearch-input.inputButtonText'] {
+.form-range::-moz-range-thumb:active {
+ background-color: #b6d4fe;
+}
+.form-range::-moz-range-track {
width: 100%;
- margin-right: auto;
- overflow: hidden;
- text-overflow: ellipsis;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem;
}
-
-.HeaderMenu .search-input [data-target='qbsearch-input.hotkeyIndicator'] {
- margin-left: var(--base-size-8);
+.form-range:disabled {
+ pointer-events: none;
}
-
-@media (min-width: 1012px) and (max-width: 1280px) {
- .HeaderMenu .search-input {
- width: 32px;
- }
-
- .HeaderMenu .search-input .header-search-button {
- padding-left: 7px !important;
- }
-
- body:not(.header-white) .HeaderMenu .search-input .header-search-button svg {
- fill: var(--fgColor-onEmphasis);
- }
-
- .HeaderMenu .search-input:not(.expanded):hover {
- opacity: 0.75;
- }
-
- .HeaderMenu .search-input [data-target='qbsearch-input.inputButtonText'],
- .HeaderMenu .search-input [data-target='qbsearch-input.hotkeyIndicator'] {
- display: none !important;
- }
+.form-range:disabled::-webkit-slider-thumb {
+ background-color: #adb5bd;
}
-
-.HeaderMenu .search-suggestions {
- top: -10px;
- left: 0;
- width: calc(100% - var(--base-size-48)) !important;
+.form-range:disabled::-moz-range-thumb {
+ background-color: #adb5bd;
}
-@media screen and (max-width: 1011px) {
- .HeaderMenu .search-suggestions {
- top: var(--base-size-16);
- left: var(--base-size-16);
- width: calc(100% - var(--base-size-32)) !important;
- }
+.form-floating {
+ position: relative;
}
-
-.HeaderMenu .header-search {
- width: 100%;
- min-width: auto;
- max-width: none;
- margin-right: 0 !important;
- margin-bottom: 0 !important;
+.form-floating > .form-control,
+.form-floating > .form-select {
+ height: calc(3.5rem + 2px);
+ line-height: 1.25;
}
-
-.HeaderMenu .header-search-input {
- height: 38px;
+.form-floating > label {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ padding: 1rem 0.75rem;
+ pointer-events: none;
+ border: 1px solid transparent;
+ transform-origin: 0 0;
+ transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .header-search-input {
- max-width: 240px;
- height: 30px;
- padding-top: var(--base-size-8);
- padding-bottom: var(--base-size-8);
- font-size: var(--h5-size);
- -webkit-appearance: none;
+@media (prefers-reduced-motion: reduce) {
+ .form-floating > label {
+ transition: none;
}
}
-
-.HeaderMenu .header-search-input::placeholder {
- color: var(--control-fgColor-placeholder);
-}
-
-.HeaderMenu-nav {
- margin-bottom: auto;
+.form-floating > .form-control {
+ padding: 1rem 0.75rem;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-nav {
- margin-bottom: 0;
- }
+.form-floating > .form-control::-moz-placeholder {
+ color: transparent;
}
-
-.header-logo-invertocat {
- margin: -1px var(--base-size-16) -1px -2px;
- color: var(--fgColor-white);
- white-space: nowrap;
+.form-floating > .form-control::placeholder {
+ color: transparent;
}
-
-.header-logo-invertocat .octicon-mark-github {
- float: left;
+.form-floating > .form-control:not(:-moz-placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.header-logo-invertocat:hover {
- color: var(--fgColor-white);
- text-decoration: none;
+.form-floating > .form-control:focus,
+.form-floating > .form-control:not(:placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.notification-indicator .mail-status {
- position: absolute;
- top: -6px;
- left: 6px;
- display: none;
- width: 14px;
- height: 14px;
- color: var(--fgColor-white);
- background-image: linear-gradient(#54a3ff, #006eed);
- background-clip: padding-box;
- border: var(--borderWidth-thick) solid var(--header-bgColor);
- border-radius: 50%;
+.form-floating > .form-control:-webkit-autofill {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.notification-indicator .mail-status.unread {
- display: inline-block;
+.form-floating > .form-select {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.notification-indicator:hover .mail-status {
- text-decoration: none;
- background-color: var(--bgColor-accent-emphasis);
+.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
-
-.header-nav-current-user {
- padding-bottom: 0;
- font-size: inherit;
+.form-floating > .form-control:focus ~ label,
+.form-floating > .form-control:not(:placeholder-shown) ~ label,
+.form-floating > .form-select ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
-
-.header-nav-current-user .css-truncate-target {
- max-width: 100%;
+.form-floating > .form-control:-webkit-autofill ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
-.header-nav-current-user .user-profile-link {
- color: var(--fgColor-default);
+.input-group {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: stretch;
+ width: 100%;
}
-
-.unread-indicator {
- position: absolute;
- top: 0;
- left: 13px;
- z-index: 2;
- width: 14px;
- height: 14px;
- color: var(--fgColor-white);
- background-image: linear-gradient(#54a3ff, #006eed);
- background-clip: padding-box;
- border: var(--borderWidth-thick) solid var(--header-bgColor);
- border-radius: 50%;
+.input-group > .form-control,
+.input-group > .form-select {
+ position: relative;
+ flex: 1 1 auto;
+ width: 1%;
+ min-width: 0;
}
-
-.unread-indicator-container .unread-indicator {
- top: 9px;
- right: 10px;
- left: inherit;
- width: 10px;
- height: 10px;
- border: 0;
+.input-group > .form-control:focus,
+.input-group > .form-select:focus {
+ z-index: 3;
}
-
-.header-search-wrapper {
- display: table;
- width: 100%;
- max-width: 100%;
- padding: 0;
- font-size: inherit;
- font-weight: var(--base-text-weight-normal, 400);
- vertical-align: middle;
- background-color: var(--headerSearch-bgColor);
- border: var(--borderWidth-thin) solid var(--headerSearch-borderColor);
- box-shadow: none;
+.input-group .btn {
+ position: relative;
+ z-index: 2;
}
-
-@media (min-width: 1012px) {
- .header-search-wrapper {
- color: var(--fgColor-white);
- }
+.input-group .btn:focus {
+ z-index: 3;
}
-.header-search-wrapper.header-search-wrapper-jump-to.search-wrapper-suggestions-active {
- color: var(--fgColor-default);
- background-color: var(--bgColor-default);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+.input-group-text {
+ display: flex;
+ align-items: center;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #e9ecef;
+ border: 1px solid #ced4da;
+ border-radius: 0.25rem;
}
-.header-search-wrapper.focus {
- background-color: rgba(255, 255, 255, 0.175);
- box-shadow: none;
+.input-group-lg > .form-control,
+.input-group-lg > .form-select,
+.input-group-lg > .input-group-text,
+.input-group-lg > .btn {
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-.search-input.search-input-absolute {
- position: absolute;
- width: calc(100% - 180px);
+.input-group-sm > .form-control,
+.input-group-sm > .form-select,
+.input-group-sm > .input-group-text,
+.input-group-sm > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-.header-search-key-slash {
- position: absolute;
- right: var(--base-size-2);
+.input-group-lg > .form-select,
+.input-group-sm > .form-select {
+ padding-right: 3rem;
}
-.header-search-input {
- display: table-cell;
- width: 100%;
- padding-top: 0;
- padding-bottom: 0;
- font-size: inherit;
- color: inherit;
- background: none;
- border: 0;
- box-shadow: none;
+.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-
-.header-search-input::placeholder {
- color: rgba(255, 255, 255, 0.75);
+.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-
-.header-search-input:focus {
- border: 0;
- box-shadow: none;
+.input-group
+ > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(
+ .invalid-feedback
+ ) {
+ margin-left: -1px;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
}
-.header-search-input:focus ~ .header-search-key-slash {
- display: none !important;
+.valid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #198754;
}
-.header-search-input::-ms-clear {
+.valid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: 0.1rem;
+ font-size: 0.875rem;
+ color: #fff;
+ background-color: rgba(25, 135, 84, 0.9);
+ border-radius: 0.25rem;
}
-.header-search-button {
- display: table-cell;
- overflow: hidden;
- font-size: inherit;
- color: inherit;
- word-break: break-word;
- white-space: pre;
- background: none;
+.was-validated :valid ~ .valid-feedback,
+.was-validated :valid ~ .valid-tooltip,
+.is-valid ~ .valid-feedback,
+.is-valid ~ .valid-tooltip {
+ display: block;
}
-.header-search-button.input-button:focus {
- border: 0 !important;
+.was-validated .form-control:valid,
+.form-control.is-valid {
+ border-color: #198754;
+ padding-right: calc(1.5em + 0.75rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right calc(0.375em + 0.1875rem) center;
+ background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.header-search-button.input-button:focus ~ .header-search-key-slash {
- display: none !important;
+.was-validated .form-control:valid:focus,
+.form-control.is-valid:focus {
+ border-color: #198754;
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
-.header-search-button.input-button:focus-visible {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: -2px;
- box-shadow: none;
+.was-validated textarea.form-control:valid,
+textarea.form-control.is-valid {
+ padding-right: calc(1.5em + 0.75rem);
+ background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
-.header-search-button::-ms-clear {
- display: none;
+.was-validated .form-select:valid,
+.form-select.is-valid {
+ border-color: #198754;
}
-
-.Header .header-search-button,
-.header-logged-out .header-search-button {
- font-size: 14px;
+.was-validated .form-select:valid:not([multiple]):not([size]),
+.was-validated .form-select:valid:not([multiple])[size='1'],
+.form-select.is-valid:not([multiple]):not([size]),
+.form-select.is-valid:not([multiple])[size='1'] {
+ padding-right: 4.125rem;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
+ url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-position: right 0.75rem center, center right 2.25rem;
+ background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.Header .header-search-button .input-parsed-symbol,
-.header-logged-out .header-search-button .input-parsed-symbol {
- color: #58a6ff;
- background: #388bfd26;
- border-radius: 3px;
- box-shadow: 0 0 0 0.8px #388bfd26;
+.was-validated .form-select:valid:focus,
+.form-select.is-valid:focus {
+ border-color: #198754;
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
-.Header .header-search-button .pl-c1,
-.header-logged-out .header-search-button .pl-c1 {
- color: #58a6ff;
+.was-validated .form-check-input:valid,
+.form-check-input.is-valid {
+ border-color: #198754;
}
-
-.Header .header-search-button .pl-en,
-.header-logged-out .header-search-button .pl-en {
- color: #58a6ff;
+.was-validated .form-check-input:valid:checked,
+.form-check-input.is-valid:checked {
+ background-color: #198754;
}
-
-.header-search-button.placeholder {
- color: rgba(255, 255, 255, 0.75);
+.was-validated .form-check-input:valid:focus,
+.form-check-input.is-valid:focus {
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
-
-.scoped-search .header-search-wrapper {
- display: flex;
+.was-validated .form-check-input:valid ~ .form-check-label,
+.form-check-input.is-valid ~ .form-check-label {
+ color: #198754;
}
-.jump-to-field-active {
- color: var(--fgColor-default) !important;
- background-color: var(--bgColor-default);
+.form-check-inline .form-check-input ~ .valid-feedback {
+ margin-left: 0.5em;
}
-.jump-to-field-active::placeholder {
- color: var(--fgColor-muted) !important;
+.was-validated .input-group .form-control:valid,
+.input-group .form-control.is-valid,
+.was-validated .input-group .form-select:valid,
+.input-group .form-select.is-valid {
+ z-index: 1;
}
-
-.jump-to-field-active ~ .header-search-key-slash {
- display: none;
+.was-validated .input-group .form-control:valid:focus,
+.input-group .form-control.is-valid:focus,
+.was-validated .input-group .form-select:valid:focus,
+.input-group .form-select.is-valid:focus {
+ z-index: 3;
}
-.jump-to-field-active.jump-to-dropdown-visible {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+.invalid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #dc3545;
}
-.jump-to-suggestions {
+.invalid-tooltip {
+ position: absolute;
top: 100%;
- left: 0;
- z-index: 35;
- width: 100%;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: 0.1rem;
+ font-size: 0.875rem;
+ color: #fff;
+ background-color: rgba(220, 53, 69, 0.9);
+ border-radius: 0.25rem;
}
-.jump-to-suggestions-path {
- min-width: 0;
- min-height: 44px;
- color: var(--fgColor-default);
+.was-validated :invalid ~ .invalid-feedback,
+.was-validated :invalid ~ .invalid-tooltip,
+.is-invalid ~ .invalid-feedback,
+.is-invalid ~ .invalid-tooltip {
+ display: block;
}
-.jump-to-suggestions-path .jump-to-octicon {
- width: 28px;
- color: var(--fgColor-muted);
+.was-validated .form-control:invalid,
+.form-control.is-invalid {
+ border-color: #dc3545;
+ padding-right: calc(1.5em + 0.75rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right calc(0.375em + 0.1875rem) center;
+ background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.jump-to-suggestions-path .jump-to-suggestion-name {
- max-width: none;
+.was-validated .form-control:invalid:focus,
+.form-control.is-invalid:focus {
+ border-color: #dc3545;
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
-.jump-to-suggestions-path mark {
- font-weight: var(--base-text-weight-semibold, 600);
- background-color: transparent;
+.was-validated textarea.form-control:invalid,
+textarea.form-control.is-invalid {
+ padding-right: calc(1.5em + 0.75rem);
+ background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
-.jump-to-suggestions-results-container .navigation-item {
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
+.was-validated .form-select:invalid,
+.form-select.is-invalid {
+ border-color: #dc3545;
}
-
-.jump-to-suggestions-results-container .navigation-item:last-child {
- border-bottom: 0;
+.was-validated .form-select:invalid:not([multiple]):not([size]),
+.was-validated .form-select:invalid:not([multiple])[size='1'],
+.form-select.is-invalid:not([multiple]):not([size]),
+.form-select.is-invalid:not([multiple])[size='1'] {
+ padding-right: 4.125rem;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
+ url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+ background-position: right 0.75rem center, center right 2.25rem;
+ background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.jump-to-suggestions-results-container .d-on-nav-focus {
- display: none;
+.was-validated .form-select:invalid:focus,
+.form-select.is-invalid:focus {
+ border-color: #dc3545;
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
-.jump-to-suggestions-results-container [aria-selected='true'] .jump-to-octicon,
-.jump-to-suggestions-results-container .navigation-focus .jump-to-octicon {
- color: var(--fgColor-onEmphasis);
+.was-validated .form-check-input:invalid,
+.form-check-input.is-invalid {
+ border-color: #dc3545;
}
-
-.jump-to-suggestions-results-container [aria-selected='true'] .jump-to-suggestions-path,
-.jump-to-suggestions-results-container .navigation-focus .jump-to-suggestions-path {
- color: var(--fgColor-onEmphasis);
- background: var(--bgColor-accent-emphasis);
+.was-validated .form-check-input:invalid:checked,
+.form-check-input.is-invalid:checked {
+ background-color: #dc3545;
}
-
-.jump-to-suggestions-results-container [aria-selected='true'] mark,
-.jump-to-suggestions-results-container .navigation-focus mark {
- color: var(--fgColor-onEmphasis);
+.was-validated .form-check-input:invalid:focus,
+.form-check-input.is-invalid:focus {
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
-
-.jump-to-suggestions-results-container [aria-selected='true'] .d-on-nav-focus,
-.jump-to-suggestions-results-container .navigation-focus .d-on-nav-focus {
- display: block;
+.was-validated .form-check-input:invalid ~ .form-check-label,
+.form-check-input.is-invalid ~ .form-check-label {
+ color: #dc3545;
}
-.header-search {
- max-width: 100%;
- transition: 0.2s ease-in-out;
- transition-property: max-width, padding-bottom, padding-top;
+.form-check-inline .form-check-input ~ .invalid-feedback {
+ margin-left: 0.5em;
}
-@media (min-width: 768px) {
- .header-search {
- max-width: 272px;
- }
+.was-validated .input-group .form-control:invalid,
+.input-group .form-control.is-invalid,
+.was-validated .input-group .form-select:invalid,
+.input-group .form-select.is-invalid {
+ z-index: 2;
}
-
-@media (min-width: 768px) {
- .header-search:focus-within {
- max-width: 544px;
- }
+.was-validated .input-group .form-control:invalid:focus,
+.input-group .form-control.is-invalid:focus,
+.was-validated .input-group .form-select:invalid:focus,
+.input-group .form-select.is-invalid:focus {
+ z-index: 3;
}
-@media (min-width: 768px) {
- .header-search.fixed-width:focus-within {
- max-width: 272px;
+.btn {
+ display: inline-block;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ text-decoration: none;
+ vertical-align: middle;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ background-color: transparent;
+ border: 1px solid transparent;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ border-radius: 0.25rem;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .btn {
+ transition: none;
}
}
-
-.search-input {
- width: 260px;
+.btn:hover {
+ color: #212529;
}
-
-@media only screen and (max-width: 768px) {
- .search-input {
- width: 100%;
- }
-
- .search-input-container {
- margin-right: 10px !important;
- margin-bottom: 10px !important;
- margin-left: 10px !important;
- }
+.btn-check:focus + .btn,
+.btn:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.search-input.expanded {
- flex: 1;
+.btn:disabled,
+.btn.disabled,
+fieldset:disabled .btn {
+ pointer-events: none;
+ opacity: 0.65;
}
-.search-with-dialog {
- height: 32px;
- color: var(--fgColor-white);
- background-color: var(--header-bgColor);
- border: var(--borderWidth-thin) solid var(--headerSearch-borderColor);
+.btn-primary {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.search-with-dialog:hover {
- background-color: var(--headerSearch-bgColor);
+.btn-primary:hover {
+ color: #fff;
+ background-color: #0b5ed7;
+ border-color: #0a58ca;
}
-
-.search-with-dialog .input-parsed-symbol {
- color: var(--fgColor-accent);
- background-color: var(--bgColor-accent-muted);
- border-radius: 3px;
- box-shadow: 0 0 0 0.8px var(--bgColor-muted);
+.btn-check:focus + .btn-primary,
+.btn-primary:focus {
+ color: #fff;
+ background-color: #0b5ed7;
+ border-color: #0a58ca;
+ box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
+}
+.btn-check:checked + .btn-primary,
+.btn-check:active + .btn-primary,
+.btn-primary:active,
+.btn-primary.active,
+.show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #0a58ca;
+ border-color: #0a53be;
+}
+.btn-check:checked + .btn-primary:focus,
+.btn-check:active + .btn-primary:focus,
+.btn-primary:active:focus,
+.btn-primary.active:focus,
+.show > .btn-primary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
+}
+.btn-primary:disabled,
+.btn-primary.disabled {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-.create-custom-scope-form {
- margin-top: -16px;
- margin-bottom: -16px;
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
}
-
-.query-builder-container {
- padding-top: 10px;
- padding-right: 0;
- padding-left: 0;
-}
-
-.query-builder-container .QueryBuilder-StyledInput {
- width: auto;
- margin-right: var(--base-size-12, 12px);
- margin-left: var(--base-size-12, 12px);
-}
-
-.query-builder-container .QueryBuilder-sectionTitle {
- margin-left: 8px;
+.btn-secondary:hover {
+ color: #fff;
+ background-color: #5c636a;
+ border-color: #565e64;
}
-
-.query-builder-container .QueryBuilder-ListItem-trailing {
- font-size: 14px;
+.btn-check:focus + .btn-secondary,
+.btn-secondary:focus {
+ color: #fff;
+ background-color: #5c636a;
+ border-color: #565e64;
+ box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
+}
+.btn-check:checked + .btn-secondary,
+.btn-check:active + .btn-secondary,
+.btn-secondary:active,
+.btn-secondary.active,
+.show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #565e64;
+ border-color: #51585e;
+}
+.btn-check:checked + .btn-secondary:focus,
+.btn-check:active + .btn-secondary:focus,
+.btn-secondary:active:focus,
+.btn-secondary.active:focus,
+.show > .btn-secondary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
+}
+.btn-secondary:disabled,
+.btn-secondary.disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
}
-.query-builder-container .ActionListItem {
- margin-right: 8px;
- margin-left: 8px;
+.btn-success {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
}
-
-.search-feedback-prompt {
- padding-top: var(--base-size-12, 12px);
- padding-bottom: var(--base-size-12, 12px);
- border-top-color: var(--borderColor-muted);
- border-top-style: solid;
- border-top-width: var(--borderWidth-thin);
+.btn-success:hover {
+ color: #fff;
+ background-color: #157347;
+ border-color: #146c43;
}
-
-.search-suggestions {
- top: -14px;
- left: -14px;
- z-index: 35;
- width: calc(100% + 26px) !important;
- max-height: 80vh;
- padding-top: var(--base-size-12, 12px);
- border-radius: var(--borderRadius-large, 12px);
+.btn-check:focus + .btn-success,
+.btn-success:focus {
+ color: #fff;
+ background-color: #157347;
+ border-color: #146c43;
+ box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
+}
+.btn-check:checked + .btn-success,
+.btn-check:active + .btn-success,
+.btn-success:active,
+.btn-success.active,
+.show > .btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #146c43;
+ border-color: #13653f;
+}
+.btn-check:checked + .btn-success:focus,
+.btn-check:active + .btn-success:focus,
+.btn-success:active:focus,
+.btn-success.active:focus,
+.show > .btn-success.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
+}
+.btn-success:disabled,
+.btn-success.disabled {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
+}
+
+.btn-info {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-info:hover {
+ color: #000;
+ background-color: #31d2f2;
+ border-color: #25cff2;
+}
+.btn-check:focus + .btn-info,
+.btn-info:focus {
+ color: #000;
+ background-color: #31d2f2;
+ border-color: #25cff2;
+ box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+}
+.btn-check:checked + .btn-info,
+.btn-check:active + .btn-info,
+.btn-info:active,
+.btn-info.active,
+.show > .btn-info.dropdown-toggle {
+ color: #000;
+ background-color: #3dd5f3;
+ border-color: #25cff2;
+}
+.btn-check:checked + .btn-info:focus,
+.btn-check:active + .btn-info:focus,
+.btn-info:active:focus,
+.btn-info.active:focus,
+.show > .btn-info.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+}
+.btn-info:disabled,
+.btn-info.disabled {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+
+.btn-warning {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-warning:hover {
+ color: #000;
+ background-color: #ffca2c;
+ border-color: #ffc720;
+}
+.btn-check:focus + .btn-warning,
+.btn-warning:focus {
+ color: #000;
+ background-color: #ffca2c;
+ border-color: #ffc720;
+ box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
+}
+.btn-check:checked + .btn-warning,
+.btn-check:active + .btn-warning,
+.btn-warning:active,
+.btn-warning.active,
+.show > .btn-warning.dropdown-toggle {
+ color: #000;
+ background-color: #ffcd39;
+ border-color: #ffc720;
+}
+.btn-check:checked + .btn-warning:focus,
+.btn-check:active + .btn-warning:focus,
+.btn-warning:active:focus,
+.btn-warning.active:focus,
+.show > .btn-warning.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
+}
+.btn-warning:disabled,
+.btn-warning.disabled {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+
+.btn-danger {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
}
-
-.search-suggestions .header-search-input {
- overflow: hidden;
+.btn-danger:hover {
+ color: #fff;
+ background-color: #bb2d3b;
+ border-color: #b02a37;
}
-
-.search-suggestions .octicon {
- pointer-events: none;
+.btn-check:focus + .btn-danger,
+.btn-danger:focus {
+ color: #fff;
+ background-color: #bb2d3b;
+ border-color: #b02a37;
+ box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
+}
+.btn-check:checked + .btn-danger,
+.btn-check:active + .btn-danger,
+.btn-danger:active,
+.btn-danger.active,
+.show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #b02a37;
+ border-color: #a52834;
+}
+.btn-check:checked + .btn-danger:focus,
+.btn-check:active + .btn-danger:focus,
+.btn-danger:active:focus,
+.btn-danger.active:focus,
+.show > .btn-danger.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
+}
+.btn-danger:disabled,
+.btn-danger.disabled {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+
+.btn-light {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-light:hover {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+}
+.btn-check:focus + .btn-light,
+.btn-light:focus {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+ box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+}
+.btn-check:checked + .btn-light,
+.btn-check:active + .btn-light,
+.btn-light:active,
+.btn-light.active,
+.show > .btn-light.dropdown-toggle {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+}
+.btn-check:checked + .btn-light:focus,
+.btn-check:active + .btn-light:focus,
+.btn-light:active:focus,
+.btn-light.active:focus,
+.show > .btn-light.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+}
+.btn-light:disabled,
+.btn-light.disabled {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+
+.btn-dark {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
}
-
-.dark-backdrop {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 32;
- width: 120vw;
- height: 120vh;
- margin-top: -24px;
- margin-left: -80px;
- background-color: var(--overlay-backdrop-bgColor);
+.btn-dark:hover {
+ color: #fff;
+ background-color: #1c1f23;
+ border-color: #1a1e21;
}
-
-.search-query-builder .QueryBuilder-ListWrap {
- max-height: 60vh;
- padding-right: 0;
- padding-left: 0;
- overflow-y: auto;
+.btn-check:focus + .btn-dark,
+.btn-dark:focus {
+ color: #fff;
+ background-color: #1c1f23;
+ border-color: #1a1e21;
+ box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
+}
+.btn-check:checked + .btn-dark,
+.btn-check:active + .btn-dark,
+.btn-dark:active,
+.btn-dark.active,
+.show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #1a1e21;
+ border-color: #191c1f;
+}
+.btn-check:checked + .btn-dark:focus,
+.btn-check:active + .btn-dark:focus,
+.btn-dark:active:focus,
+.btn-dark.active:focus,
+.show > .btn-dark.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
+}
+.btn-dark:disabled,
+.btn-dark.disabled {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
}
-.Header .search-input {
- flex: 1;
- width: auto;
- max-width: 350px;
+.btn-outline-primary {
+ color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.Header .search-input.expanded {
- max-width: none;
+.btn-outline-primary:hover {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+}
+.btn-check:focus + .btn-outline-primary,
+.btn-outline-primary:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
+}
+.btn-check:checked + .btn-outline-primary,
+.btn-check:active + .btn-outline-primary,
+.btn-outline-primary:active,
+.btn-outline-primary.active,
+.btn-outline-primary.dropdown-toggle.show {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+}
+.btn-check:checked + .btn-outline-primary:focus,
+.btn-check:active + .btn-outline-primary:focus,
+.btn-outline-primary:active:focus,
+.btn-outline-primary.active:focus,
+.btn-outline-primary.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
+}
+.btn-outline-primary:disabled,
+.btn-outline-primary.disabled {
+ color: #0d6efd;
+ background-color: transparent;
}
-.app-banner {
- background-color: var(--header-bgColor);
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d;
}
-
-.app-banner-title {
- color: var(--header-fgColor-logo);
+.btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+.btn-check:focus + .btn-outline-secondary,
+.btn-outline-secondary:focus {
+ box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
+}
+.btn-check:checked + .btn-outline-secondary,
+.btn-check:active + .btn-outline-secondary,
+.btn-outline-secondary:active,
+.btn-outline-secondary.active,
+.btn-outline-secondary.dropdown-toggle.show {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+.btn-check:checked + .btn-outline-secondary:focus,
+.btn-check:active + .btn-outline-secondary:focus,
+.btn-outline-secondary:active:focus,
+.btn-outline-secondary.active:focus,
+.btn-outline-secondary.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
+}
+.btn-outline-secondary:disabled,
+.btn-outline-secondary.disabled {
+ color: #6c757d;
+ background-color: transparent;
}
-.app-banner-text {
- color: var(--header-fgColor-default);
+.btn-outline-success {
+ color: #198754;
+ border-color: #198754;
}
-
-.app-banner-icon {
- --icon-gradient-start-color: #171a1e;
- --icon-gradient-end-color: #060606;
- width: 32px;
- height: 32px;
- padding-top: 6px;
- padding-left: 6px;
+.btn-outline-success:hover {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
+}
+.btn-check:focus + .btn-outline-success,
+.btn-outline-success:focus {
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
+}
+.btn-check:checked + .btn-outline-success,
+.btn-check:active + .btn-outline-success,
+.btn-outline-success:active,
+.btn-outline-success.active,
+.btn-outline-success.dropdown-toggle.show {
color: #fff;
- background: var(--icon-gradient-end-color);
- background: linear-gradient(var(--icon-gradient-start-color), var(--icon-gradient-end-color));
+ background-color: #198754;
+ border-color: #198754;
+}
+.btn-check:checked + .btn-outline-success:focus,
+.btn-check:active + .btn-outline-success:focus,
+.btn-outline-success:active:focus,
+.btn-outline-success.active:focus,
+.btn-outline-success.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
+}
+.btn-outline-success:disabled,
+.btn-outline-success.disabled {
+ color: #198754;
+ background-color: transparent;
}
-.app-banner-icon .octicon {
- width: 20px;
- height: 20px;
+.btn-outline-info {
+ color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-outline-info:hover {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-check:focus + .btn-outline-info,
+.btn-outline-info:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
+}
+.btn-check:checked + .btn-outline-info,
+.btn-check:active + .btn-outline-info,
+.btn-outline-info:active,
+.btn-outline-info.active,
+.btn-outline-info.dropdown-toggle.show {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-check:checked + .btn-outline-info:focus,
+.btn-check:active + .btn-outline-info:focus,
+.btn-outline-info:active:focus,
+.btn-outline-info.active:focus,
+.btn-outline-info.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
+}
+.btn-outline-info:disabled,
+.btn-outline-info.disabled {
+ color: #0dcaf0;
+ background-color: transparent;
}
-.ActionList {
- padding: var(--base-size-8);
+.btn-outline-warning {
+ color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-outline-warning:hover {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-check:focus + .btn-outline-warning,
+.btn-outline-warning:focus {
+ box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
+}
+.btn-check:checked + .btn-outline-warning,
+.btn-check:active + .btn-outline-warning,
+.btn-outline-warning:active,
+.btn-outline-warning.active,
+.btn-outline-warning.dropdown-toggle.show {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-check:checked + .btn-outline-warning:focus,
+.btn-check:active + .btn-outline-warning:focus,
+.btn-outline-warning:active:focus,
+.btn-outline-warning.active:focus,
+.btn-outline-warning.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
+}
+.btn-outline-warning:disabled,
+.btn-outline-warning.disabled {
+ color: #ffc107;
+ background-color: transparent;
}
-.ActionList--full {
- padding: 0;
+.btn-outline-danger {
+ color: #dc3545;
+ border-color: #dc3545;
}
-
-.ActionList--subGroup {
- padding: 0;
+.btn-outline-danger:hover {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+.btn-check:focus + .btn-outline-danger,
+.btn-outline-danger:focus {
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
+}
+.btn-check:checked + .btn-outline-danger,
+.btn-check:active + .btn-outline-danger,
+.btn-outline-danger:active,
+.btn-outline-danger.active,
+.btn-outline-danger.dropdown-toggle.show {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+.btn-check:checked + .btn-outline-danger:focus,
+.btn-check:active + .btn-outline-danger:focus,
+.btn-outline-danger:active:focus,
+.btn-outline-danger.active:focus,
+.btn-outline-danger.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
+}
+.btn-outline-danger:disabled,
+.btn-outline-danger.disabled {
+ color: #dc3545;
+ background-color: transparent;
}
-.ActionList--divided .ActionList-item-label::before {
- position: absolute;
- top: -6px;
- display: block;
- width: 100%;
- height: 1px;
- content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+.btn-outline-light {
+ color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-outline-light:hover {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-check:focus + .btn-outline-light,
+.btn-outline-light:focus {
+ box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
+}
+.btn-check:checked + .btn-outline-light,
+.btn-check:active + .btn-outline-light,
+.btn-outline-light:active,
+.btn-outline-light.active,
+.btn-outline-light.dropdown-toggle.show {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-check:checked + .btn-outline-light:focus,
+.btn-check:active + .btn-outline-light:focus,
+.btn-outline-light:active:focus,
+.btn-outline-light.active:focus,
+.btn-outline-light.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
+}
+.btn-outline-light:disabled,
+.btn-outline-light.disabled {
+ color: #f8f9fa;
+ background-color: transparent;
}
-.ActionList--divided .ActionList-item-descriptionWrap--inline::before {
- position: absolute;
- top: -6px;
- display: block;
- width: 100%;
- height: var(--borderWidth-thin);
- content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+.btn-outline-dark {
+ color: #212529;
+ border-color: #212529;
}
-
-.ActionList--divided .ActionList-item-descriptionWrap--inline .ActionList-item-label::before {
- content: unset;
+.btn-outline-dark:hover {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+.btn-check:focus + .btn-outline-dark,
+.btn-outline-dark:focus {
+ box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
+}
+.btn-check:checked + .btn-outline-dark,
+.btn-check:active + .btn-outline-dark,
+.btn-outline-dark:active,
+.btn-outline-dark.active,
+.btn-outline-dark.dropdown-toggle.show {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+.btn-check:checked + .btn-outline-dark:focus,
+.btn-check:active + .btn-outline-dark:focus,
+.btn-outline-dark:active:focus,
+.btn-outline-dark.active:focus,
+.btn-outline-dark.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
+}
+.btn-outline-dark:disabled,
+.btn-outline-dark.disabled {
+ color: #212529;
+ background-color: transparent;
}
-.ActionList--divided .ActionList-item--navActive .ActionList-item-label::before,
-.ActionList--divided .ActionList-item--navActive + .ActionList-item .ActionList-item-label::before {
- visibility: hidden;
+.btn-link {
+ font-weight: 400;
+ color: #0d6efd;
+ text-decoration: underline;
}
-
-.ActionList-item:first-of-type .ActionList-item-label::before,
-.ActionList-sectionDivider + .ActionList-item .ActionList-item-label::before {
- visibility: hidden;
+.btn-link:hover {
+ color: #0a58ca;
}
-
-.ActionList-item:first-of-type .ActionList-item-descriptionWrap--inline::before,
-.ActionList-sectionDivider + .ActionList-item .ActionList-item-descriptionWrap--inline::before {
- visibility: hidden;
+.btn-link:disabled,
+.btn-link.disabled {
+ color: #6c757d;
}
-.ActionList--tree {
- --ActionList-tree-depth: 1;
+.btn-lg,
+.btn-group-lg > .btn {
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-.ActionList--tree .ActionList-item--subItem > .ActionList-content {
- font-size: 14px;
+.btn-sm,
+.btn-group-sm > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-.ActionList--tree .ActionList-item.ActionList-item--singleton .ActionList-content {
- padding-left: var(--base-size-32);
+.fade {
+ transition: opacity 0.15s linear;
}
-
-.ActionList--tree .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .fade {
+ transition: none;
+ }
}
-
-.ActionList--tree .ActionList-content[aria-expanded] + .ActionList--subGroup {
- position: relative;
+.fade:not(.show) {
+ opacity: 0;
}
-.ActionList--tree .ActionList-content[aria-expanded] + .ActionList--subGroup .ActionList-content {
- padding-left: calc(8px * var(--ActionList-tree-depth));
+.collapse:not(.show) {
+ display: none;
}
-.ActionList--tree .ActionList-content[aria-expanded='true'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: rotate(0deg);
+.collapsing {
+ height: 0;
+ overflow: hidden;
+ transition: height 0.35s ease;
}
-
-.ActionList--tree
- .ActionList-content[aria-expanded='true'].ActionList-content--hasActiveSubItem
- > .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .collapsing {
+ transition: none;
+ }
}
-
-.ActionList--tree .ActionList-content[aria-expanded='false'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: rotate(-90deg);
+.collapsing.collapse-horizontal {
+ width: 0;
+ height: auto;
+ transition: width 0.35s ease;
}
-
-.ActionList--tree
- .ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem
- > .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .collapsing.collapse-horizontal {
+ transition: none;
+ }
}
-.ActionList--tree
- .ActionList-item--hasSubItem
- .ActionList-item--subItem:not(.ActionList-item--hasSubItem)
- .ActionList-content
- > span:first-child {
- padding-left: var(--base-size-24);
+.dropup,
+.dropend,
+.dropdown,
+.dropstart {
+ position: relative;
}
-.ActionList--tree > [aria-level='1'].ActionList-item--hasSubItem > .ActionList--subGroup::before {
- position: absolute;
- left: 16px;
- width: 1px;
- height: 100%;
- content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+.dropdown-toggle {
+ white-space: nowrap;
}
-
-.ActionList--tree .ActionList-item--hasSubItem:not([aria-level='1']) > .ActionList--subGroup::before {
- position: absolute;
- left: calc(8px * (var(--ActionList-tree-depth)) + 7px);
- width: 1px;
- height: 100%;
+.dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+ border-top: 0.3em solid;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0;
+ border-left: 0.3em solid transparent;
+}
+.dropdown-toggle:empty::after {
+ margin-left: 0;
}
-.ActionList-item {
- position: relative;
+.dropdown-menu {
+ position: absolute;
+ z-index: 1000;
+ display: none;
+ min-width: 10rem;
+ padding: 0.5rem 0;
+ margin: 0;
+ font-size: 1rem;
+ color: #212529;
+ text-align: left;
list-style: none;
- background-color: transparent;
- border-radius: var(--borderRadius-medium);
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0.25rem;
}
-
-.ActionList-item:hover,
-.ActionList-item:active {
- cursor: pointer;
+.dropdown-menu[data-bs-popper] {
+ top: 100%;
+ left: 0;
+ margin-top: 0.125rem;
}
-@media (hover: hover) {
- .ActionList-item:not(.ActionList-item--hasSubItem):hover,
- .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover {
- cursor: pointer;
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
-
- .ActionList-item:not(.ActionList-item--hasSubItem):hover:not(.ActionList-item--navActive):not(:focus-visible),
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover:not(.ActionList-item--navActive):not(:focus-visible) {
- outline: solid var(--borderWidth-thin) transparent;
- outline-offset: -var(--borderWidth-thin);
- box-shadow: inset 0 0 0 var(--borderWidth-thin)
- var(--control-transparent-borderColor-active, var(--color-action-list-item-default-active-border));
- }
+.dropdown-menu-start {
+ --bs-position: start;
}
-
-.ActionList-item:not(.ActionList-item--hasSubItem):active,
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active {
- background: var(--control-transparent-bgColor-active, var(--color-action-list-item-default-active-bg));
+.dropdown-menu-start[data-bs-popper] {
+ right: auto;
+ left: 0;
}
-.ActionList-item:not(.ActionList-item--hasSubItem):active:not(.ActionList-item--navActive),
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active:not(.ActionList-item--navActive) {
- outline: solid var(--borderWidth-thin) transparent;
- outline-offset: -var(--borderWidth-thin);
- box-shadow: inset 0 0 0 var(--borderWidth-thin)
- var(--control-transparent-borderColor-active, var(--color-action-list-item-default-active-border));
+.dropdown-menu-end {
+ --bs-position: end;
+}
+.dropdown-menu-end[data-bs-popper] {
+ right: 0;
+ left: auto;
}
-@media (hover: hover) {
- .ActionList-item:not(.ActionList-item--hasSubItem):hover .ActionList-item-label::before,
- .ActionList-item:not(.ActionList-item--hasSubItem):hover + .ActionList-item .ActionList-item-label::before,
- .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover .ActionList-item-label::before,
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover
- + .ActionList-item
- .ActionList-item-label::before {
- visibility: hidden;
+@media (min-width: 576px) {
+ .dropdown-menu-sm-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-sm-start[data-bs-popper] {
+ right: auto;
+ left: 0;
}
- .ActionList-item:not(.ActionList-item--hasSubItem):hover .ActionList-item-descriptionWrap--inline::before,
- .ActionList-item:not(.ActionList-item--hasSubItem):hover
- + .ActionList-item
- .ActionList-item-descriptionWrap--inline::before,
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover
- .ActionList-item-descriptionWrap--inline::before,
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover
- + .ActionList-item
- .ActionList-item-descriptionWrap--inline::before {
- visibility: hidden;
+ .dropdown-menu-sm-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-sm-end[data-bs-popper] {
+ right: 0;
+ left: auto;
}
}
+@media (min-width: 768px) {
+ .dropdown-menu-md-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-md-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-.ActionList-item:not(.ActionList-item--hasSubItem):active .ActionList-item-label::before,
-.ActionList-item:not(.ActionList-item--hasSubItem):active + .ActionList-item .ActionList-item-label::before,
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active .ActionList-item-label::before,
-.ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:active
- + .ActionList-item
- .ActionList-item-label::before {
- visibility: hidden;
+ .dropdown-menu-md-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-md-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
}
+@media (min-width: 992px) {
+ .dropdown-menu-lg-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-lg-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content {
- z-index: 1;
+ .dropdown-menu-lg-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-lg-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
}
+@media (min-width: 1200px) {
+ .dropdown-menu-xl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-@media (hover: hover) {
- .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
+ .dropdown-menu-xl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
}
}
+@media (min-width: 1400px) {
+ .dropdown-menu-xxl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xxl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active {
- background-color: var(--control-transparent-bgColor-active, var(--color-action-list-item-default-active-bg));
+ .dropdown-menu-xxl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xxl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
}
-
-.ActionList-item[hidden] + .ActionList-sectionDivider {
- display: none;
+.dropup .dropdown-menu[data-bs-popper] {
+ top: auto;
+ bottom: 100%;
+ margin-top: 0;
+ margin-bottom: 0.125rem;
}
-
-.ActionList-item[aria-selected='true'] {
- font-weight: var(--base-text-weight-normal, 400);
- background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
+.dropup .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: '';
+ border-top: 0;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0.3em solid;
+ border-left: 0.3em solid transparent;
}
-
-@media (hover: hover) {
- .ActionList-item[aria-selected='true']:hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
+.dropup .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-.ActionList-item[aria-selected='true']::before,
-.ActionList-item[aria-selected='true'] + .ActionList-item::before {
- visibility: hidden;
+.dropend .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: auto;
+ left: 100%;
+ margin-top: 0;
+ margin-left: 0.125rem;
}
-
-.ActionList-item[aria-selected='true']::after {
- position: absolute;
- top: calc(50% - var(--base-size-12));
- left: -4px;
- width: var(--base-size-4);
- height: var(--base-size-24);
+.dropend .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-fg));
- border-radius: var(--borderRadius-medium);
+ border-top: 0.3em solid transparent;
+ border-right: 0;
+ border-bottom: 0.3em solid transparent;
+ border-left: 0.3em solid;
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+.dropend .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) {
- background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
+.dropend .dropdown-toggle::after {
+ vertical-align: 0;
}
-@media (hover: hover) {
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
+.dropstart .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: 100%;
+ left: auto;
+ margin-top: 0;
+ margin-right: 0.125rem;
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::before,
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) + .ActionList-item::before {
- visibility: hidden;
+.dropstart .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: '';
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::after {
- position: absolute;
- top: calc(50% - var(--base-size-12));
- left: -var(--base-size-8);
- width: var(--base-size-4);
- height: var(--base-size-24);
+.dropstart .dropdown-toggle::after {
+ display: none;
+}
+.dropstart .dropdown-toggle::before {
+ display: inline-block;
+ margin-right: 0.255em;
+ vertical-align: 0.255em;
content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-fg));
- border-radius: var(--borderRadius-medium);
+ border-top: 0.3em solid transparent;
+ border-right: 0.3em solid;
+ border-bottom: 0.3em solid transparent;
}
-
-.ActionList-item[aria-checked='true'] .ActionList-item-multiSelectCheckmark,
-.ActionList-item[aria-selected='true'] .ActionList-item-multiSelectCheckmark {
- visibility: visible;
- opacity: 1;
- transition: visibility 0 linear 0, opacity 50ms;
+.dropstart .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-
-.ActionList-item[aria-checked='true'] .ActionList-item-singleSelectCheckmark,
-.ActionList-item[aria-selected='true'] .ActionList-item-singleSelectCheckmark {
- visibility: visible;
+.dropstart .dropdown-toggle::before {
+ vertical-align: 0;
}
-@media screen and (prefers-reduced-motion: no-preference) {
- .ActionList-item[aria-checked='true'] .ActionList-item-singleSelectCheckmark,
- .ActionList-item[aria-selected='true'] .ActionList-item-singleSelectCheckmark {
- animation: checkmarkIn 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;
- }
+.dropdown-divider {
+ height: 0;
+ margin: 0.5rem 0;
+ overflow: hidden;
+ border-top: 1px solid rgba(0, 0, 0, 0.15);
}
-.ActionList-item[aria-checked='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,
-.ActionList-item[aria-selected='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect {
- fill: var(--fgColor-accent, var(--color-accent-fg));
- stroke: var(--fgColor-accent, var(--color-accent-fg));
- stroke-width: var(--borderWidth-thin);
+.dropdown-item {
+ display: block;
+ width: 100%;
+ padding: 0.25rem 1rem;
+ clear: both;
+ font-weight: 400;
+ color: #212529;
+ text-align: inherit;
+ text-decoration: none;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 0;
}
-
-.ActionList-item[aria-checked='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark,
-.ActionList-item[aria-selected='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark {
- fill: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
+.dropdown-item:hover,
+.dropdown-item:focus {
+ color: #1e2125;
+ background-color: #e9ecef;
}
-
-.ActionList-item[aria-checked='false'] .ActionList-item-multiSelectCheckmark,
-.ActionList-item[aria-selected='false'] .ActionList-item-multiSelectCheckmark {
- visibility: hidden;
- opacity: 0;
- transition: visibility 0 linear 50ms, opacity 50ms;
+.dropdown-item.active,
+.dropdown-item:active {
+ color: #fff;
+ text-decoration: none;
+ background-color: #0d6efd;
}
-
-.ActionList-item[aria-checked='false'] .ActionList-item-singleSelectCheckmark,
-.ActionList-item[aria-selected='false'] .ActionList-item-singleSelectCheckmark {
- visibility: hidden;
- transition: visibility 0s linear 200ms;
- clip-path: inset(16px 0 0 0);
+.dropdown-item.disabled,
+.dropdown-item:disabled {
+ color: #adb5bd;
+ pointer-events: none;
+ background-color: transparent;
}
-@media screen and (prefers-reduced-motion: no-preference) {
- .ActionList-item[aria-checked='false'] .ActionList-item-singleSelectCheckmark,
- .ActionList-item[aria-selected='false'] .ActionList-item-singleSelectCheckmark {
- animation: checkmarkOut 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;
- }
+.dropdown-menu.show {
+ display: block;
}
-.ActionList-item[aria-checked='false'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,
-.ActionList-item[aria-selected='false'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect {
- fill: var(--bgColor-default, var(--color-canvas-default));
- stroke: var(--borderColor-default, var(--color-border-default));
- stroke-width: var(--borderWidth-thin);
+.dropdown-header {
+ display: block;
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ font-size: 0.875rem;
+ color: #6c757d;
+ white-space: nowrap;
}
-.ActionList-item[aria-checked='false'] .ActionList-item-multiSelectIconRect,
-.ActionList-item[aria-selected='false'] .ActionList-item-multiSelectIconRect {
- fill: var(--bgColor-default, var(--color-canvas-default));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.dropdown-item-text {
+ display: block;
+ padding: 0.25rem 1rem;
+ color: #212529;
}
-@keyframes checkmarkIn {
- from {
- clip-path: inset(16px 0 0 0);
- }
-
- to {
- clip-path: inset(0 0 0 0);
- }
+.dropdown-menu-dark {
+ color: #dee2e6;
+ background-color: #343a40;
+ border-color: rgba(0, 0, 0, 0.15);
}
-
-@keyframes checkmarkOut {
- from {
- clip-path: inset(0 0 0 0);
- }
-
- to {
- clip-path: inset(16px 0 0 0);
- }
+.dropdown-menu-dark .dropdown-item {
+ color: #dee2e6;
}
-
-.ActionList-item[aria-disabled='true'] .ActionList-content .ActionList-item-label,
-.ActionList-item[aria-disabled='true'] .ActionList-content .ActionList-item-description {
- color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.dropdown-menu-dark .dropdown-item:hover,
+.dropdown-menu-dark .dropdown-item:focus {
+ color: #fff;
+ background-color: rgba(255, 255, 255, 0.15);
}
-
-.ActionList-item[aria-disabled='true'] .ActionList-content .ActionList-item-visual {
- fill: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.dropdown-menu-dark .dropdown-item.active,
+.dropdown-menu-dark .dropdown-item:active {
+ color: #fff;
+ background-color: #0d6efd;
}
-
-@media (hover: hover) {
- .ActionList-item[aria-disabled='true']:hover {
- cursor: not-allowed;
- background-color: transparent;
- }
+.dropdown-menu-dark .dropdown-item.disabled,
+.dropdown-menu-dark .dropdown-item:disabled {
+ color: #adb5bd;
}
-
-.ActionList-item.ActionList-item--danger .ActionList-item-label {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.dropdown-menu-dark .dropdown-divider {
+ border-color: rgba(0, 0, 0, 0.15);
}
-
-.ActionList-item.ActionList-item--danger .ActionList-item-visual {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.dropdown-menu-dark .dropdown-item-text {
+ color: #dee2e6;
}
-
-@media (hover: hover) {
- .ActionList-item.ActionList-item--danger:hover {
- background: var(--control-danger-bgColor-hover, var(--color-action-list-item-danger-hover-bg));
- }
-
- .ActionList-item.ActionList-item--danger:hover .ActionList-item-label {
- color: var(--control-danger-fgColor-hover, var(--color-action-list-item-danger-hover-text));
- }
+.dropdown-menu-dark .dropdown-header {
+ color: #adb5bd;
}
-.ActionList-item.ActionList-item--danger .ActionList-content:active {
- background: var(--control-danger-bgColor-active, var(--color-action-list-item-danger-active-bg));
-}
-
-.ActionList-item .ActionList {
- padding: unset;
-}
-
-.ActionList-content {
+.btn-group,
+.btn-group-vertical {
position: relative;
- display: grid;
- width: 100%;
- padding: 6px var(--base-size-8);
- font-size: 14px;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-default, var(--color-fg-default));
- text-align: left;
- -webkit-user-select: none;
- user-select: none;
- background-color: transparent;
- border: none;
- border-radius: var(--borderRadius-medium);
- transition: background 33.333ms linear;
- touch-action: manipulation;
- touch-action: manipulation;
- -webkit-tap-highlight-color: transparent;
- grid-template-rows: min-content;
- grid-template-areas: 'leadingAction leadingVisual label trailingVisual trailingAction';
- grid-template-columns: min-content min-content minmax(0, auto) min-content min-content;
- align-items: start;
+ display: inline-flex;
+ vertical-align: middle;
}
-
-.ActionList-content > :not(:last-child) {
- margin-right: var(--base-size-8);
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+ position: relative;
+ flex: 1 1 auto;
}
-
-.ActionList-content:hover {
- text-decoration: none;
+.btn-group > .btn-check:checked + .btn,
+.btn-group > .btn-check:focus + .btn,
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn-check:checked + .btn,
+.btn-group-vertical > .btn-check:focus + .btn,
+.btn-group-vertical > .btn:hover,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+ z-index: 1;
}
-.ActionList-content:focus {
- outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
- outline-offset: -2px;
- box-shadow: none;
+.btn-toolbar {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
}
-
-.ActionList-content:focus:not(:focus-visible) {
- outline: solid 1px transparent;
+.btn-toolbar .input-group {
+ width: auto;
}
-.ActionList-content:focus-visible {
- outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
- outline-offset: -2px;
- box-shadow: none;
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) {
+ margin-left: -1px;
}
-
-.ActionList-content[aria-disabled='true'] .ActionList-item-label,
-.ActionList-content[aria-disabled='true'] .ActionList-item-description {
- color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn-group:not(:last-child) > .btn {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-
-.ActionList-content[aria-disabled='true'] .ActionList-item-visual {
- fill: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.btn-group > .btn:nth-child(n + 3),
+.btn-group > :not(.btn-check) + .btn,
+.btn-group > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
}
-@media (hover: hover) {
- .ActionList-content[aria-disabled='true']:hover {
- cursor: not-allowed;
- background-color: transparent;
- }
+.dropdown-toggle-split {
+ padding-right: 0.5625rem;
+ padding-left: 0.5625rem;
}
-
-@media screen and (prefers-reduced-motion: no-preference) {
- .ActionList-content[aria-expanded] + .ActionList--subGroup {
- transition: opacity 160ms cubic-bezier(0.25, 1, 0.5, 1), transform 160ms cubic-bezier(0.25, 1, 0.5, 1);
- }
+.dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after,
+.dropend .dropdown-toggle-split::after {
+ margin-left: 0;
}
-
-.ActionList-content[aria-expanded] + .ActionList--subGroup .ActionList-content {
- padding-left: var(--base-size-24);
+.dropstart .dropdown-toggle-split::before {
+ margin-right: 0;
}
-.ActionList-content[aria-expanded].ActionList-content--visual16 + .ActionList--subGroup .ActionList-content {
- padding-left: var(--base-size-32);
+.btn-sm + .dropdown-toggle-split,
+.btn-group-sm > .btn + .dropdown-toggle-split {
+ padding-right: 0.375rem;
+ padding-left: 0.375rem;
}
-.ActionList-content[aria-expanded].ActionList-content--visual20 + .ActionList--subGroup .ActionList-content {
- padding-left: 36px;
+.btn-lg + .dropdown-toggle-split,
+.btn-group-lg > .btn + .dropdown-toggle-split {
+ padding-right: 0.75rem;
+ padding-left: 0.75rem;
}
-.ActionList-content[aria-expanded].ActionList-content--visual24 + .ActionList--subGroup .ActionList-content {
- padding-left: var(--base-size-40);
+.btn-group-vertical {
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center;
}
-
-.ActionList-content[aria-expanded='true'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: scaleY(-1);
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
+ width: 100%;
}
-
-.ActionList-content[aria-expanded='true'] + .ActionList--subGroup {
- height: auto;
- overflow: visible;
- visibility: visible;
- opacity: 1;
- transform: translateY(0);
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) {
+ margin-top: -1px;
}
-
-.ActionList-content[aria-expanded='true'].ActionList-content--hasActiveSubItem > .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
}
-
-.ActionList-content[aria-expanded='false'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: scaleY(1);
+.btn-group-vertical > .btn ~ .btn,
+.btn-group-vertical > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
}
-.ActionList-content[aria-expanded='false'] + .ActionList--subGroup {
- height: 0;
- overflow: hidden;
- visibility: hidden;
- opacity: 0;
- transform: translateY(calc(var(--base-size-16) * -1));
+.nav {
+ display: flex;
+ flex-wrap: wrap;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
}
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem {
- background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
+.nav-link {
+ display: block;
+ padding: 0.5rem 1rem;
+ color: #0d6efd;
+ text-decoration: none;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
-
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+@media (prefers-reduced-motion: reduce) {
+ .nav-link {
+ transition: none;
+ }
}
-
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem::before,
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem + .ActionList-item::before {
- visibility: hidden;
+.nav-link:hover,
+.nav-link:focus {
+ color: #0a58ca;
}
-
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem::after {
- position: absolute;
- top: calc(50% - var(--base-size-12));
- left: -var(--base-size-8);
- width: var(--base-size-4);
- height: var(--base-size-24);
- content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-fg));
- border-radius: var(--borderRadius-medium);
+.nav-link.disabled {
+ color: #6c757d;
+ pointer-events: none;
+ cursor: default;
}
-.ActionList-content.ActionList-content--sizeMedium {
- padding: 10px var(--base-size-8);
+.nav-tabs {
+ border-bottom: 1px solid #dee2e6;
}
-
-.ActionList-content.ActionList-content--sizeLarge {
- padding: 14px var(--base-size-8);
+.nav-tabs .nav-link {
+ margin-bottom: -1px;
+ background: none;
+ border: 1px solid transparent;
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
}
-
-.ActionList-content.ActionList-content--fontSmall {
- font-size: 12px;
+.nav-tabs .nav-link:hover,
+.nav-tabs .nav-link:focus {
+ border-color: #e9ecef #e9ecef #dee2e6;
+ isolation: isolate;
}
-
-@media (pointer: coarse) {
- .ActionList-content {
- padding: 14px var(--base-size-8);
- }
+.nav-tabs .nav-link.disabled {
+ color: #6c757d;
+ background-color: transparent;
+ border-color: transparent;
}
-
-.ActionList-content.ActionList-content--blockDescription .ActionList-item-visual {
- place-self: start;
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+ color: #495057;
+ background-color: #fff;
+ border-color: #dee2e6 #dee2e6 #fff;
}
-
-.ActionList-item-action--leading {
- grid-area: leadingAction;
+.nav-tabs .dropdown-menu {
+ margin-top: -1px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
}
-.ActionList-item-visual--leading {
- grid-area: leadingVisual;
+.nav-pills .nav-link {
+ background: none;
+ border: 0;
+ border-radius: 0.25rem;
}
-
-.ActionList-item-label {
- grid-area: label;
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+ color: #fff;
+ background-color: #0d6efd;
}
-.ActionList-item-visual--trailing {
- grid-area: trailingVisual;
+.nav-fill > .nav-link,
+.nav-fill .nav-item {
+ flex: 1 1 auto;
+ text-align: center;
}
-.ActionList-item-action--trailing {
- grid-area: trailingAction;
+.nav-justified > .nav-link,
+.nav-justified .nav-item {
+ flex-basis: 0;
+ flex-grow: 1;
+ text-align: center;
}
-.ActionList-item-descriptionWrap {
- grid-area: label;
- display: flex;
- flex-direction: column;
+.nav-fill .nav-item .nav-link,
+.nav-justified .nav-item .nav-link {
+ width: 100%;
}
-.ActionList-item-descriptionWrap .ActionList-item-description {
- margin-top: var(--base-size-4);
+.tab-content > .tab-pane {
+ display: none;
}
-
-.ActionList-item-descriptionWrap .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+.tab-content > .active {
+ display: block;
}
-.ActionList-item-descriptionWrap--inline {
+.navbar {
position: relative;
- flex-direction: row;
- align-items: baseline;
-}
-
-.ActionList-item-descriptionWrap--inline .ActionList-item-description {
- margin-left: var(--base-size-8);
-}
-
-.ActionList-item-description {
- font-size: 12px;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1.5;
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.ActionList-item-visual,
-.ActionList-item-action {
display: flex;
- min-height: 20px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- pointer-events: none;
- fill: var(--fgColor-muted, var(--color-fg-muted));
+ flex-wrap: wrap;
align-items: center;
+ justify-content: space-between;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+.navbar > .container,
+.navbar > .container-fluid,
+.navbar > .container-sm,
+.navbar > .container-md,
+.navbar > .container-lg,
+.navbar > .container-xl,
+.navbar > .container-xxl {
+ display: flex;
+ flex-wrap: inherit;
+ align-items: center;
+ justify-content: space-between;
}
-
-.ActionList-item-label {
- position: relative;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 20px;
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.ActionList-item-label--truncate {
- overflow: hidden;
- text-overflow: ellipsis;
+.navbar-brand {
+ padding-top: 0.3125rem;
+ padding-bottom: 0.3125rem;
+ margin-right: 1rem;
+ font-size: 1.25rem;
+ text-decoration: none;
white-space: nowrap;
}
-
-.ActionList-item--subItem > .ActionList-content {
- font-size: 12px;
-}
-
-.ActionList-sectionDivider:not(:empty) {
+.navbar-nav {
display: flex;
- padding: 6px 8px;
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
flex-direction: column;
-}
-
-.ActionList-sectionDivider:empty {
- display: block;
- height: 1px;
- padding: 0;
- margin: 7px -8px 8px;
+ padding-left: 0;
+ margin-bottom: 0;
list-style: none;
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
- border: 0;
-}
-
-.ActionList-sectionDivider .ActionList-sectionDivider-title {
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.ActionList-sectionDivider--filled {
- margin: 8px -8px;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-action-list-item-inline-divider));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-action-list-item-inline-divider));
-}
-
-.ActionList-sectionDivider--filled:empty {
- height: var(--base-size-8);
- box-sizing: border-box;
}
-
-.ActionList-sectionDivider--filled:first-child {
- margin-top: 0;
-}
-
-.boxed-group {
- position: relative;
- margin-bottom: 30px;
- border-radius: var(--borderRadius-medium);
+.navbar-nav .nav-link {
+ padding-right: 0;
+ padding-left: 0;
}
-
-.boxed-group .Counter {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-neutral-emphasis, var(--color-neutral-emphasis));
+.navbar-nav .dropdown-menu {
+ position: static;
}
-.boxed-group.flush .boxed-group-inner {
- padding: 0;
+.navbar-text {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
}
-.boxed-group.condensed .boxed-group-inner {
- padding: 0;
- font-size: 12px;
+.navbar-collapse {
+ flex-basis: 100%;
+ flex-grow: 1;
+ align-items: center;
}
-.boxed-group > h3,
-.boxed-group .heading {
- display: block;
- padding: 9px 10px 10px;
- margin: 0;
- font-size: 14px;
- line-height: 17px;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-bottom: 0;
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.navbar-toggler {
+ padding: 0.25rem 0.75rem;
+ font-size: 1.25rem;
+ line-height: 1;
+ background-color: transparent;
+ border: 1px solid transparent;
+ border-radius: 0.25rem;
+ transition: box-shadow 0.15s ease-in-out;
}
-
-.boxed-group > h3 a,
-.boxed-group .heading a {
- color: inherit;
+@media (prefers-reduced-motion: reduce) {
+ .navbar-toggler {
+ transition: none;
+ }
}
-
-.boxed-group > h3 a.boxed-group-breadcrumb,
-.boxed-group .heading a.boxed-group-breadcrumb {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.navbar-toggler:hover {
text-decoration: none;
}
-
-.boxed-group > h3 .avatar,
-.boxed-group .heading .avatar {
- margin-top: calc(var(--base-size-4) * -1);
-}
-
-.boxed-group .tabnav.heading {
- padding: 0;
-}
-
-.boxed-group .tabnav.heading .tabnav-tab.selected {
- border-top: 0;
-}
-
-.boxed-group .tabnav.heading li:first-child .selected {
- border-left-color: var(--bgColor-default, var(--color-canvas-default));
- border-top-left-radius: var(--borderRadius-medium);
-}
-
-.boxed-group .tabnav-tab {
- border-top: 0;
- border-radius: 0;
-}
-
-.boxed-group code.heading {
- font-size: 12px;
-}
-
-.boxed-group.dangerzone > h3 {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-danger-emphasis, var(--color-danger-emphasis));
- border: var(--borderWidth-thin) solid var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
-}
-
-.boxed-group.dangerzone .boxed-group-inner {
- border-top: 0;
-}
-
-.boxed-group.condensed > h3 {
- padding: 6px 6px 7px;
- font-size: 12px;
-}
-
-.boxed-group.condensed > h3 .octicon {
- padding: 0 6px 0 2px;
-}
-
-.dashboard-sidebar .boxed-group {
- margin-bottom: var(--base-size-20);
+.navbar-toggler:focus {
+ text-decoration: none;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem;
}
-.boxed-group .bleed-flush {
- width: 100%;
- padding: 0 10px;
- margin-left: -10px;
+.navbar-toggler-icon {
+ display: inline-block;
+ width: 1.5em;
+ height: 1.5em;
+ vertical-align: middle;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 100%;
}
-.boxed-group .compact {
- margin-top: 10px;
- margin-bottom: 10px;
+.navbar-nav-scroll {
+ max-height: var(--bs-scroll-height, 75vh);
+ overflow-y: auto;
}
-.boxed-group-inner {
- padding: 10px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- background: var(--bgColor-default, var(--color-canvas-default));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+@media (min-width: 576px) {
+ .navbar-expand-sm {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-sm .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-sm .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-sm .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-sm .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-sm .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-sm .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-sm .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-sm .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-sm .offcanvas-top,
+ .navbar-expand-sm .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-sm .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.boxed-group-inner .markdown-body {
- padding: var(--base-size-20) 10px 10px;
- font-size: 13px;
+@media (min-width: 768px) {
+ .navbar-expand-md {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-md .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-md .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-md .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-md .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-md .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-md .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-md .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-md .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-md .offcanvas-top,
+ .navbar-expand-md .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-md .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.boxed-group-inner.markdown-body {
- padding-top: 10px;
- padding-bottom: 10px;
-}
-
-.boxed-group-inner.seamless {
- padding: 0;
-}
-
-.boxed-group-inner .tabnav {
- padding-right: 10px;
- padding-left: 10px;
- margin-right: -10px;
- margin-left: -10px;
-}
-
-.boxed-group-inner .tabnav-tab.selected {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
-}
-
-.boxed-action {
- float: right;
- margin-left: 10px;
-}
-
-.boxed-action .boxed-action {
- float: none;
- margin-left: 0;
-}
-
-.boxed-group-action {
- position: relative;
- z-index: 2;
- float: right;
- margin: 5px 10px 0 0;
-}
-
-.boxed-group-action.flush {
- margin-top: 0;
- margin-right: 0;
-}
-
-.field-with-errors {
- display: inline;
-}
-
-.boxed-group-list {
- margin: 0;
- list-style: none;
-}
-
-.boxed-group-list:first-child > li:first-child {
- border-top: 0;
-}
-
-.boxed-group-list > li {
- display: block;
- padding: 5px 10px;
- margin-right: -10px;
- margin-left: -10px;
- line-height: 23px;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
-}
-
-.boxed-group-list > li:first-child {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
-}
-
-.boxed-group-list > li:last-of-type {
- border-bottom: 0;
-}
-
-.boxed-group-list > li.selected {
- background: var(--bgColor-success-muted, var(--color-success-subtle));
-}
-
-.boxed-group-list > li.approved .btn-sm,
-.boxed-group-list > li.rejected .btn-sm {
- display: none;
-}
-
-.boxed-group-list > li.rejected a {
- text-decoration: line-through;
-}
-
-.boxed-group-list > li .avatar {
- margin-top: -2px;
- margin-right: var(--base-size-4);
-}
-
-.boxed-group-list > li .octicon {
- width: 24px;
- margin-right: var(--base-size-4);
-}
-
-.boxed-group-list > li .btn-sm {
- float: right;
- margin: -1px 0 0 10px;
-}
-
-.boxed-group-list > li .BtnGroup {
- float: right;
-}
-
-.boxed-group-list > li .BtnGroup .btn-sm {
- float: left;
-}
-
-.boxed-group.flush .boxed-group-list li {
- width: auto;
- padding-right: 0;
- padding-left: 0;
- margin-left: 0;
-}
-
-.boxed-group-list.standalone {
- margin-top: -1px;
-}
-
-.boxed-group-list.standalone > li:first-child {
- border-top: 0;
-}
-
-.boxed-group-table {
- width: 100%;
- text-align: left;
-}
-
-.boxed-group-table tr:last-child td {
- border-bottom: 0;
-}
-
-.boxed-group-table th {
- padding: 9px;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.boxed-group-table td {
- padding: 9px;
- vertical-align: top;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.ajax-error-message {
- position: fixed;
- top: 0;
- left: 50%;
- z-index: 9999;
- width: 974px;
- margin: 0 3px;
- margin-left: -487px;
- transition: top 0.5s ease-in-out;
-}
-
-.ajax-error-message > .octicon-alert {
- vertical-align: text-top;
-}
-
-.container {
- width: 980px;
- margin-right: auto;
- margin-left: auto;
-}
-
-.container::before {
- display: table;
- content: '';
-}
-
-.container::after {
- display: table;
- clear: both;
- content: '';
-}
-
-.draft.octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.closed.octicon,
-.reverted.octicon {
- color: var(--fgColor-closed, var(--color-closed-fg));
-}
-
-.open.octicon {
- color: var(--fgColor-open, var(--color-open-fg));
-}
-
-.closed.octicon.octicon-issue-closed,
-.merged.octicon {
- color: var(--fgColor-done, var(--color-done-fg));
-}
-
-.progress-bar {
- display: block;
- height: 15px;
- overflow: hidden;
- background-color: var(--borderColor-muted, var(--color-border-muted));
- border-radius: var(--borderRadius-medium);
-}
-
-.progress-bar .progress {
- display: block;
- height: 100%;
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
-}
-
-.reverse-progress-container {
- position: relative;
- height: 3px;
- background-color: var(--borderColor-muted, var(--color-border-muted));
- background-image: linear-gradient(
- to right,
- var(--bgColor-success-emphasis, var(--color-success-emphasis)),
- var(--bgColor-accent-emphasis, var(--color-accent-emphasis)),
- var(--bgColor-done-emphasis, var(--color-done-emphasis)),
- var(--bgColor-danger-emphasis, var(--color-danger-emphasis)),
- var(--bgColor-severe-emphasis, var(--color-severe-emphasis))
- );
- background-size: 100% 3px;
-}
-
-.reverse-progress-bar {
- position: absolute;
- right: 0;
- height: 100%;
- background-color: var(--borderColor-muted, var(--color-border-muted));
-}
-
-.progress-bar-small {
- height: 10px;
-}
-
-.select-menu-button::after {
- display: inline-block;
- width: 0;
- height: 0;
- vertical-align: -2px;
- content: '';
- border: var(--borderWidth-thicker) solid;
- border-right-color: transparent;
- border-bottom-color: transparent;
- border-left-color: transparent;
-}
-
-.select-menu-button.icon-only {
- padding-left: 7px;
-}
-
-.select-menu-button.primary::after {
- border-top-color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
-}
-
-.select-menu-button.primary::after:active {
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
-}
-
-.select-menu-button-large::after {
- margin-left: 0.25em;
- border-width: 0.33em;
-}
-
-.select-menu .spinner {
- float: left;
- margin: var(--base-size-4) 0 0 calc(var(--base-size-24) * -1);
-}
-
-.select-menu.active .select-menu-modal-holder {
- display: block;
-}
-
-.select-menu.select-menu-modal-right {
- position: relative;
-}
-
-.select-menu.select-menu-modal-right .select-menu-modal-holder {
- right: 0;
-}
-
-.select-menu .select-menu-clear-item {
- display: block;
-}
-
-.select-menu .select-menu-clear-item .octicon {
- color: inherit;
-}
-
-.select-menu .select-menu-clear-item + .select-menu-no-results {
- display: none !important;
-}
-
-.select-menu.is-loading .select-menu-loading-overlay {
- display: block;
-}
-
-.select-menu.is-loading .select-menu-modal {
- min-height: 200px;
-}
-
-.select-menu.has-error .select-menu-error {
- display: block;
-}
-
-.select-menu-error {
- display: none;
-}
-
-.select-menu-loading-overlay {
- position: absolute;
- top: 0;
- z-index: 5;
- display: none;
- width: 100%;
- height: 100%;
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- border: var(--borderWidth-thin) solid transparent;
- border-radius: 5px;
-}
-
-.select-menu-modal-holder {
- position: absolute;
- z-index: 30;
- display: none;
-}
-
-.select-menu-modal {
- position: relative;
- width: 300px;
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-20);
- overflow: hidden;
- font-size: 12px;
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- background-clip: padding-box;
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
- box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
-}
-
-.select-menu-header,
-.select-menu-divider {
- padding: var(--base-size-8) 10px;
- line-height: 16px;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-header .select-menu-title,
-.select-menu-divider {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-divider {
- margin-top: -1px;
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-header .close-button,
-.select-menu-header .octicon {
- display: block;
- float: right;
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: pointer;
-}
-
-.select-menu-header .close-button:hover,
-.select-menu-header .octicon:hover {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-header:focus {
- outline: none;
-}
-
-.select-menu-filters {
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
-
-.select-menu-text-filter {
- padding: 10px 10px 0;
-}
-
-.select-menu-text-filter:first-child:last-child {
- padding-bottom: 10px;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-text-filter input {
- display: block;
- width: 100%;
- max-width: 100%;
- padding: 5px;
- border: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
- border-radius: var(--borderRadius-medium);
-}
-
-.select-menu-text-filter input::placeholder {
- color: var(--fgColor-muted, var(--color-fg-subtle));
-}
-
-.select-menu-tabs {
- padding: 10px 10px 0;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-tabs ul {
- position: relative;
- bottom: -1px;
-}
-
-.select-menu-tabs .select-menu-tab {
- display: inline-block;
-}
-
-.select-menu-tabs a,
-.select-menu-tabs .select-menu-tab-nav {
- display: inline-block;
- padding: var(--base-size-4) var(--base-size-8) 2px;
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
- text-decoration: none;
- cursor: pointer;
- background: transparent;
- border: var(--borderWidth-thin) solid transparent;
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
-}
-
-.select-menu-tabs a:hover,
-.select-menu-tabs .select-menu-tab-nav:hover {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-tabs a[aria-selected='true'],
-.select-menu-tabs a.selected,
-.select-menu-tabs .select-menu-tab-nav[aria-selected='true'],
-.select-menu-tabs .select-menu-tab-nav.selected {
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- border-color: var(--borderColor-muted, var(--color-border-muted));
- border-bottom-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
-
-.select-menu-list {
- position: relative;
- max-height: 400px;
- overflow: auto;
-}
-
-.select-menu-list.is-showing-new-item-form .select-menu-new-item-form {
- display: block;
-}
-
-.select-menu-list.is-showing-new-item-form .select-menu-no-results,
-.select-menu-list.is-showing-new-item-form .select-menu-clear-item {
- display: none;
-}
-
-.select-menu-blankslate {
- padding: var(--base-size-16);
- text-align: center;
-}
-
-.select-menu-blankslate svg {
- display: block;
- margin-right: auto;
- margin-bottom: 9px;
- margin-left: auto;
- fill: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-blankslate h3 {
- font-size: 14px;
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-blankslate p {
- width: 195px;
- margin-right: auto;
- margin-bottom: 0;
- margin-left: auto;
-}
-
-.select-menu-item {
- display: block;
- padding: var(--base-size-8) var(--base-size-8) var(--base-size-8) 30px;
- overflow: hidden;
- color: inherit;
- cursor: pointer;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-item .select-menu-item-text .octicon-x {
- display: none;
- float: right;
- margin: 1px 10px 0 0;
- opacity: 0.6;
-}
-
-.select-menu-item:hover {
- text-decoration: none;
-}
-
-.select-menu-item.disabled,
-.select-menu-item[disabled],
-.select-menu-item[aria-disabled='true'],
-.select-menu-item.disabled.selected {
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: default;
-}
-
-.select-menu-item.disabled .description,
-.select-menu-item[disabled] .description,
-.select-menu-item[aria-disabled='true'] .description,
-.select-menu-item.disabled.selected .description {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-item.disabled.opaque,
-.select-menu-item[disabled].opaque,
-.select-menu-item[aria-disabled='true'].opaque,
-.select-menu-item.disabled.selected.opaque {
- opacity: 0.7;
-}
-
-.select-menu-item.disabled .select-menu-item-gravatar,
-.select-menu-item[disabled] .select-menu-item-gravatar,
-.select-menu-item[aria-disabled='true'] .select-menu-item-gravatar,
-.select-menu-item.disabled.selected .select-menu-item-gravatar {
- opacity: 0.5;
-}
-
-.select-menu-item .octicon {
- vertical-align: middle;
-}
-
-.select-menu-item .octicon-check,
-.select-menu-item .octicon-circle-slash,
-.select-menu-item input[type='radio']:not(:checked) + .octicon-check,
-.select-menu-item input[type='radio']:not(:checked) + .octicon-circle-slash {
- visibility: hidden;
-}
-
-.select-menu-item.selected .octicon-circle-slash.select-menu-item-icon {
- color: var(--fgColor-muted, var(--color-fg-muted)) !important;
-}
-
-.select-menu-item .octicon-circle-slash {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-item.excluded {
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
-}
-
-.select-menu-item input[type='radio'] {
- display: none;
-}
-
-.select-menu-item:focus {
- outline: none;
-}
-
-.select-menu-item:focus .octicon,
-.select-menu-item:hover .octicon {
- color: inherit !important;
-}
-
-.select-menu-item:hover,
-.select-menu-item:hover.selected,
-.select-menu-item:hover.select-menu-action,
-.select-menu-item:hover .description-inline,
-.select-menu-item:focus,
-.select-menu-item:focus.selected,
-.select-menu-item:focus.select-menu-action,
-.select-menu-item:focus .description-inline,
-.select-menu-item.navigation-focus,
-.select-menu-item.navigation-focus.selected,
-.select-menu-item.navigation-focus.select-menu-action,
-.select-menu-item.navigation-focus .description-inline,
-.select-menu-item.navigation-focus[aria-checked='true'],
-.select-menu-item[aria-checked='true']:focus,
-.select-menu-item[aria-checked='true']:hover,
-.select-menu-item[aria-selected='true']:hover,
-.select-menu-item[aria-selected='true']:focus,
-.select-menu-item[aria-selected='true'].select-menu-action,
-.select-menu-item[aria-selected='true'] .description-inline {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
-}
-
-.select-menu-item:hover > .octicon,
-.select-menu-item:hover.selected > .octicon,
-.select-menu-item:hover.select-menu-action > .octicon,
-.select-menu-item:hover .description-inline > .octicon,
-.select-menu-item:focus > .octicon,
-.select-menu-item:focus.selected > .octicon,
-.select-menu-item:focus.select-menu-action > .octicon,
-.select-menu-item:focus .description-inline > .octicon,
-.select-menu-item.navigation-focus > .octicon,
-.select-menu-item.navigation-focus.selected > .octicon,
-.select-menu-item.navigation-focus.select-menu-action > .octicon,
-.select-menu-item.navigation-focus .description-inline > .octicon,
-.select-menu-item.navigation-focus[aria-checked='true'] > .octicon,
-.select-menu-item[aria-checked='true']:focus > .octicon,
-.select-menu-item[aria-checked='true']:hover > .octicon,
-.select-menu-item[aria-selected='true']:hover > .octicon,
-.select-menu-item[aria-selected='true']:focus > .octicon,
-.select-menu-item[aria-selected='true'].select-menu-action > .octicon,
-.select-menu-item[aria-selected='true'] .description-inline > .octicon {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
-}
-
-.select-menu-item:hover .description,
-.select-menu-item:hover .description-warning,
-.select-menu-item:hover.selected .description,
-.select-menu-item:hover.selected .description-warning,
-.select-menu-item:hover.select-menu-action .description,
-.select-menu-item:hover.select-menu-action .description-warning,
-.select-menu-item:hover .description-inline .description,
-.select-menu-item:hover .description-inline .description-warning,
-.select-menu-item:focus .description,
-.select-menu-item:focus .description-warning,
-.select-menu-item:focus.selected .description,
-.select-menu-item:focus.selected .description-warning,
-.select-menu-item:focus.select-menu-action .description,
-.select-menu-item:focus.select-menu-action .description-warning,
-.select-menu-item:focus .description-inline .description,
-.select-menu-item:focus .description-inline .description-warning,
-.select-menu-item.navigation-focus .description,
-.select-menu-item.navigation-focus .description-warning,
-.select-menu-item.navigation-focus.selected .description,
-.select-menu-item.navigation-focus.selected .description-warning,
-.select-menu-item.navigation-focus.select-menu-action .description,
-.select-menu-item.navigation-focus.select-menu-action .description-warning,
-.select-menu-item.navigation-focus .description-inline .description,
-.select-menu-item.navigation-focus .description-inline .description-warning,
-.select-menu-item.navigation-focus[aria-checked='true'] .description,
-.select-menu-item.navigation-focus[aria-checked='true'] .description-warning,
-.select-menu-item[aria-checked='true']:focus .description,
-.select-menu-item[aria-checked='true']:focus .description-warning,
-.select-menu-item[aria-checked='true']:hover .description,
-.select-menu-item[aria-checked='true']:hover .description-warning,
-.select-menu-item[aria-selected='true']:hover .description,
-.select-menu-item[aria-selected='true']:hover .description-warning,
-.select-menu-item[aria-selected='true']:focus .description,
-.select-menu-item[aria-selected='true']:focus .description-warning,
-.select-menu-item[aria-selected='true'].select-menu-action .description,
-.select-menu-item[aria-selected='true'].select-menu-action .description-warning,
-.select-menu-item[aria-selected='true'] .description-inline .description,
-.select-menu-item[aria-selected='true'] .description-inline .description-warning {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
-}
-
-.select-menu-item:hover.disabled,
-.select-menu-item[disabled]:hover,
-.select-menu-item[aria-disabled='true']:hover,
-.select-menu-item[aria-selected='true'].disabled,
-.select-menu-item.navigation-focus.disabled {
- color: var(--fgColor-muted, var(--color-fg-muted));
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
-
-.select-menu-item:hover.disabled .description,
-.select-menu-item[disabled]:hover .description,
-.select-menu-item[aria-disabled='true']:hover .description,
-.select-menu-item[aria-selected='true'].disabled .description,
-.select-menu-item.navigation-focus.disabled .description {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-item > .octicon-dash {
- display: none;
-}
-
-.select-menu-item[aria-checked='mixed'] > .octicon-check {
- display: none;
-}
-
-.select-menu-item[aria-checked='mixed'] > .octicon-dash {
- display: block;
-}
-
-.select-menu-item input:checked + .octicon-check {
- color: inherit;
- visibility: visible;
-}
-
-details-menu .select-menu-item[aria-checked='true'],
-details-menu .select-menu-item[aria-selected='true'],
-.select-menu-item.selected {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-details-menu .select-menu-item[aria-checked='true'] .description,
-details-menu .select-menu-item[aria-selected='true'] .description,
-.select-menu-item.selected .description {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-details-menu .select-menu-item[aria-checked='true'] > .octicon,
-details-menu .select-menu-item[aria-selected='true'] > .octicon,
-.select-menu-item.selected > .octicon {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-details-menu .select-menu-item[aria-checked='true'] .octicon-check,
-details-menu .select-menu-item[aria-checked='true'] .octicon-circle-slash,
-details-menu .select-menu-item[aria-selected='true'] .octicon-check,
-details-menu .select-menu-item[aria-selected='true'] .octicon-circle-slash,
-.select-menu-item.selected .octicon-check,
-.select-menu-item.selected .octicon-circle-slash {
- color: inherit;
- visibility: visible;
-}
-
-details-menu .select-menu-item[aria-checked='true'] .select-menu-item-text .octicon-x,
-details-menu .select-menu-item[aria-selected='true'] .select-menu-item-text .octicon-x,
-.select-menu-item.selected .select-menu-item-text .octicon-x {
- display: block;
- color: inherit;
-}
-
-.select-menu.label-select-menu .select-menu-item:active {
- background-color: transparent !important;
-}
-
-.select-menu-item:hover .Label,
-.select-menu-item:focus .Label {
- color: inherit;
- border-color: currentColor;
-}
-
-.select-menu-item a {
- color: inherit;
- text-decoration: none;
+@media (min-width: 992px) {
+ .navbar-expand-lg {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-lg .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-lg .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-lg .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-lg .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-lg .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-lg .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-lg .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-lg .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-lg .offcanvas-top,
+ .navbar-expand-lg .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-lg .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.select-menu-item .hidden-select-button-text {
- display: none;
+@media (min-width: 1200px) {
+ .navbar-expand-xl {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xl .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-xl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xl .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-xl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xl .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-xl .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-xl .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-xl .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-xl .offcanvas-top,
+ .navbar-expand-xl .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-xl .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.select-menu-item .css-truncate-target {
- max-width: 100%;
+@media (min-width: 1400px) {
+ .navbar-expand-xxl {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xxl .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-xxl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xxl .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-xxl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xxl .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-xxl .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-xxl .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-xxl .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-xxl .offcanvas-top,
+ .navbar-expand-xxl .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-xxl .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.select-menu-item-icon {
- float: left;
- margin-left: -20px;
+.navbar-expand {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
}
-
-form.select-menu-item > div:first-child {
- display: none !important;
+.navbar-expand .navbar-nav {
+ flex-direction: row;
}
-
-.select-menu-list:last-child .select-menu-item:last-child,
-.select-menu-item.last-visible {
- border-bottom: 0;
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
+.navbar-expand .navbar-nav .dropdown-menu {
+ position: absolute;
}
-
-.select-menu-action {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-default, var(--color-fg-default));
+.navbar-expand .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
}
-
-.select-menu-action > .octicon {
- color: inherit;
+.navbar-expand .navbar-nav-scroll {
+ overflow: visible;
}
-
-.select-menu-action:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.navbar-expand .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
}
-
-.select-menu-no-results {
+.navbar-expand .navbar-toggler {
display: none;
- padding: 9px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: auto;
-}
-
-.select-menu-list.filterable-empty .select-menu-no-results,
-.select-menu-no-results:only-child {
- display: block;
-}
-
-.select-menu-button-gravatar,
-.select-menu-item-gravatar {
- width: 20px;
- overflow: hidden;
- line-height: 0;
-}
-
-.select-menu-button-gravatar img,
-.select-menu-item-gravatar img {
- display: inline-block;
- width: 20px;
- height: 20px;
- border-radius: var(--borderRadius-medium);
}
-
-.select-menu-item-gravatar {
- float: left;
- width: 20px;
- height: 20px;
- margin-right: var(--base-size-8);
- border-radius: var(--borderRadius-medium);
+.navbar-expand .offcanvas-header {
+ display: none;
}
-
-.select-menu-button-gravatar {
- float: left;
- margin-right: 5px;
+.navbar-expand .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
}
-
-.select-menu-item-text {
- display: block;
- text-align: left;
+.navbar-expand .offcanvas-top,
+.navbar-expand .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
}
-
-.select-menu-item-text .description {
- display: block;
- max-width: 265px;
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.navbar-expand .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
}
-.select-menu-item-text .description-inline {
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.navbar-light .navbar-brand {
+ color: rgba(0, 0, 0, 0.9);
}
-
-.select-menu-item-text .description-warning {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.navbar-light .navbar-brand:hover,
+.navbar-light .navbar-brand:focus {
+ color: rgba(0, 0, 0, 0.9);
}
-
-.select-menu-item-text mark {
- font-weight: var(--base-text-weight-semibold, 600);
- color: inherit;
- background-color: inherit;
+.navbar-light .navbar-nav .nav-link {
+ color: rgba(0, 0, 0, 0.55);
}
-
-.select-menu-item-heading {
- display: block;
- margin-top: 0;
- margin-bottom: 0;
- font-size: 14px;
- font-weight: var(--base-text-weight-semibold, 600);
+.navbar-light .navbar-nav .nav-link:hover,
+.navbar-light .navbar-nav .nav-link:focus {
+ color: rgba(0, 0, 0, 0.7);
}
-
-.select-menu-item-heading .description {
- display: inline;
- font-weight: var(--base-text-weight-normal, 400);
+.navbar-light .navbar-nav .nav-link.disabled {
+ color: rgba(0, 0, 0, 0.3);
}
-
-.select-menu-new-item-form {
- display: none;
+.navbar-light .navbar-nav .show > .nav-link,
+.navbar-light .navbar-nav .nav-link.active {
+ color: rgba(0, 0, 0, 0.9);
}
-
-.select-menu-new-item-form .octicon {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.navbar-light .navbar-toggler {
+ color: rgba(0, 0, 0, 0.55);
+ border-color: rgba(0, 0, 0, 0.1);
}
-
-.table-list {
- display: table;
- width: 100%;
- color: var(--fgColor-muted, var(--color-fg-muted));
- table-layout: fixed;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-light .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
-
-.table-list ol {
- list-style-type: decimal;
+.navbar-light .navbar-text {
+ color: rgba(0, 0, 0, 0.55);
}
-
-.table-list-bordered {
- border-bottom-color: var(--borderColor-default, var(--color-border-default));
+.navbar-light .navbar-text a,
+.navbar-light .navbar-text a:hover,
+.navbar-light .navbar-text a:focus {
+ color: rgba(0, 0, 0, 0.9);
}
-.table-list-bordered .table-list-cell:first-child {
- border-left: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-dark .navbar-brand {
+ color: #fff;
}
-
-.table-list-bordered .table-list-cell:last-child {
- border-right: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-dark .navbar-brand:hover,
+.navbar-dark .navbar-brand:focus {
+ color: #fff;
}
-
-.table-list-item {
- position: relative;
- display: table-row;
- list-style: none;
+.navbar-dark .navbar-nav .nav-link {
+ color: rgba(255, 255, 255, 0.55);
}
-
-.table-list-item.unread .table-list-cell:first-child {
- box-shadow: 2px 0 0 var(--borderColor-accent-emphasis, var(--color-accent-emphasis)) inset;
+.navbar-dark .navbar-nav .nav-link:hover,
+.navbar-dark .navbar-nav .nav-link:focus {
+ color: rgba(255, 255, 255, 0.75);
}
-
-.table-list-cell {
- position: relative;
- display: table-cell;
- padding: var(--base-size-8) 10px;
- font-size: 12px;
- vertical-align: top;
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-dark .navbar-nav .nav-link.disabled {
+ color: rgba(255, 255, 255, 0.25);
}
-
-.table-list-cell.flush-left {
- padding-left: 0;
+.navbar-dark .navbar-nav .show > .nav-link,
+.navbar-dark .navbar-nav .nav-link.active {
+ color: #fff;
}
-
-.table-list-cell.flush-right {
- padding-right: 0;
+.navbar-dark .navbar-toggler {
+ color: rgba(255, 255, 255, 0.55);
+ border-color: rgba(255, 255, 255, 0.1);
}
-
-.table-list-header {
- position: relative;
- margin-top: var(--base-size-20);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.navbar-dark .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
-
-.table-list-header::before {
- display: table;
- content: '';
+.navbar-dark .navbar-text {
+ color: rgba(255, 255, 255, 0.55);
}
-
-.table-list-header::after {
- display: table;
- clear: both;
- content: '';
+.navbar-dark .navbar-text a,
+.navbar-dark .navbar-text a:hover,
+.navbar-dark .navbar-text a:focus {
+ color: #fff;
}
-.table-list-header .btn-link {
+.card {
position: relative;
- display: inline-block;
- padding-top: 13px;
- padding-bottom: 13px;
- font-weight: var(--base-text-weight-normal, 400);
-}
-
-.table-list-heading {
- margin-left: 10px;
-}
-
-.table-list-header-meta {
- display: inline-block;
- padding-top: 13px;
- padding-bottom: 13px;
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.table-list-header-toggle h4 {
- padding: var(--base-size-12) 0;
+ display: flex;
+ flex-direction: column;
+ min-width: 0;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: border-box;
+ border: 1px solid rgba(0, 0, 0, 0.125);
+ border-radius: 0.25rem;
}
-
-.table-list-filters:first-child .table-list-header-toggle:first-child {
- padding-left: var(--base-size-16);
+.card > hr {
+ margin-right: 0;
+ margin-left: 0;
}
-
-.table-list-header-toggle.states .selected {
- font-weight: var(--base-text-weight-semibold, 600);
+.card > .list-group {
+ border-top: inherit;
+ border-bottom: inherit;
}
-
-.table-list-header-toggle .btn-link {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.card > .list-group:first-child {
+ border-top-width: 0;
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-
-.table-list-header-toggle .btn-link .octicon {
- margin-right: var(--base-size-4);
+.card > .list-group:last-child {
+ border-bottom-width: 0;
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
}
-
-.table-list-header-toggle .btn-link:hover {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
+.card > .card-header + .list-group,
+.card > .list-group + .card-footer {
+ border-top: 0;
}
-.table-list-header-toggle .btn-link.selected,
-.table-list-header-toggle .btn-link.selected:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.card-body {
+ flex: 1 1 auto;
+ padding: 1rem 1rem;
}
-.table-list-header-toggle .btn-link + .btn-link {
- margin-left: 10px;
+.card-title {
+ margin-bottom: 0.5rem;
}
-.table-list-header-toggle .btn-link:disabled,
-.table-list-header-toggle .btn-link.disabled {
- pointer-events: none;
- opacity: 0.5;
+.card-subtitle {
+ margin-top: -0.25rem;
+ margin-bottom: 0;
}
-.table-list-header-toggle .select-menu {
- position: relative;
+.card-text:last-child {
+ margin-bottom: 0;
}
-.table-list-header-toggle .select-menu-item[aria-checked='true'],
-.table-list-header-toggle .select-menu-item.selected {
- font-weight: var(--base-text-weight-semibold, 600);
+.card-link + .card-link {
+ margin-left: 1rem;
}
-.table-list-header-toggle .select-menu-button {
- padding-right: 15px;
- padding-left: 15px;
+.card-header {
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.table-list-header-toggle .select-menu-button:hover,
-.table-list-header-toggle .select-menu-button.selected,
-.table-list-header-toggle .select-menu-button.selected:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.card-header:first-child {
+ border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
-.table-list-header-toggle .select-menu-modal-holder {
- right: 10px;
+.card-footer {
+ padding: 0.5rem 1rem;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-top: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.table-list-header-toggle .select-menu-modal-holder .select-menu-modal {
- margin-top: -1px;
+.card-footer:last-child {
+ border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
-.table-list-header-next {
- margin-top: var(--base-size-20);
- margin-bottom: -1px;
+.card-header-tabs {
+ margin-right: -0.5rem;
+ margin-bottom: -0.5rem;
+ margin-left: -0.5rem;
+ border-bottom: 0;
}
-.table-list-header-next .table-list-header-select-all {
- padding-left: 14px;
+.card-header-pills {
+ margin-right: -0.5rem;
+ margin-left: -0.5rem;
}
-.table-list-header-next .select-all-dropdown {
- padding-top: 10px;
- padding-bottom: 10px;
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: 1rem;
+ border-radius: calc(0.25rem - 1px);
}
-.table-list-triage {
- display: none;
+.card-img,
+.card-img-top,
+.card-img-bottom {
+ width: 100%;
}
-.triage-mode .table-list-filters {
- display: none !important;
+.card-img,
+.card-img-top {
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-.triage-mode .table-list-triage {
- display: block;
+.card-img,
+.card-img-bottom {
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
}
-.breadcrumb {
- font-size: 16px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.card-group > .card {
+ margin-bottom: 0.75rem;
}
-
-.breadcrumb .separator {
- white-space: pre-wrap;
+@media (min-width: 576px) {
+ .card-group {
+ display: flex;
+ flex-flow: row wrap;
+ }
+ .card-group > .card {
+ flex: 1 0 0%;
+ margin-bottom: 0;
+ }
+ .card-group > .card + .card {
+ margin-left: 0;
+ border-left: 0;
+ }
+ .card-group > .card:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-top,
+ .card-group > .card:not(:last-child) .card-header {
+ border-top-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-bottom,
+ .card-group > .card:not(:last-child) .card-footer {
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-top,
+ .card-group > .card:not(:first-child) .card-header {
+ border-top-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-bottom,
+ .card-group > .card:not(:first-child) .card-footer {
+ border-bottom-left-radius: 0;
+ }
}
-.breadcrumb .separator::before,
-.breadcrumb .separator::after {
- content: ' ';
+.accordion-button {
+ position: relative;
+ display: flex;
+ align-items: center;
+ width: 100%;
+ padding: 1rem 1.25rem;
+ font-size: 1rem;
+ color: #212529;
+ text-align: left;
+ background-color: #fff;
+ border: 0;
+ border-radius: 0;
+ overflow-anchor: none;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
-
-.breadcrumb strong.final-path {
- color: var(--fgColor-default, var(--color-fg-default));
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button {
+ transition: none;
+ }
}
-
-.capped-card-content {
- display: block;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
+.accordion-button:not(.collapsed) {
+ color: #0c63e4;
+ background-color: #e7f1ff;
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
-
-.capped-card-content::before {
- display: table;
- content: '';
+.accordion-button:not(.collapsed)::after {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ transform: rotate(-180deg);
}
-
-.capped-card-content::after {
- display: table;
- clear: both;
+.accordion-button::after {
+ flex-shrink: 0;
+ width: 1.25rem;
+ height: 1.25rem;
+ margin-left: auto;
content: '';
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-size: 1.25rem;
+ transition: transform 0.2s ease-in-out;
}
-
-.collapsible-sidebar-widget-button {
- display: flex;
- padding: 0;
- align-items: center;
- background-color: transparent;
- border: 0;
- justify-content: space-between;
-}
-
-.collapsible-sidebar-widget-indicator {
- transition: transform 0.25s;
- transform: translate(0, 0) translate3d(0, 0, 0);
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button::after {
+ transition: none;
+ }
}
-
-.collapsible-sidebar-widget-loader {
- display: none;
- visibility: hidden;
- opacity: 0;
- transition: opacity 0.25s;
- animation-play-state: paused;
+.accordion-button:hover {
+ z-index: 2;
}
-
-.collapsible-sidebar-widget-content {
- width: 100%;
- max-height: 0;
- overflow: hidden;
- opacity: 0;
- transition: max-height 0.25s ease-in-out, opacity 0.25s ease-in-out;
+.accordion-button:focus {
+ z-index: 3;
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-.collapsible-sidebar-widget-loading .collapsible-sidebar-widget-indicator {
- display: none;
+.accordion-header {
+ margin-bottom: 0;
}
-.collapsible-sidebar-widget-loading .collapsible-sidebar-widget-loader {
- display: block;
- visibility: visible;
- opacity: 1;
- animation-play-state: running;
+.accordion-item {
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-content {
- max-height: 100%;
- overflow: visible;
- opacity: 1;
+.accordion-item:first-of-type {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-indicator {
- display: block;
- transform: rotate(180deg);
+.accordion-item:first-of-type .accordion-button {
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-loader {
- display: none;
- visibility: hidden;
- opacity: 0;
+.accordion-item:not(:first-of-type) {
+ border-top: 0;
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-active-hidden {
- display: none;
- opacity: 0;
+.accordion-item:last-of-type {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
}
-
-.comment .email-format {
- line-height: 1.5;
+.accordion-item:last-of-type .accordion-button.collapsed {
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
}
-
-.previewable-edit .previewable-comment-form {
- display: none;
+.accordion-item:last-of-type .accordion-collapse {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
}
-.previewable-edit .previewable-comment-form::before {
- display: table;
- content: '';
+.accordion-body {
+ padding: 1rem 1.25rem;
}
-.previewable-edit .previewable-comment-form::after {
- display: table;
- clear: both;
- content: '';
+.accordion-flush .accordion-collapse {
+ border-width: 0;
}
-
-.previewable-edit .previewable-comment-form .tabnav-tabs {
- display: inline-block;
+.accordion-flush .accordion-item {
+ border-right: 0;
+ border-left: 0;
+ border-radius: 0;
}
-
-.previewable-edit .previewable-comment-form .form-actions {
- float: right;
- margin-right: var(--base-size-8);
- margin-bottom: var(--base-size-8);
+.accordion-flush .accordion-item:first-child {
+ border-top: 0;
}
-
-.is-comment-editing .previewable-comment-form {
- display: block;
+.accordion-flush .accordion-item:last-child {
+ border-bottom: 0;
+}
+.accordion-flush .accordion-item .accordion-button {
+ border-radius: 0;
}
-.is-comment-editing .timeline-comment-actions,
-.is-comment-editing .edit-comment-hide {
- display: none;
+.breadcrumb {
+ display: flex;
+ flex-wrap: wrap;
+ padding: 0 0;
+ margin-bottom: 1rem;
+ list-style: none;
}
-.is-comment-loading .previewable-comment-form {
- opacity: 0.5;
+.breadcrumb-item + .breadcrumb-item {
+ padding-left: 0.5rem;
+}
+.breadcrumb-item + .breadcrumb-item::before {
+ float: left;
+ padding-right: 0.5rem;
+ color: #6c757d;
+ content: var(--bs-breadcrumb-divider, '/') /* rtl: var(--bs-breadcrumb-divider, "/") */;
+}
+.breadcrumb-item.active {
+ color: #6c757d;
}
-.comment-show-stale {
- display: none;
+.pagination {
+ display: flex;
+ padding-left: 0;
+ list-style: none;
}
-.is-comment-stale .comment-show-stale {
+.page-link {
+ position: relative;
display: block;
+ color: #0d6efd;
+ text-decoration: none;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
}
-
-.comment-body {
- width: 100%;
- padding: var(--base-size-16);
- overflow: visible;
- font-size: 14px;
- color: var(--fgColor-default, var(--color-fg-default));
+@media (prefers-reduced-motion: reduce) {
+ .page-link {
+ transition: none;
+ }
}
-
-.comment-body .highlight {
- overflow: visible !important;
- background-color: transparent;
+.page-link:hover {
+ z-index: 2;
+ color: #0a58ca;
+ background-color: #e9ecef;
+ border-color: #dee2e6;
}
-
-.comment-form-textarea {
- width: 100%;
- max-width: 100%;
- height: 100px;
- min-height: 100px;
- margin: 0;
- line-height: 1.6;
+.page-link:focus {
+ z-index: 3;
+ color: #0a58ca;
+ background-color: #e9ecef;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-.comment-form-textarea.dragover {
- border: solid var(--borderWidth-thin) var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+.page-item:not(:first-child) .page-link {
+ margin-left: -1px;
}
-
-.hide-reaction-suggestion:hover::before,
-.hide-reaction-suggestion:hover::after,
-.hide-reaction-suggestion:active::before,
-.hide-reaction-suggestion:active::after {
- display: none;
+.page-item.active .page-link {
+ z-index: 3;
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.reaction-suggestion[data-reaction-suggestion-message]:hover::before,
-.reaction-suggestion[data-reaction-suggestion-message]:hover::after {
- display: inline-block;
+.page-item.disabled .page-link {
+ color: #6c757d;
+ pointer-events: none;
+ background-color: #fff;
+ border-color: #dee2e6;
}
-.reaction-suggestion[data-reaction-suggestion-message]::before,
-.reaction-suggestion[data-reaction-suggestion-message]::after {
- display: inline-block;
- text-decoration: none;
- animation-name: tooltip-appear;
- animation-duration: 0.1s;
- animation-fill-mode: forwards;
- animation-timing-function: ease-in;
- animation-delay: 0s;
+.page-link {
+ padding: 0.375rem 0.75rem;
}
-.reaction-suggestion[data-reaction-suggestion-message]::after {
- content: attr(data-reaction-suggestion-message);
+.page-item:first-child .page-link {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
}
-
-.discussion-topic-header {
- position: relative;
- padding: var(--base-size-8);
- word-wrap: break-word;
+.page-item:last-child .page-link {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
}
-.comment-form-error {
- padding: var(--base-size-16) var(--base-size-8);
- margin: var(--base-size-8);
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-danger-muted, var(--color-danger-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
- border-radius: var(--borderRadius-medium);
+.pagination-lg .page-link {
+ padding: 0.75rem 1.5rem;
+ font-size: 1.25rem;
}
-
-.email-format {
- line-height: 1.5em !important;
+.pagination-lg .page-item:first-child .page-link {
+ border-top-left-radius: 0.3rem;
+ border-bottom-left-radius: 0.3rem;
}
-
-.email-format div {
- white-space: pre-wrap;
+.pagination-lg .page-item:last-child .page-link {
+ border-top-right-radius: 0.3rem;
+ border-bottom-right-radius: 0.3rem;
}
-.email-format .email-hidden-reply {
- display: none;
- white-space: pre-wrap;
+.pagination-sm .page-link {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
}
-
-.email-format .email-hidden-reply.expanded {
- display: block;
+.pagination-sm .page-item:first-child .page-link {
+ border-top-left-radius: 0.2rem;
+ border-bottom-left-radius: 0.2rem;
}
-
-.email-format .email-quoted-reply,
-.email-format .email-signature-reply {
- padding: 0 var(--base-size-16);
- margin: var(--base-size-16) 0;
- color: var(--fgColor-muted, var(--color-fg-muted));
- border-left: var(--borderWidth-thicker) solid var(--borderColor-default, var(--color-border-default));
+.pagination-sm .page-item:last-child .page-link {
+ border-top-right-radius: 0.2rem;
+ border-bottom-right-radius: 0.2rem;
}
-.email-format .email-hidden-toggle a {
+.badge {
display: inline-block;
- height: 12px;
- padding: 0 var(--base-size-8);
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- line-height: 6px;
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
- vertical-align: middle;
- background: var(--bgColor-neutral-muted, var(--color-neutral-muted));
- border-radius: 1px;
+ padding: 0.35em 0.65em;
+ font-size: 0.75em;
+ font-weight: 700;
+ line-height: 1;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: 0.25rem;
}
-
-.email-format .email-hidden-toggle a:hover {
- background-color: var(--bgColor-accent-muted, var(--color-accent-muted));
+.badge:empty {
+ display: none;
}
-.email-format .email-hidden-toggle a:active {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.btn .badge {
+ position: relative;
+ top: -1px;
}
-.comment-email-format div {
- white-space: normal;
+.alert {
+ position: relative;
+ padding: 1rem 1rem;
+ margin-bottom: 1rem;
+ border: 1px solid transparent;
+ border-radius: 0.25rem;
}
-.comment-email-format .email-hidden-reply {
- display: none;
- white-space: normal;
+.alert-heading {
+ color: inherit;
}
-.comment-email-format .email-hidden-reply.expanded {
- display: block;
+.alert-link {
+ font-weight: 700;
}
-.comment-email-format blockquote,
-.comment-email-format p {
- margin: 0;
+.alert-dismissible {
+ padding-right: 3rem;
}
-
-.locked-conversation .write-tab,
-.locked-conversation .preview-tab {
- color: #c6cbd1;
+.alert-dismissible .btn-close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+ padding: 1.25rem 1rem;
}
-.write-tab:focus,
-.preview-tab:focus {
- outline-offset: -6px !important;
+.alert-primary {
+ color: #084298;
+ background-color: #cfe2ff;
+ border-color: #b6d4fe;
}
-
-.manual-file-chooser-transparent {
- min-height: 0;
- overflow: hidden;
- opacity: 0.01;
+.alert-primary .alert-link {
+ color: #06357a;
}
-.manual-file-chooser-transparent::-webkit-file-upload-button {
- cursor: pointer;
+.alert-secondary {
+ color: #41464b;
+ background-color: #e2e3e5;
+ border-color: #d3d6d8;
}
-
-.manual-file-chooser-transparent:focus {
- opacity: 1 !important;
+.alert-secondary .alert-link {
+ color: #34383c;
}
-.rich-diff clipboard-copy {
- display: none;
+.alert-success {
+ color: #0f5132;
+ background-color: #d1e7dd;
+ border-color: #badbcc;
}
-
-.css-overflow-wrap-anywhere {
- overflow-wrap: anywhere;
+.alert-success .alert-link {
+ color: #0c4128;
}
-.commit-sha {
- padding: 0.2em 0.4em;
- font-size: 90%;
- font-weight: var(--base-text-weight-normal, 400);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
- border-radius: 0.2em;
+.alert-info {
+ color: #055160;
+ background-color: #cff4fc;
+ border-color: #b6effb;
}
-
-.commit .commit-title,
-.commit .commit-title a {
- color: var(--fgColor-default, var(--color-fg-default));
+.alert-info .alert-link {
+ color: #04414d;
}
-.commit .commit-title.blank,
-.commit .commit-title.blank a {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.alert-warning {
+ color: #664d03;
+ background-color: #fff3cd;
+ border-color: #ffecb5;
}
-
-.commit .commit-title .issue-link {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-accent, var(--color-accent-fg));
+.alert-warning .alert-link {
+ color: #523e02;
}
-.commit .sha-block,
-.commit .sha {
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 12px;
+.alert-danger {
+ color: #842029;
+ background-color: #f8d7da;
+ border-color: #f5c2c7;
}
-
-.commit.open .commit-desc {
- display: block;
+.alert-danger .alert-link {
+ color: #6a1a21;
}
-.commit-link {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-accent, var(--color-accent-fg));
+.alert-light {
+ color: #636464;
+ background-color: #fefefe;
+ border-color: #fdfdfe;
}
-
-.commit-ref {
- position: relative;
- display: inline-block;
- padding: 0 var(--base-size-4);
- font: 0.85em/1.8
- var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-radius: var(--borderRadius-medium);
+.alert-light .alert-link {
+ color: #4f5050;
}
-.commit-ref .user {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.alert-dark {
+ color: #141619;
+ background-color: #d3d3d4;
+ border-color: #bcbebf;
}
-
-a.commit-ref:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.alert-dark .alert-link {
+ color: #101214;
}
-.commit-desc {
- display: none;
+@-webkit-keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
}
-.commit-desc pre {
- max-width: 700px;
- margin-top: var(--base-size-8);
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 11px;
- line-height: 1.45;
- color: var(--fgColor-default, var(--color-fg-default));
- white-space: pre-wrap;
+@keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
}
-
-.commit-desc + .commit-branches {
- padding-top: var(--base-size-8);
- margin-top: 2px;
- border-top: solid var(--borderWidth-thin) var(--borderColor-muted, var(--color-border-subtle));
+.progress {
+ display: flex;
+ height: 1rem;
+ overflow: hidden;
+ font-size: 0.75rem;
+ background-color: #e9ecef;
+ border-radius: 0.25rem;
}
-.commit-author-section {
- color: var(--fgColor-default, var(--color-fg-default));
+.progress-bar {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ overflow: hidden;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #0d6efd;
+ transition: width 0.6s ease;
}
-
-.commit-author-section span.user-mention {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar {
+ transition: none;
+ }
}
-.commit-tease-sha {
- display: inline-block;
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
+.progress-bar-striped {
+ background-image: linear-gradient(
+ 45deg,
+ rgba(255, 255, 255, 0.15) 25%,
+ transparent 25%,
+ transparent 50%,
+ rgba(255, 255, 255, 0.15) 50%,
+ rgba(255, 255, 255, 0.15) 75%,
+ transparent 75%,
+ transparent
);
- font-size: 90%;
- color: var(--fgColor-default, var(--color-fg-default));
+ background-size: 1rem 1rem;
}
-.commits-list-item[aria-selected='true'],
-.commits-list-item.navigation-focus {
- background: #f6fbff;
+.progress-bar-animated {
+ -webkit-animation: 1s linear infinite progress-bar-stripes;
+ animation: 1s linear infinite progress-bar-stripes;
}
-
-.commits-list-item .commit-title {
- margin: 0;
- font-size: 16px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar-animated {
+ -webkit-animation: none;
+ animation: none;
+ }
}
-.commits-list-item .commit-meta {
- margin-top: 1px;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group {
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ border-radius: 0.25rem;
}
-.commits-list-item .status .octicon {
- height: 14px;
- line-height: 14px;
+.list-group-numbered {
+ list-style-type: none;
+ counter-reset: section;
}
-
-.commits-list-item .commit-author {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group-numbered > li::before {
+ content: counters(section, '.') '. ';
+ counter-increment: section;
}
-.commits-list-item .octicon-arrow-right {
- margin: 0 var(--base-size-4);
+.list-group-item-action {
+ width: 100%;
+ color: #495057;
+ text-align: inherit;
}
-
-.commits-list-item .commit-desc pre {
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group-item-action:hover,
+.list-group-item-action:focus {
+ z-index: 1;
+ color: #495057;
+ text-decoration: none;
+ background-color: #f8f9fa;
}
-
-.commits-list-item .commit-desc pre a {
- word-break: break-word;
+.list-group-item-action:active {
+ color: #212529;
+ background-color: #e9ecef;
}
-.commit-indicator {
- margin-left: var(--base-size-4);
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: 0.5rem 1rem;
+ color: #212529;
+ text-decoration: none;
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.commit-links-group {
- margin-right: var(--base-size-4);
+.list-group-item:first-child {
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit;
}
-
-.commits-list-item + .commits-list-item {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.list-group-item:last-child {
+ border-bottom-right-radius: inherit;
+ border-bottom-left-radius: inherit;
}
-
-.commit-branches {
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
+.list-group-item.disabled,
+.list-group-item:disabled {
+ color: #6c757d;
+ pointer-events: none;
+ background-color: #fff;
}
-
-.commit-branches .octicon {
- vertical-align: middle;
+.list-group-item.active {
+ z-index: 2;
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.commit-build-statuses {
- position: relative;
- display: inline-block;
- text-align: left;
+.list-group-item + .list-group-item {
+ border-top-width: 0;
}
-
-.commit-build-statuses .dropdown-menu {
- min-width: 362.6666666667px;
- max-width: 544px;
- padding-top: 0;
- padding-bottom: 0;
+.list-group-item + .list-group-item.active {
+ margin-top: -1px;
+ border-top-width: 1px;
}
-.commit-build-statuses .dropdown-menu .merge-status-list {
- max-height: 170px;
- visibility: visible;
- border-bottom: 0;
+.list-group-horizontal {
+ flex-direction: row;
}
-
-.commit-build-statuses .dropdown-menu-w,
-.commit-build-statuses .dropdown-menu-e {
- top: -11px;
+.list-group-horizontal > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
}
-
-.commit-build-statuses .merge-status-item:last-child {
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
+.list-group-horizontal > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
}
-
-.dropdown-signed-commit .dropdown-menu {
- width: 260px;
- margin-top: var(--base-size-8);
- font-size: 14px;
- line-height: 1.4;
- white-space: normal;
+.list-group-horizontal > .list-group-item.active {
+ margin-top: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
}
-.dropdown-signed-commit .dropdown-menu::after {
- border-bottom-color: var(--bgColor-muted, var(--color-canvas-subtle));
+@media (min-width: 576px) {
+ .list-group-horizontal-sm {
+ flex-direction: row;
+ }
+ .list-group-horizontal-sm > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 768px) {
+ .list-group-horizontal-md {
+ flex-direction: row;
+ }
+ .list-group-horizontal-md > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 992px) {
+ .list-group-horizontal-lg {
+ flex-direction: row;
+ }
+ .list-group-horizontal-lg > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 1200px) {
+ .list-group-horizontal-xl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xl > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 1400px) {
+ .list-group-horizontal-xxl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xxl > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+.list-group-flush {
+ border-radius: 0;
+}
+.list-group-flush > .list-group-item {
+ border-width: 0 0 1px;
+}
+.list-group-flush > .list-group-item:last-child {
+ border-bottom-width: 0;
}
-.dropdown-signed-commit .dropdown-menu-w {
- top: -28px;
- margin-top: 0;
+.list-group-item-primary {
+ color: #084298;
+ background-color: #cfe2ff;
}
-
-.dropdown-signed-commit .dropdown-menu-w::after {
- border-bottom-color: transparent;
- border-left-color: var(--bgColor-muted, var(--color-canvas-subtle));
+.list-group-item-primary.list-group-item-action:hover,
+.list-group-item-primary.list-group-item-action:focus {
+ color: #084298;
+ background-color: #bacbe6;
}
-
-.signed-commit-header {
- line-height: 1.3;
- white-space: normal;
- border-collapse: separate;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: solid var(--borderWidth-thin) var(--borderColor-default);
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+.list-group-item-primary.list-group-item-action.active {
+ color: #fff;
+ background-color: #084298;
+ border-color: #084298;
}
-.signed-commit-header .octicon-verified {
- color: var(--fgColor-success, var(--color-success-fg));
+.list-group-item-secondary {
+ color: #41464b;
+ background-color: #e2e3e5;
}
-
-.signed-commit-header .octicon-unverified {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group-item-secondary.list-group-item-action:hover,
+.list-group-item-secondary.list-group-item-action:focus {
+ color: #41464b;
+ background-color: #cbccce;
}
-
-.signed-commit-footer {
- font-size: 12px;
- line-height: 1.5;
+.list-group-item-secondary.list-group-item-action.active {
+ color: #fff;
+ background-color: #41464b;
+ border-color: #41464b;
}
-.signed-commit-cert-info {
- margin-bottom: var(--base-size-4);
+.list-group-item-success {
+ color: #0f5132;
+ background-color: #d1e7dd;
}
-
-.signed-commit-cert-info td {
- vertical-align: top;
+.list-group-item-success.list-group-item-action:hover,
+.list-group-item-success.list-group-item-action:focus {
+ color: #0f5132;
+ background-color: #bcd0c7;
}
-
-.signed-commit-cert-info td:first-child {
- width: 44px;
- padding-right: var(--base-size-12);
+.list-group-item-success.list-group-item-action.active {
+ color: #fff;
+ background-color: #0f5132;
+ border-color: #0f5132;
}
-.signed-commit-badge {
- display: inline-block;
- padding: 1px var(--base-size-4);
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
- -webkit-user-select: none;
- user-select: none;
- background: none;
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+.list-group-item-info {
+ color: #055160;
+ background-color: #cff4fc;
}
-
-.signed-commit-badge:hover {
- text-decoration: none;
- border-color: var(--borderColor-neutral-muted, var(--color-neutral-muted));
+.list-group-item-info.list-group-item-action:hover,
+.list-group-item-info.list-group-item-action:focus {
+ color: #055160;
+ background-color: #badce3;
}
-
-.signed-commit-badge.verified {
- color: var(--fgColor-success, var(--color-success-fg));
+.list-group-item-info.list-group-item-action.active {
+ color: #fff;
+ background-color: #055160;
+ border-color: #055160;
}
-.signed-commit-badge.verified:hover {
- border-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));
+.list-group-item-warning {
+ color: #664d03;
+ background-color: #fff3cd;
}
-
-.signed-commit-badge.unverified {
- color: var(--fgColor-attention, var(--color-attention-fg));
+.list-group-item-warning.list-group-item-action:hover,
+.list-group-item-warning.list-group-item-action:focus {
+ color: #664d03;
+ background-color: #e6dbb9;
}
-
-.signed-commit-badge.unverified:hover {
- border-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
+.list-group-item-warning.list-group-item-action.active {
+ color: #fff;
+ background-color: #664d03;
+ border-color: #664d03;
}
-.signed-commit-badge-small {
- height: 20px;
- margin-top: -2px;
- margin-right: var(--base-size-4);
+.list-group-item-danger {
+ color: #842029;
+ background-color: #f8d7da;
}
-
-.signed-commit-badge-medium {
- height: 20px;
- padding: var(--base-size-4) var(--base-size-8);
- font-size: 12px;
- border-radius: var(--borderRadius-medium);
+.list-group-item-danger.list-group-item-action:hover,
+.list-group-item-danger.list-group-item-action:focus {
+ color: #842029;
+ background-color: #dfc2c4;
}
-
-.signed-commit-badge-large {
- height: 24px;
- padding: var(--base-size-4) var(--base-size-12);
- margin-right: var(--base-size-8);
- font-size: 14px;
- line-height: 20px;
- border-radius: var(--borderRadius-medium);
+.list-group-item-danger.list-group-item-action.active {
+ color: #fff;
+ background-color: #842029;
+ border-color: #842029;
}
-.signed-commit-signer-name {
- font-size: 14px;
- text-align: left;
+.list-group-item-light {
+ color: #636464;
+ background-color: #fefefe;
}
-
-.signed-commit-signer-name .signer {
- display: block;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
+.list-group-item-light.list-group-item-action:hover,
+.list-group-item-light.list-group-item-action:focus {
+ color: #636464;
+ background-color: #e5e5e5;
}
-
-.copyable-terminal {
- position: relative;
- padding: var(--base-size-8) 55px var(--base-size-8) var(--base-size-8);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-radius: var(--borderRadius-medium);
+.list-group-item-light.list-group-item-action.active {
+ color: #fff;
+ background-color: #636464;
+ border-color: #636464;
}
-.copyable-terminal-content {
- overflow: auto;
+.list-group-item-dark {
+ color: #141619;
+ background-color: #d3d3d4;
}
-
-.copyable-terminal-button {
- position: absolute;
- top: 5px;
- right: 5px;
+.list-group-item-dark.list-group-item-action:hover,
+.list-group-item-dark.list-group-item-action:focus {
+ color: #141619;
+ background-color: #bebebf;
}
-
-.copyable-terminal-button .zeroclipboard-button {
- float: right;
+.list-group-item-dark.list-group-item-action.active {
+ color: #fff;
+ background-color: #141619;
+ border-color: #141619;
}
-.copyable-terminal-button .zeroclipboard-button .octicon {
- padding-left: 1px;
- margin: 0 auto;
+.btn-close {
+ box-sizing: content-box;
+ width: 1em;
+ height: 1em;
+ padding: 0.25em 0.25em;
+ color: #000;
+ background: transparent
+ url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
+ center/1em auto no-repeat;
+ border: 0;
+ border-radius: 0.25rem;
+ opacity: 0.5;
}
-
-.blob-wrapper {
- overflow-x: auto;
- overflow-y: hidden;
+.btn-close:hover {
+ color: #000;
+ text-decoration: none;
+ opacity: 0.75;
}
-
-.blob-wrapper table tr:nth-child(2n) {
- background-color: transparent;
+.btn-close:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+ opacity: 1;
}
-
-.page-edit-blob.height-full .CodeMirror {
- height: 300px;
+.btn-close:disabled,
+.btn-close.disabled {
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ opacity: 0.25;
}
-.page-edit-blob.height-full .CodeMirror,
-.page-edit-blob.height-full .CodeMirror-scroll {
- display: flex;
- flex-direction: column;
- flex: 1 1 auto;
+.btn-close-white {
+ filter: invert(1) grayscale(100%) brightness(200%);
}
-.blob-wrapper-embedded {
- max-height: 240px;
- overflow-y: auto;
+.toast {
+ width: 350px;
+ max-width: 100%;
+ font-size: 0.875rem;
+ pointer-events: auto;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ border-radius: 0.25rem;
}
-
-.diff-table {
- width: 100%;
- border-collapse: separate;
+.toast.showing {
+ opacity: 0;
}
-
-.diff-table .blob-code.blob-code-inner {
- padding-left: 22px;
+.toast:not(.show) {
+ display: none;
}
-.diff-table .line-comments {
- padding: 10px;
- vertical-align: top;
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.toast-container {
+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
+ max-width: 100%;
+ pointer-events: none;
}
-
-.diff-table .line-comments:first-child + .empty-cell {
- border-left-width: var(--borderWidth-thin);
+.toast-container > :not(:last-child) {
+ margin-bottom: 0.75rem;
}
-.diff-table tr:not(:last-child) .line-comments {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.toast-header {
+ display: flex;
+ align-items: center;
+ padding: 0.5rem 0.75rem;
+ color: #6c757d;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-
-.diff-view .blob-code-marker-context::before,
-.diff-view .blob-code-marker-injected_context::before,
-.diff-view .blob-code-marker-addition::before,
-.diff-view .blob-code-marker-deletion::before {
- top: var(--base-size-4);
+.toast-header .btn-close {
+ margin-right: -0.375rem;
+ margin-left: 0.75rem;
}
-.diff-view .line-alert,
-.diff-table .line-alert {
- position: absolute;
- left: -60px;
- margin: 2px;
+.toast-body {
+ padding: 0.75rem;
+ word-wrap: break-word;
}
-.comment-body .diff-view .line-alert {
+.modal {
+ position: fixed;
+ top: 0;
left: 0;
+ z-index: 1055;
+ display: none;
+ width: 100%;
+ height: 100%;
+ overflow-x: hidden;
+ overflow-y: auto;
+ outline: 0;
}
-.blob-num {
+.modal-dialog {
position: relative;
- width: 1%;
- min-width: 50px;
- padding-right: 10px;
- padding-left: 10px;
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 12px;
- line-height: 20px;
- color: var(--fgColor-muted, var(--color-fg-subtle));
- text-align: right;
- white-space: nowrap;
- vertical-align: top;
- cursor: pointer;
- -webkit-user-select: none;
- user-select: none;
-}
-
-.blob-num:hover {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.blob-num::before {
- content: attr(data-line-number);
+ width: auto;
+ margin: 0.5rem;
+ pointer-events: none;
}
-
-.blob-num.non-expandable {
- cursor: default;
+.modal.fade .modal-dialog {
+ transition: transform 0.3s ease-out;
+ transform: translate(0, -50px);
}
-
-.blob-num.non-expandable:hover {
- color: var(--fgColor-muted, var(--color-fg-subtle));
+@media (prefers-reduced-motion: reduce) {
+ .modal.fade .modal-dialog {
+ transition: none;
+ }
}
-
-.blob-num-hidden::before {
- visibility: hidden;
+.modal.show .modal-dialog {
+ transform: none;
}
-
-.blob-code {
- position: relative;
- padding-right: 10px;
- padding-left: 10px;
- line-height: 20px;
- vertical-align: top;
+.modal.modal-static .modal-dialog {
+ transform: scale(1.02);
}
-.copilot-chat-enabled .blob-code {
- padding-right: 54px;
+.modal-dialog-scrollable {
+ height: calc(100% - 1rem);
}
-
-.blob-code-inner {
- display: table-cell;
- overflow: visible;
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 12px;
- color: var(--fgColor-default, var(--color-fg-default));
- word-wrap: anywhere;
- white-space: pre;
+.modal-dialog-scrollable .modal-content {
+ max-height: 100%;
+ overflow: hidden;
}
-
-.blob-code-inner .x-first {
- border-top-left-radius: 0.2em;
- border-bottom-left-radius: 0.2em;
+.modal-dialog-scrollable .modal-body {
+ overflow-y: auto;
}
-.blob-code-inner .x-last {
- border-top-right-radius: 0.2em;
- border-bottom-right-radius: 0.2em;
+.modal-dialog-centered {
+ display: flex;
+ align-items: center;
+ min-height: calc(100% - 1rem);
}
-.blob-code-inner.highlighted,
-.blob-code-inner .highlighted {
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
- box-shadow: inset 2px 0 0 var(--borderColor-attention-muted, var(--color-attention-muted));
+.modal-content {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ pointer-events: auto;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 0.3rem;
+ outline: 0;
}
-.blob-code-inner::selection,
-.blob-code-inner *::selection {
- background-color: var(--selection-bgColor, var(--color-accent-muted));
+.modal-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1050;
+ width: 100vw;
+ height: 100vh;
+ background-color: #000;
}
-
-.js-blob-wrapper .blob-code-inner {
- white-space: pre-wrap;
+.modal-backdrop.fade {
+ opacity: 0;
}
-
-.blob-code-inner.blob-code-addition,
-.blob-code-inner.blob-code-deletion {
- position: relative;
- padding-left: 22px !important;
+.modal-backdrop.show {
+ opacity: 0.5;
}
-.blob-code-marker::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- padding-right: var(--base-size-8);
- content: attr(data-code-marker);
+.modal-header {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: space-between;
+ padding: 1rem 1rem;
+ border-bottom: 1px solid #dee2e6;
+ border-top-left-radius: calc(0.3rem - 1px);
+ border-top-right-radius: calc(0.3rem - 1px);
}
-
-.blob-code-context,
-.blob-code-addition,
-.blob-code-deletion {
- padding-left: 22px;
+.modal-header .btn-close {
+ padding: 0.5rem 0.5rem;
+ margin: -0.5rem -0.5rem -0.5rem auto;
}
-.blob-code-marker-addition::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: '+ ';
+.modal-title {
+ margin-bottom: 0;
+ line-height: 1.5;
}
-.blob-code-marker-deletion::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: '- ';
+.modal-body {
+ position: relative;
+ flex: 1 1 auto;
+ padding: 1rem;
}
-.blob-code-marker-context::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: ' ';
+.modal-footer {
+ display: flex;
+ flex-wrap: wrap;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: flex-end;
+ padding: 0.75rem;
+ border-top: 1px solid #dee2e6;
+ border-bottom-right-radius: calc(0.3rem - 1px);
+ border-bottom-left-radius: calc(0.3rem - 1px);
}
-
-.blob-code-marker-injected_context::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: ' ';
+.modal-footer > * {
+ margin: 0.25rem;
}
-.soft-wrap .diff-table {
- table-layout: fixed;
-}
+@media (min-width: 576px) {
+ .modal-dialog {
+ max-width: 500px;
+ margin: 1.75rem auto;
+ }
-.soft-wrap .blob-code {
- padding-left: 18px;
- text-indent: 0;
-}
+ .modal-dialog-scrollable {
+ height: calc(100% - 3.5rem);
+ }
-.soft-wrap .blob-code-inner {
- white-space: pre-wrap;
-}
+ .modal-dialog-centered {
+ min-height: calc(100% - 3.5rem);
+ }
-.soft-wrap .no-nl-marker {
- display: none;
+ .modal-sm {
+ max-width: 300px;
+ }
}
-
-.soft-wrap .add-line-comment {
- margin-top: 0;
- margin-left: -24px;
+@media (min-width: 992px) {
+ .modal-lg,
+ .modal-xl {
+ max-width: 800px;
+ }
}
-
-.soft-wrap .blob-code-context,
-.soft-wrap .blob-code-addition,
-.soft-wrap .blob-code-deletion {
- padding-left: 22px;
- text-indent: 0;
+@media (min-width: 1200px) {
+ .modal-xl {
+ max-width: 1140px;
+ }
}
-
-.blob-num-hunk,
-.blob-code-hunk,
-.blob-num-expandable {
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
+.modal-fullscreen {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
}
-
-.blob-num-hunk,
-.blob-num-expandable {
- background-color: var(--diffBlob-hunkNum-bgColor-rest, var(--diffBlob-hunk-bgColor-num));
+.modal-fullscreen .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
}
-
-.blob-code-hunk {
- padding-top: var(--base-size-4);
- padding-bottom: var(--base-size-4);
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-width: var(--borderWidth-thin) 0;
+.modal-fullscreen .modal-header {
+ border-radius: 0;
}
-
-.blob-expanded .blob-num:not(.blob-num-context-outside-diff),
-.blob-expanded .blob-code:not(.blob-code-context) {
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
+.modal-fullscreen .modal-body {
+ overflow-y: auto;
}
-
-.blob-expanded + tr.show-top-border:not(.blob-expanded) .blob-num,
-.blob-expanded + tr.show-top-border:not(.blob-expanded) .blob-code {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+.modal-fullscreen .modal-footer {
+ border-radius: 0;
}
-.blob-expanded tr.show-top-border .blob-num-hunk,
-.blob-expanded tr.show-top-border .blob-num {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+@media (max-width: 575.98px) {
+ .modal-fullscreen-sm-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-sm-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-sm-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-tr.show-top-border + .blob-expanded .blob-num,
-tr.show-top-border + .blob-expanded .blob-code {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+@media (max-width: 767.98px) {
+ .modal-fullscreen-md-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-md-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-md-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable {
- width: auto;
- padding: 0;
- font-size: 12px;
- text-align: center;
+@media (max-width: 991.98px) {
+ .modal-fullscreen-lg-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-lg-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-lg-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable .directional-expander {
- display: block;
- width: auto;
- height: auto;
- margin-right: -1px;
- color: var(--diffBlob-expander-iconColor, var(--color-diff-blob-expander-icon));
- cursor: pointer;
+@media (max-width: 1199.98px) {
+ .modal-fullscreen-xl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-xl-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable .single-expander {
- padding-top: var(--base-size-4);
- padding-bottom: var(--base-size-4);
+@media (max-width: 1399.98px) {
+ .modal-fullscreen-xxl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-xxl-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable .directional-expander:hover {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
+.tooltip {
+ position: absolute;
+ z-index: 1080;
+ display: block;
+ margin: 0;
+ font-family: var(--bs-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
text-shadow: none;
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.875rem;
+ word-wrap: break-word;
+ opacity: 0;
}
-
-.blob-code-addition {
- background-color: var(--diffBlob-additionLine-bgColor, var(--diffBlob-addition-bgColor-line));
- outline: 1px dotted transparent;
+.tooltip.show {
+ opacity: 0.9;
}
-
-.blob-code-addition .x {
- color: var(--diffBlob-additionWord-fgColor, var(--diffBlob-addition-fgColor-text));
- background-color: var(--diffBlob-additionWord-bgColor, var(--diffBlob-addition-bgColor-word));
+.tooltip .tooltip-arrow {
+ position: absolute;
+ display: block;
+ width: 0.8rem;
+ height: 0.4rem;
}
-
-.blob-num-addition {
- color: var(--diffBlob-additionNum-fgColor, var(--diffBlob-addition-fgColor-num));
- background-color: var(--diffBlob-additionNum-bgColor, var(--diffBlob-addition-bgColor-num));
- border-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));
+.tooltip .tooltip-arrow::before {
+ position: absolute;
+ content: '';
+ border-color: transparent;
+ border-style: solid;
}
-.blob-num-addition:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.bs-tooltip-top,
+.bs-tooltip-auto[data-popper-placement^='top'] {
+ padding: 0.4rem 0;
}
-
-.blob-code-deletion {
- background-color: var(--diffBlob-deletionLine-bgColor, var(--diffBlob-deletion-bgColor-line));
- outline: 1px dashed transparent;
+.bs-tooltip-top .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow {
+ bottom: 0;
}
-
-.blob-code-deletion .x {
- color: var(--diffBlob-deletionWord-fgColor, var(--diffBlob-deletion-fgColor-text));
- background-color: var(--diffBlob-deletionWord-bgColor, var(--diffBlob-deletion-bgColor-word));
+.bs-tooltip-top .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow::before {
+ top: -1px;
+ border-width: 0.4rem 0.4rem 0;
+ border-top-color: #000;
}
-.blob-num-deletion {
- color: var(--diffBlob-deletionNum-fgColor, var(--diffBlob-deletion-fgColor-num));
- background-color: var(--diffBlob-deletionNum-bgColor, var(--diffBlob-deletion-bgColor-num));
- border-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
+.bs-tooltip-end,
+.bs-tooltip-auto[data-popper-placement^='right'] {
+ padding: 0 0.4rem;
}
-
-.blob-num-deletion:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.bs-tooltip-end .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow {
+ left: 0;
+ width: 0.4rem;
+ height: 0.8rem;
}
-
-.is-selecting {
- cursor: ns-resize !important;
+.bs-tooltip-end .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow::before {
+ right: -1px;
+ border-width: 0.4rem 0.4rem 0.4rem 0;
+ border-right-color: #000;
}
-.is-selecting .blob-num {
- cursor: ns-resize !important;
+.bs-tooltip-bottom,
+.bs-tooltip-auto[data-popper-placement^='bottom'] {
+ padding: 0.4rem 0;
}
-
-.is-selecting .add-line-comment,
-.is-selecting a {
- pointer-events: none;
- cursor: ns-resize !important;
+.bs-tooltip-bottom .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow {
+ top: 0;
}
-
-.is-selecting .is-hovered .add-line-comment {
- opacity: 0;
+.bs-tooltip-bottom .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow::before {
+ bottom: -1px;
+ border-width: 0 0.4rem 0.4rem;
+ border-bottom-color: #000;
}
-.is-selecting.file-diff-split {
- cursor: nwse-resize !important;
+.bs-tooltip-start,
+.bs-tooltip-auto[data-popper-placement^='left'] {
+ padding: 0 0.4rem;
}
-
-.is-selecting.file-diff-split .blob-num {
- cursor: nwse-resize !important;
+.bs-tooltip-start .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow {
+ right: 0;
+ width: 0.4rem;
+ height: 0.8rem;
}
-
-.is-selecting.file-diff-split .empty-cell,
-.is-selecting.file-diff-split .add-line-comment,
-.is-selecting.file-diff-split a {
- pointer-events: none;
- cursor: nwse-resize !important;
+.bs-tooltip-start .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow::before {
+ left: -1px;
+ border-width: 0.4rem 0 0.4rem 0.4rem;
+ border-left-color: #000;
}
-.selected-line {
- position: relative;
+.tooltip-inner {
+ max-width: 200px;
+ padding: 0.25rem 0.5rem;
+ color: #fff;
+ text-align: center;
+ background-color: #000;
+ border-radius: 0.25rem;
}
-.selected-line::after {
+.popover {
position: absolute;
top: 0;
- left: 0;
+ left: 0 /* rtl:ignore */;
+ z-index: 1070;
display: block;
- width: 100%;
- height: 100%;
- box-sizing: border-box;
- pointer-events: none;
- content: '';
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
- mix-blend-mode: var(--color-diff-blob-selected-line-highlight-mix-blend-mode);
-}
-
-.selected-line.selected-line-top::after {
- border-top: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
-}
-
-.selected-line.selected-line-bottom::after {
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
-}
-
-.selected-line:first-child::after,
-.selected-line.selected-line-left::after {
- border-left: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
+ max-width: 276px;
+ font-family: var(--bs-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.875rem;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 0.3rem;
}
-
-.selected-line:last-child::after,
-.selected-line.selected-line-right::after {
- border-right: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
+.popover .popover-arrow {
+ position: absolute;
+ display: block;
+ width: 1rem;
+ height: 0.5rem;
}
-
-.is-commenting .selected-line.blob-code::before {
+.popover .popover-arrow::before,
+.popover .popover-arrow::after {
position: absolute;
- top: 0;
- left: -1px;
display: block;
- width: 4px;
- height: 100%;
content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
-}
-
-.add-line-comment {
- position: relative;
- z-index: 1;
- float: left;
- width: 22px;
- height: 22px;
- margin: -2px -10px -2px -32px;
- line-height: 21px;
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- text-align: center;
- text-indent: 0;
- cursor: pointer;
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
- border-radius: var(--borderRadius-medium);
- box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium));
- opacity: 0;
- transition: transform 0.1s ease-in-out;
- transform: scale(0.8, 0.8);
+ border-color: transparent;
+ border-style: solid;
}
-.add-line-comment:hover {
- transform: scale(1, 1);
+.bs-popover-top > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow {
+ bottom: calc(-0.5rem - 1px);
}
-
-.is-hovered .add-line-comment,
-.add-line-comment:focus {
- opacity: 1;
+.bs-popover-top > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before {
+ bottom: 0;
+ border-width: 0.5rem 0.5rem 0;
+ border-top-color: rgba(0, 0, 0, 0.25);
}
-
-.add-line-comment .octicon {
- vertical-align: text-top;
- pointer-events: none;
+.bs-popover-top > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::after {
+ bottom: 1px;
+ border-width: 0.5rem 0.5rem 0;
+ border-top-color: #fff;
}
-.add-line-comment.octicon-check {
- background: #333;
- opacity: 1;
+.bs-popover-end > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow {
+ left: calc(-0.5rem - 1px);
+ width: 0.5rem;
+ height: 1rem;
}
-
-.inline-comment-form {
- border: var(--borderWidth-thin) solid #dfe2e5;
- border-radius: var(--borderRadius-medium);
+.bs-popover-end > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before {
+ left: 0;
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+ border-right-color: rgba(0, 0, 0, 0.25);
}
-
-.timeline-inline-comments {
- width: 100%;
- table-layout: fixed;
+.bs-popover-end > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::after {
+ left: 1px;
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+ border-right-color: #fff;
}
-.timeline-inline-comments .inline-comments,
-.show-inline-notes .inline-comments {
- display: table-row;
+.bs-popover-bottom > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow {
+ top: calc(-0.5rem - 1px);
}
-
-.inline-comments {
- display: none;
+.bs-popover-bottom > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before {
+ top: 0;
+ border-width: 0 0.5rem 0.5rem 0.5rem;
+ border-bottom-color: rgba(0, 0, 0, 0.25);
}
-
-.inline-comments .line-comments + .blob-num {
- border-left-width: var(--borderWidth-thin);
+.bs-popover-bottom > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::after {
+ top: 1px;
+ border-width: 0 0.5rem 0.5rem 0.5rem;
+ border-bottom-color: #fff;
}
-
-.inline-comments .timeline-comment {
- margin-bottom: 10px;
+.bs-popover-bottom .popover-header::before,
+.bs-popover-auto[data-popper-placement^='bottom'] .popover-header::before {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ display: block;
+ width: 1rem;
+ margin-left: -0.5rem;
+ content: '';
+ border-bottom: 1px solid #f0f0f0;
}
-.inline-comments .inline-comment-form,
-.inline-comments .inline-comment-form-container {
- max-width: 780px;
+.bs-popover-start > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow {
+ right: calc(-0.5rem - 1px);
+ width: 0.5rem;
+ height: 1rem;
}
-
-.comment-holder {
- max-width: 780px;
+.bs-popover-start > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before {
+ right: 0;
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+ border-left-color: rgba(0, 0, 0, 0.25);
}
-
-.comment-holder + .comment-holder {
- margin-top: var(--base-size-16);
+.bs-popover-start > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::after {
+ right: 1px;
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+ border-left-color: #fff;
}
-.line-comments + .line-comments,
-.empty-cell + .line-comments {
- border-left: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+.popover-header {
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ font-size: 1rem;
+ background-color: #f0f0f0;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ border-top-left-radius: calc(0.3rem - 1px);
+ border-top-right-radius: calc(0.3rem - 1px);
}
-
-.inline-comment-form-container .inline-comment-form-box,
-.inline-comment-form-container.open .inline-comment-form-actions {
+.popover-header:empty {
display: none;
}
-.inline-comment-form-container .inline-comment-form-actions,
-.inline-comment-form-container.open .inline-comment-form-box {
- display: block;
-}
-
-body.full-width .container,
-body.full-width .container-lg:not(.markdown-body),
-body.full-width .container-xl {
- width: 100%;
- max-width: none;
- padding-right: var(--base-size-20);
- padding-left: var(--base-size-20);
-}
-
-body.full-width .repository-content {
- width: 100%;
-}
-
-body.full-width .new-pr-form {
- max-width: 980px;
+.popover-body {
+ padding: 1rem 1rem;
+ color: #212529;
}
-.file-diff-split {
- table-layout: fixed;
+.carousel {
+ position: relative;
}
-.file-diff-split .blob-code + .blob-num {
- border-left: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+.carousel.pointer-event {
+ touch-action: pan-y;
}
-.file-diff-split .blob-code-inner {
- white-space: pre-wrap;
+.carousel-inner {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
}
-
-.file-diff-split .empty-cell {
- cursor: default;
- background-color: var(--diffBlob-emptyLine-bgColor, var(--bgColor-muted));
- border-right-color: var(--borderColor-muted, var(--color-border-muted));
+.carousel-inner::after {
+ display: block;
+ clear: both;
+ content: '';
}
-@media (max-width: 1280px) {
- .file-diff-split .write-selected .comment-form-head.tabnav:not(.CommentBox-header) {
- margin-bottom: var(--base-size-80) !important;
- }
-
- .file-diff-split .tabnav:not(.CommentBox-header) markdown-toolbar {
- position: absolute;
- top: 47px;
- right: 0;
- left: 0;
- height: 64px;
- align-items: center !important;
- }
+.carousel-item {
+ position: relative;
+ display: none;
+ float: left;
+ width: 100%;
+ margin-right: -100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ transition: transform 0.6s ease-in-out;
}
-
-@media (min-width: 1280px) {
- .file-diff-split .write-selected .comment-form-head.tabnav:not(.CommentBox-header) .tabnav-tabs {
- align-self: end;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-item {
+ transition: none;
}
}
-.submodule-diff-stats .octicon-diff-removed {
- color: var(--fgColor-danger, var(--color-danger-fg));
-}
-
-.submodule-diff-stats .octicon-diff-renamed {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.submodule-diff-stats .octicon-diff-modified {
- color: var(--fgColor-attention, var(--color-attention-fg));
-}
-
-.submodule-diff-stats .octicon-diff-added {
- color: var(--fgColor-success, var(--color-success-fg));
-}
-
-.BlobToolbar {
- left: -17px;
-}
-
-.BlobToolbar-dropdown {
- margin-left: -2px;
-}
-
-.pl-token:hover,
-.pl-token.active {
- cursor: pointer;
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
-}
-
-.diffstat {
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- cursor: default;
-}
-
-.diffstat-block-deleted,
-.diffstat-block-added,
-.diffstat-block-neutral {
- display: inline-block;
- width: var(--base-size-8);
- height: var(--base-size-8);
- margin-left: 1px;
-}
-
-.diffstat-block-deleted {
- background-color: var(--bgColor-danger-emphasis, var(--color-danger-emphasis));
-}
-
-.diffstat-block-added {
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
-}
-
-.diffstat-block-neutral {
- background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted));
- outline: 1px solid var(--borderColor-muted, var(--color-border-subtle));
- outline-offset: -1px;
-}
-
-.discussion-sidebar-item {
- padding-top: var(--base-size-16);
- font-size: 12px;
-}
-
-.discussion-sidebar-item .btn .octicon {
- margin-right: 0;
-}
-
-.discussion-sidebar-item .muted-icon {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.discussion-sidebar-item .muted-icon:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- cursor: pointer;
-}
-
-.discussion-sidebar-item + .discussion-sidebar-item {
- margin-top: var(--base-size-16);
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.discussion-sidebar-item .select-menu {
- position: relative;
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+ display: block;
}
-.discussion-sidebar-item .select-menu-modal-holder {
- top: 25px;
- right: -1px;
- left: auto;
+/* rtl:begin:ignore */
+.carousel-item-next:not(.carousel-item-start),
+.active.carousel-item-end {
+ transform: translateX(100%);
}
-.discussion-sidebar-heading {
- margin-bottom: var(--base-size-8);
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.carousel-item-prev:not(.carousel-item-end),
+.active.carousel-item-start {
+ transform: translateX(-100%);
}
-.discussion-sidebar-toggle {
- padding: var(--base-size-4) 0;
- margin: calc(var(--base-size-4) * -1) 0 var(--base-size-4);
+/* rtl:end:ignore */
+.carousel-fade .carousel-item {
+ opacity: 0;
+ transition-property: opacity;
+ transform: none;
}
-
-.discussion-sidebar-toggle .octicon {
- float: right;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-start,
+.carousel-fade .carousel-item-prev.carousel-item-end {
+ z-index: 1;
+ opacity: 1;
}
-
-.discussion-sidebar-toggle:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- cursor: pointer;
+.carousel-fade .active.carousel-item-start,
+.carousel-fade .active.carousel-item-end {
+ z-index: 0;
+ opacity: 0;
+ transition: opacity 0s 0.6s;
}
-
-.discussion-sidebar-toggle:hover .octicon {
- color: inherit;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-fade .active.carousel-item-start,
+ .carousel-fade .active.carousel-item-end {
+ transition: none;
+ }
}
-button.discussion-sidebar-toggle {
- display: block;
- width: 100%;
- font-weight: var(--base-text-weight-semibold, 600);
- text-align: left;
+.carousel-control-prev,
+.carousel-control-next {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 15%;
+ padding: 0;
+ color: #fff;
+ text-align: center;
background: none;
border: 0;
+ opacity: 0.5;
+ transition: opacity 0.15s ease;
}
-
-.sidebar-progress-bar .progress-bar {
- height: var(--base-size-8);
- margin-bottom: 2px;
- border-radius: var(--borderRadius-medium);
-}
-
-.sidebar-assignee .css-truncate-target {
- max-width: 110px;
-}
-
-.sidebar-assignee .assignee {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-control-prev,
+ .carousel-control-next {
+ transition: none;
+ }
}
-
-.sidebar-assignee .assignee:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.carousel-control-prev:hover,
+.carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
+ color: #fff;
text-decoration: none;
+ outline: 0;
+ opacity: 0.9;
}
-.sidebar-assignee .reviewers-status-icon {
- width: 14px;
-}
-
-.sidebar-assignee .octicon {
- margin-top: 2px;
-}
-
-.sidebar-notifications {
- position: relative;
-}
-
-.sidebar-notifications .thread-subscription-status {
- padding: 0;
- margin: 0;
- border: 0;
-}
-
-.sidebar-notifications .thread-subscription-status .thread-subscribe-form {
- display: block;
-}
-
-.sidebar-notifications .thread-subscription-status .reason {
- padding: 0;
- margin: var(--base-size-4) 0 0;
+.carousel-control-prev {
+ left: 0;
}
-.participation .participant-avatar {
- float: left;
- margin: var(--base-size-4) 0 0 var(--base-size-4);
+.carousel-control-next {
+ right: 0;
}
-.participation a {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ background-repeat: no-repeat;
+ background-position: 50%;
+ background-size: 100% 100%;
}
-.participation a:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
+/* rtl:options: {
+ "autoRename": true,
+ "stringMap":[ {
+ "name" : "prev-next",
+ "search" : "prev",
+ "replace" : "next"
+ } ]
+} */
+.carousel-control-prev-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
-.participation-avatars {
- margin-left: calc(var(--base-size-4) * -1);
+.carousel-control-next-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
-.participation-avatars::before {
- display: table;
- content: '';
+.carousel-indicators {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 2;
+ display: flex;
+ justify-content: center;
+ padding: 0;
+ margin-right: 15%;
+ margin-bottom: 1rem;
+ margin-left: 15%;
+ list-style: none;
}
-
-.participation-avatars::after {
- display: table;
- clear: both;
- content: '';
+.carousel-indicators [data-bs-target] {
+ box-sizing: content-box;
+ flex: 0 1 auto;
+ width: 30px;
+ height: 3px;
+ padding: 0;
+ margin-right: 3px;
+ margin-left: 3px;
+ text-indent: -999px;
+ cursor: pointer;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 0;
+ border-top: 10px solid transparent;
+ border-bottom: 10px solid transparent;
+ opacity: 0.5;
+ transition: opacity 0.6s ease;
}
-
-.participation-more {
- float: left;
- margin: var(--base-size-8) var(--base-size-4) 0;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-indicators [data-bs-target] {
+ transition: none;
+ }
}
-
-.inline-comment-form .form-actions,
-.timeline-new-comment .form-actions {
- padding: 0 var(--base-size-8) var(--base-size-8);
+.carousel-indicators .active {
+ opacity: 1;
}
-.inline-comment-form::before {
- display: table;
- content: '';
+.carousel-caption {
+ position: absolute;
+ right: 15%;
+ bottom: 1.25rem;
+ left: 15%;
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ color: #fff;
+ text-align: center;
}
-.inline-comment-form::after {
- display: table;
- clear: both;
- content: '';
+.carousel-dark .carousel-control-prev-icon,
+.carousel-dark .carousel-control-next-icon {
+ filter: invert(1) grayscale(100);
}
-
-.inline-comment-form .tabnav-tabs {
- display: inline-block;
+.carousel-dark .carousel-indicators [data-bs-target] {
+ background-color: #000;
}
-
-.inline-comment-form .form-actions {
- float: right;
+.carousel-dark .carousel-caption {
+ color: #000;
}
-.gh-header-actions {
- float: right;
- margin-top: var(--base-size-4);
+@-webkit-keyframes spinner-border {
+ to {
+ transform: rotate(360deg) /* rtl:ignore */;
+ }
}
-.gh-header-actions .btn-sm {
- float: left;
- margin-left: var(--base-size-4);
+@keyframes spinner-border {
+ to {
+ transform: rotate(360deg) /* rtl:ignore */;
+ }
}
-
-.gh-header-actions .btn-sm .octicon {
- margin-right: 0;
+.spinner-border {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ vertical-align: -0.125em;
+ border: 0.25em solid currentColor;
+ border-right-color: transparent;
+ border-radius: 50%;
+ -webkit-animation: 0.75s linear infinite spinner-border;
+ animation: 0.75s linear infinite spinner-border;
}
-.gh-header {
- background-color: var(--bgColor-default, var(--color-canvas-default));
+.spinner-border-sm {
+ width: 1rem;
+ height: 1rem;
+ border-width: 0.2em;
}
-.gh-header .gh-header-sticky {
- height: 1px;
+@-webkit-keyframes spinner-grow {
+ 0% {
+ transform: scale(0);
+ }
+ 50% {
+ opacity: 1;
+ transform: none;
+ }
}
-.gh-header .gh-header-sticky .meta {
- font-size: 12px;
+@keyframes spinner-grow {
+ 0% {
+ transform: scale(0);
+ }
+ 50% {
+ opacity: 1;
+ transform: none;
+ }
}
-
-.gh-header .gh-header-sticky .sticky-content,
-.gh-header .gh-header-sticky .gh-header-shadow {
- display: none;
+.spinner-grow {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ vertical-align: -0.125em;
+ background-color: currentColor;
+ border-radius: 50%;
+ opacity: 0;
+ -webkit-animation: 0.75s linear infinite spinner-grow;
+ animation: 0.75s linear infinite spinner-grow;
}
-.gh-header .gh-header-sticky.is-stuck {
- z-index: 110;
- height: 60px;
+.spinner-grow-sm {
+ width: 1rem;
+ height: 1rem;
}
-.gh-header .gh-header-sticky.is-stuck .sticky-content {
- display: block;
+@media (prefers-reduced-motion: reduce) {
+ .spinner-border,
+ .spinner-grow {
+ -webkit-animation-duration: 1.5s;
+ animation-duration: 1.5s;
+ }
}
-
-.gh-header .gh-header-sticky.is-stuck .css-truncate-target {
- max-width: 150px;
+.offcanvas {
+ position: fixed;
+ bottom: 0;
+ z-index: 1045;
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ visibility: hidden;
+ background-color: #fff;
+ background-clip: padding-box;
+ outline: 0;
+ transition: transform 0.3s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .offcanvas {
+ transition: none;
+ }
}
-.gh-header .gh-header-sticky.is-stuck + .gh-header-shadow {
+.offcanvas-backdrop {
position: fixed;
top: 0;
- right: 0;
left: 0;
- z-index: 109;
- display: block;
- height: 60px;
- content: '';
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+ z-index: 1040;
+ width: 100vw;
+ height: 100vh;
+ background-color: #000;
}
-
-.gh-header .gh-header-edit {
- display: none;
+.offcanvas-backdrop.fade {
+ opacity: 0;
}
-
-.gh-header .gh-header-meta .base-ref {
- display: inline-block;
+.offcanvas-backdrop.show {
+ opacity: 0.5;
}
-.gh-header .gh-header-meta .commit-ref-dropdown {
- display: none;
+.offcanvas-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 1rem 1rem;
}
-
-.gh-header.open .gh-header-show {
- display: none;
+.offcanvas-header .btn-close {
+ padding: 0.5rem 0.5rem;
+ margin-top: -0.5rem;
+ margin-right: -0.5rem;
+ margin-bottom: -0.5rem;
}
-.gh-header.open .gh-header-edit {
- display: block;
+.offcanvas-title {
+ margin-bottom: 0;
+ line-height: 1.5;
}
-.gh-header.open .gh-header-meta .base-ref {
- display: none;
+.offcanvas-body {
+ flex-grow: 1;
+ padding: 1rem 1rem;
+ overflow-y: auto;
}
-.gh-header.open .gh-header-meta .commit-ref-dropdown {
- display: inline-block;
- margin-top: calc(var(--base-size-4) * -1);
- vertical-align: top;
+.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: 400px;
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateX(-100%);
}
-.gh-header-title {
- margin-right: 150px;
- margin-bottom: 0;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1.125;
- word-wrap: break-word;
+.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: 400px;
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateX(100%);
}
-.gh-header-no-access .gh-header-title {
- margin-right: 0;
+.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: 30vh;
+ max-height: 100%;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateY(-100%);
}
-.gh-header-number {
- font-weight: var(--base-text-weight-light, 300);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: 30vh;
+ max-height: 100%;
+ border-top: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateY(100%);
}
-.gh-header-meta {
- padding-bottom: var(--base-size-8);
- margin-top: var(--base-size-8);
- font-size: 14px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.offcanvas.show {
+ transform: none;
}
-.gh-header.issue .gh-header-meta {
- margin-bottom: var(--base-size-16);
+.placeholder {
+ display: inline-block;
+ min-height: 1em;
+ vertical-align: middle;
+ cursor: wait;
+ background-color: currentColor;
+ opacity: 0.5;
}
-
-.gh-header.pull .gh-header-meta {
- padding-bottom: 0;
- border-bottom: 0;
+.placeholder.btn::before {
+ display: inline-block;
+ content: '';
}
-.gh-header-meta .commit-ref .css-truncate-target,
-.gh-header-meta .commit-ref:hover .css-truncate-target {
- max-width: 80vw;
+.placeholder-xs {
+ min-height: 0.6em;
}
-.gh-header-meta .State {
- margin-right: var(--base-size-8);
+.placeholder-sm {
+ min-height: 0.8em;
}
-.gh-header-meta .avatar {
- float: left;
- margin-top: calc(var(--base-size-4) * -1);
- margin-right: var(--base-size-4);
+.placeholder-lg {
+ min-height: 1.2em;
}
-.timeline-comment-wrapper {
- position: relative;
- padding-left: 56px;
- margin-top: var(--base-size-16);
- margin-bottom: var(--base-size-16);
+.placeholder-glow .placeholder {
+ -webkit-animation: placeholder-glow 2s ease-in-out infinite;
+ animation: placeholder-glow 2s ease-in-out infinite;
}
-.timeline-comment-avatar {
- float: left;
- margin-left: -56px;
- border-radius: var(--borderRadius-medium);
+@-webkit-keyframes placeholder-glow {
+ 50% {
+ opacity: 0.2;
+ }
}
-.timeline-comment-avatar .avatar {
- width: var(--base-size-40);
- height: var(--base-size-40);
+@keyframes placeholder-glow {
+ 50% {
+ opacity: 0.2;
+ }
}
-
-.timeline-comment-avatar .avatar-child {
- width: 20px;
- height: 20px;
+.placeholder-wave {
+ -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+ mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+ -webkit-mask-size: 200% 100%;
+ mask-size: 200% 100%;
+ -webkit-animation: placeholder-wave 2s linear infinite;
+ animation: placeholder-wave 2s linear infinite;
}
-.timeline-comment {
- position: relative;
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
+@-webkit-keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0%;
+ mask-position: -200% 0%;
+ }
}
-.timeline-comment.will-transition-once {
- transition: border-color 0.65s ease-in-out;
+@keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0%;
+ mask-position: -200% 0%;
+ }
}
-
-.timeline-comment.will-transition-once .timeline-comment-header {
- transition: background-color 0.65s ease, border-bottom-color 0.65s ease-in-out;
+.clearfix::after {
+ display: block;
+ clear: both;
+ content: '';
}
-.timeline-comment.will-transition-once::before,
-.timeline-comment.will-transition-once::after {
- transition: border-right-color 0.65s ease-in-out;
+.link-primary {
+ color: #0d6efd;
}
-
-.timeline-comment.current-user {
- border-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-primary:hover,
+.link-primary:focus {
+ color: #0a58ca;
}
-.timeline-comment.current-user .timeline-comment-header {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-bottom-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-secondary {
+ color: #6c757d;
}
-
-.timeline-comment.current-user .Label {
- border-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-secondary:hover,
+.link-secondary:focus {
+ color: #565e64;
}
-.timeline-comment.current-user .previewable-comment-form .comment-form-head.tabnav {
- color: var(--borderColor-accent-muted, var(--color-accent-muted));
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-bottom-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-success {
+ color: #198754;
}
-
-.timeline-comment.unread-item,
-.timeline-comment.is-internal {
- border-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-success:hover,
+.link-success:focus {
+ color: #146c43;
}
-.timeline-comment.unread-item .timeline-comment-header,
-.timeline-comment.is-internal .timeline-comment-header {
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
- border-bottom-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-info {
+ color: #0dcaf0;
}
-
-.timeline-comment.unread-item .Label,
-.timeline-comment.is-internal .Label {
- border-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-info:hover,
+.link-info:focus {
+ color: #3dd5f3;
}
-.timeline-comment.unread-item .previewable-comment-form .comment-form-head.tabnav,
-.timeline-comment.is-internal .previewable-comment-form .comment-form-head.tabnav {
- color: var(--borderColor-attention-muted, var(--color-attention-muted));
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
- border-bottom-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-warning {
+ color: #ffc107;
}
-
-.timeline-comment:empty {
- display: none;
+.link-warning:hover,
+.link-warning:focus {
+ color: #ffcd39;
}
-.timeline-comment .comment + .comment {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.link-danger {
+ color: #dc3545;
}
-
-.timeline-comment .comment + .comment::before,
-.timeline-comment .comment + .comment::after {
- display: none;
+.link-danger:hover,
+.link-danger:focus {
+ color: #b02a37;
}
-.timeline-comment .comment + .comment .timeline-comment-header {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
+.link-light {
+ color: #f8f9fa;
}
-
-.timeline-comment--caret-nw.empty-copilot-review::after,
-.timeline-comment--caret-nw.empty-copilot-review::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.link-light:hover,
+.link-light:focus {
+ color: #f9fafb;
}
-.timeline-comment--caret-nw.empty-copilot-review::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-default, var(--color-canvas-subtle)),
- var(--bgColor-default, var(--color-canvas-subtle))
- );
+.link-dark {
+ color: #212529;
}
-
-.timeline-comment--caret-nw.empty-copilot-review::before {
- background-color: var(--borderColor-default, var(--color-border-default));
+.link-dark:hover,
+.link-dark:focus {
+ color: #1a1e21;
}
-.timeline-comment--caret::after,
-.timeline-comment--caret::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
+.ratio {
+ position: relative;
+ width: 100%;
+}
+.ratio::before {
display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+ padding-top: var(--bs-aspect-ratio);
+ content: '';
}
-
-.timeline-comment--caret::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-muted, var(--color-canvas-subtle)),
- var(--bgColor-muted, var(--color-canvas-subtle))
- );
+.ratio > * {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
}
-.timeline-comment--caret::before {
- background-color: var(--borderColor-default, var(--color-border-default));
+.ratio-1x1 {
+ --bs-aspect-ratio: 100%;
}
-.is-pending .timeline-comment--caret::after,
-.is-pending .timeline-comment--caret::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.ratio-4x3 {
+ --bs-aspect-ratio: 75%;
}
-.is-pending .timeline-comment--caret::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-attention-muted, var(--color-attention-subtle)),
- var(--bgColor-attention-muted, var(--color-attention-subtle))
- );
+.ratio-16x9 {
+ --bs-aspect-ratio: 56.25%;
}
-.is-pending .timeline-comment--caret::before {
- background-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
+.ratio-21x9 {
+ --bs-aspect-ratio: 42.8571428571%;
}
-.timeline-comment--caret.current-user::after,
-.timeline-comment--caret.current-user::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.fixed-top {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1030;
}
-.timeline-comment--caret.current-user::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-accent-muted, var(--color-accent-subtle)),
- var(--bgColor-accent-muted, var(--color-accent-subtle))
- );
+.fixed-bottom {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1030;
}
-.timeline-comment--caret.current-user::before {
- background-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.sticky-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
}
-.timeline-comment--caret.unread-item::after,
-.timeline-comment--caret.unread-item::before,
-.timeline-comment--caret.is-internal::after,
-.timeline-comment--caret.is-internal::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+@media (min-width: 576px) {
+ .sticky-sm-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
}
-
-.timeline-comment--caret.unread-item::after,
-.timeline-comment--caret.is-internal::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-attention-muted, var(--color-attention-subtle)),
- var(--bgColor-attention-muted, var(--color-attention-subtle))
- );
+@media (min-width: 768px) {
+ .sticky-md-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
}
-
-.timeline-comment--caret.unread-item::before,
-.timeline-comment--caret.is-internal::before {
- background-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+@media (min-width: 992px) {
+ .sticky-lg-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1200px) {
+ .sticky-xl-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1400px) {
+ .sticky-xxl-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+.hstack {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ align-self: stretch;
}
-.timeline-comment--caret.timeline-comment--caret-nw::before,
-.timeline-comment--caret.timeline-comment--caret-nw::after {
- transform: rotate(90deg);
+.vstack {
+ display: flex;
+ flex: 1 1 auto;
+ flex-direction: column;
+ align-self: stretch;
}
-.timeline-comment--caret.timeline-comment--caret-nw::before {
- top: -12px;
- left: var(--base-size-12);
+.visually-hidden,
+.visually-hidden-focusable:not(:focus):not(:focus-within) {
+ position: absolute !important;
+ width: 1px !important;
+ height: 1px !important;
+ padding: 0 !important;
+ margin: -1px !important;
+ overflow: hidden !important;
+ clip: rect(0, 0, 0, 0) !important;
+ white-space: nowrap !important;
+ border: 0 !important;
}
-.timeline-comment--caret.timeline-comment--caret-nw::after {
- top: -10px;
- left: 10px;
+.stretched-link::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ content: '';
}
-.page-responsive .timeline-comment--caret::before,
-.page-responsive .timeline-comment--caret::after {
- display: none;
+.text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
-@media (min-width: 768px) {
- .page-responsive .timeline-comment--caret::before,
- .page-responsive .timeline-comment--caret::after {
- display: block;
- }
+.vr {
+ display: inline-block;
+ align-self: stretch;
+ width: 1px;
+ min-height: 1em;
+ background-color: currentColor;
+ opacity: 0.25;
}
-:target .timeline-comment--caret::before {
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-fg));
+.align-baseline {
+ vertical-align: baseline !important;
}
-:target .timeline-comment--caret::after {
- margin-left: 2px !important;
+.align-top {
+ vertical-align: top !important;
}
-:target .timeline-comment {
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-fg));
- outline: none !important;
- box-shadow: 0 0 0 1px var(--fgColor-accent, var(--color-accent-fg)) !important;
+.align-middle {
+ vertical-align: middle !important;
}
-.review-comment:target {
- border-radius: var(--borderRadius-medium);
- outline: none !important;
- box-shadow: 0 0 0 1px var(--fgColor-accent, var(--color-accent-fg)) !important;
+.align-bottom {
+ vertical-align: bottom !important;
}
-.timeline-comment-header {
- display: flex;
- align-items: center;
- padding-right: var(--base-size-16);
- padding-left: var(--base-size-16);
- color: var(--fgColor-muted, var(--color-fg-muted));
- flex-direction: row-reverse;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+.align-text-bottom {
+ vertical-align: text-bottom !important;
}
-.timeline-comment-header:only-child {
- border-bottom: 0;
- border-radius: var(--borderRadius-medium);
+.align-text-top {
+ vertical-align: text-top !important;
}
-.timeline-comment-header .author {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.float-start {
+ float: left !important;
}
-.timeline-comment-header code {
- word-break: break-all;
+.float-end {
+ float: right !important;
}
-.timeline-comment-header-text {
- min-width: 0;
- padding-top: var(--base-size-8);
- padding-bottom: var(--base-size-8);
- margin-bottom: 1px;
- flex: 1 1 auto;
+.float-none {
+ float: none !important;
}
-.timeline-comment-header-text code a {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.opacity-0 {
+ opacity: 0 !important;
}
-.timeline-comment-actions {
- float: right;
- margin-left: var(--base-size-8);
+.opacity-25 {
+ opacity: 0.25 !important;
}
-.timeline-comment-actions .show-more-popover.dropdown-menu-sw {
- right: -6px;
- margin-top: calc(var(--base-size-4) * -1);
+.opacity-50 {
+ opacity: 0.5 !important;
}
-.timeline-comment-action {
- display: inline-block;
- padding: var(--base-size-8) var(--base-size-4);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.opacity-75 {
+ opacity: 0.75 !important;
}
-.timeline-comment-action:hover,
-.timeline-comment-action:focus {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- opacity: 1;
+.opacity-100 {
+ opacity: 1 !important;
}
-.timeline-comment-action .octicon-check {
- height: 16px;
+.overflow-auto {
+ overflow: auto !important;
}
-.timeline-comment-action.disabled {
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: default;
+.overflow-hidden {
+ overflow: hidden !important;
}
-.timeline-comment-action.disabled:hover {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.overflow-visible {
+ overflow: visible !important;
}
-.timeline-new-comment {
- margin-bottom: 0;
+.overflow-scroll {
+ overflow: scroll !important;
}
-.timeline-new-comment .comment-form-head {
- margin-bottom: var(--base-size-8);
+.d-inline {
+ display: inline !important;
}
-.timeline-new-comment .previewable-comment-form .comment-body {
- padding-top: 0;
+.d-inline-block {
+ display: inline-block !important;
}
-.discussion-item-icon {
- float: left;
- width: 32px;
- height: 32px;
- margin-top: calc(var(--base-size-4) * -1);
- margin-left: -39px;
- line-height: 28px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- text-align: center;
- background-color: var(--timelineBadge-bgColor, var(--color-timeline-badge-bg));
- border: var(--borderWidth-thick) solid var(--bgColor-default, var(--color-canvas-default));
- border-radius: 50%;
+.d-block {
+ display: block !important;
}
-.discussion-item-header {
- color: var(--fgColor-muted, var(--color-fg-muted));
- word-wrap: break-word;
+.d-grid {
+ display: grid !important;
}
-.discussion-item-header .discussion-item-private {
- vertical-align: -1px;
+.d-table {
+ display: table !important;
}
-.discussion-item-header:last-child {
- padding-bottom: 0;
+.d-table-row {
+ display: table-row !important;
}
-.discussion-item-header .commit-ref {
- font-size: 85%;
- vertical-align: baseline;
+.d-table-cell {
+ display: table-cell !important;
}
-.discussion-item-header .btn-outline {
- float: right;
- padding: var(--base-size-4) var(--base-size-8);
- margin-top: calc(var(--base-size-4) * -1);
- margin-left: var(--base-size-8);
+.d-flex {
+ display: flex !important;
}
-.discussion-item-private {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.d-inline-flex {
+ display: inline-flex !important;
}
-.previewable-comment-form .comment-form-head.tabnav {
- padding: var(--base-size-8) var(--base-size-8) 0;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.d-none {
+ display: none !important;
}
-@media (min-width: 768px) {
- .page-responsive .previewable-comment-form .comment-form-head.tabnav {
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- }
+.shadow {
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
-.previewable-comment-form .comment-body {
- padding-top: var(--base-size-8);
- padding-right: var(--base-size-8);
- padding-bottom: var(--base-size-8);
- padding-left: var(--base-size-8);
- background-color: transparent;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.shadow-sm {
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
-.previewable-comment-form .timeline-comment .timeline-comment-actions {
- display: none;
+.shadow-lg {
+ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
-.new-discussion-timeline .composer .timeline-comment {
- margin-bottom: var(--base-size-8);
+.shadow-none {
+ box-shadow: none !important;
}
-.new-discussion-timeline .composer .comment-form-head.tabnav {
- padding-top: 0;
- background-color: var(--bgColor-default, var(--color-canvas-default));
+.position-static {
+ position: static !important;
}
-.composer.composer-responsive {
- padding-left: 0;
+.position-relative {
+ position: relative !important;
}
-.composer.composer-responsive .discussion-topic-header {
- padding: 0;
+.position-absolute {
+ position: absolute !important;
}
-.composer.composer-responsive .timeline-comment {
- border: 0;
+.position-fixed {
+ position: fixed !important;
}
-.composer.composer-responsive .timeline-comment::before,
-.composer.composer-responsive .timeline-comment::after {
- display: none;
+.position-sticky {
+ position: -webkit-sticky !important;
+ position: sticky !important;
}
-.composer.composer-responsive .previewable-comment-form .write-content {
- margin: 0;
+.top-0 {
+ top: 0 !important;
}
-@media (min-width: 768px) {
- .composer.composer-responsive {
- padding-left: 56px;
- }
-
- .composer.composer-responsive .timeline-comment {
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- }
-
- .composer.composer-responsive .timeline-comment::after,
- .composer.composer-responsive .timeline-comment::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
- }
-
- .composer.composer-responsive .timeline-comment::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-default, var(--color-canvas-default)),
- var(--bgColor-default, var(--color-canvas-default))
- );
- }
-
- .composer.composer-responsive .timeline-comment::before {
- background-color: var(--borderColor-default, var(--color-border-default));
- }
+.top-50 {
+ top: 50% !important;
}
-.discussion-timeline-actions {
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-top: var(--borderWidth-thick) solid var(--borderColor-default, var(--color-border-default));
+.top-100 {
+ top: 100% !important;
}
-.discussion-timeline-actions .thread-subscription-status {
- margin-top: var(--base-size-16);
+.bottom-0 {
+ bottom: 0 !important;
}
-.pagination-loader-container {
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: url('/assets/progressive-disclosure-line-7908f33fc4c6.svg');
- background-repeat: repeat-x;
- background-position: center;
- background-size: var(--base-size-16);
+.bottom-50 {
+ bottom: 50% !important;
}
-[data-color-mode='light'][data-light-theme*='dark'] .pagination-loader-container,
-[data-color-mode='dark'][data-dark-theme*='dark'] .pagination-loader-container {
- background-image: url('/assets/progressive-disclosure-line-dark-b31a1fc5e932.svg');
+.bottom-100 {
+ bottom: 100% !important;
}
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] .pagination-loader-container {
- background-image: url('/assets/progressive-disclosure-line-dark-b31a1fc5e932.svg');
- }
+.start-0 {
+ left: 0 !important;
}
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] .pagination-loader-container {
- background-image: url('/assets/progressive-disclosure-line-dark-b31a1fc5e932.svg');
- }
+.start-50 {
+ left: 50% !important;
}
-:target .timeline-comment-group .timeline-comment .timeline-comment-group .timeline-comment {
- box-shadow: none !important;
+.start-100 {
+ left: 100% !important;
}
-.is-pending .form-actions {
- margin-right: var(--base-size-8);
- margin-bottom: var(--base-size-4);
+.end-0 {
+ right: 0 !important;
}
-.is-pending .file,
-.is-pending .file-header,
-.is-pending .tabnav-tab.selected,
-.is-pending .comment-form-head.tabnav {
- border-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
+.end-50 {
+ right: 50% !important;
}
-.is-pending .file-header,
-.is-pending .comment-form-head.tabnav {
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
+.end-100 {
+ right: 100% !important;
}
-.discussion-item-icon-gray {
- background-color: var(--timelineBadge-bgColor, var(--color-timeline-badge-bg)) !important;
+.translate-middle {
+ transform: translate(-50%, -50%) !important;
}
-.footer-octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
- offset: 2px;
+.translate-middle-x {
+ transform: translateX(-50%) !important;
}
-.footer-octicon:hover {
- color: var(--fgColor-disabled, var(--color-fg-subtle));
+.translate-middle-y {
+ transform: translateY(-50%) !important;
}
-.global-create-button {
- padding: 0 var(--control-small-paddingInline-condensed);
+.border {
+ border: 1px solid #dee2e6 !important;
}
-.user-mention,
-.team-mention {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
- white-space: nowrap;
+.border-0 {
+ border: 0 !important;
}
-.Popover .user-mention,
-.Popover .team-mention {
- white-space: normal;
+.border-top {
+ border-top: 1px solid #dee2e6 !important;
}
-@media (max-width: 543px) {
- .notifications-component-menu-modal {
- margin: calc(10vh - 16px) 0;
- }
+.border-top-0 {
+ border-top: 0 !important;
}
-@media (min-width: 544px) {
- .notifications-component-menu-modal {
- width: 100%;
- }
+.border-end {
+ border-right: 1px solid #dee2e6 !important;
}
-@media (min-width: 768px) {
- .notifications-component-menu-modal {
- min-width: 300px;
- }
+.border-end-0 {
+ border-right: 0 !important;
}
-.notifications-component-dialog-overlay {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 80;
- display: block;
- cursor: default;
- content: ' ';
- background: transparent;
- background: var(--overlay-backdrop-bgColor, var(--color-primer-canvas-backdrop));
+.border-bottom {
+ border-bottom: 1px solid #dee2e6 !important;
}
-@media (min-width: 544px) {
- .notifications-component-dialog-overlay {
- display: none;
- }
+.border-bottom-0 {
+ border-bottom: 0 !important;
}
-.pagehead {
- position: relative;
- padding-top: var(--base-size-24);
- padding-bottom: var(--base-size-24);
- margin-bottom: var(--base-size-24);
- border-bottom: solid var(--borderWidth-thin) var(--borderColor-default);
+.border-start {
+ border-left: 1px solid #dee2e6 !important;
}
-.pagehead.admin {
- background: url('/assets/background-yellowhatch-v3-ffd8c31a935a.png') 0 0 repeat-x;
+.border-start-0 {
+ border-left: 0 !important;
}
-.pagehead ul.pagehead-actions {
- position: relative;
- z-index: 31;
- float: right;
- margin: 0;
+.border-primary {
+ border-color: #0d6efd !important;
}
-.pagehead .path-divider {
- margin: 0 0.25em;
+.border-secondary {
+ border-color: #6c757d !important;
}
-.pagehead h1 {
- min-height: var(--base-size-32);
- margin-top: 0;
- margin-bottom: 0;
- font-size: 20px;
- font-weight: var(--base-text-weight-normal, 400);
+.border-success {
+ border-color: #198754 !important;
}
-.pagehead h1 .avatar {
- margin-top: -2px;
- margin-right: var(--base-size-8);
- margin-bottom: -2px;
+.border-info {
+ border-color: #0dcaf0 !important;
}
-.pagehead .underline-nav {
- height: 69px;
- margin-top: calc(var(--base-size-16) * -1);
- margin-bottom: calc(var(--base-size-16) * -1);
+.border-warning {
+ border-color: #ffc107 !important;
}
-.pagehead-heading {
- color: inherit;
+.border-danger {
+ border-color: #dc3545 !important;
}
-.pagehead-actions > li {
- float: left;
- margin: 0 var(--base-size-8) 0 0;
- font-size: 12px;
- color: var(--fgColor-default, var(--color-fg-default));
- list-style-type: none;
+.border-light {
+ border-color: #f8f9fa !important;
}
-.pagehead-actions > li:last-child {
- margin-right: 0;
+.border-dark {
+ border-color: #212529 !important;
}
-.pagehead-actions .octicon-mute {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.border-white {
+ border-color: #fff !important;
}
-.pagehead-actions .select-menu {
- position: relative;
+.border-1 {
+ border-width: 1px !important;
}
-.pagehead-actions .select-menu::before {
- display: table;
- content: '';
+.border-2 {
+ border-width: 2px !important;
}
-.pagehead-actions .select-menu::after {
- display: table;
- clear: both;
- content: '';
+.border-3 {
+ border-width: 3px !important;
}
-.pagehead-actions .select-menu-modal-holder {
- top: 100%;
+.border-4 {
+ border-width: 4px !important;
}
-.pagehead-tabs-item {
- float: left;
- padding: var(--base-size-8) var(--base-size-16) var(--base-size-12);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- border: solid transparent;
- border-width: 3px var(--borderWidth-thin) var(--borderWidth-thin);
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.border-5 {
+ border-width: 5px !important;
}
-.pagehead-tabs-item .octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.w-25 {
+ width: 25% !important;
}
-.pagehead-tabs-item:hover {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
+.w-50 {
+ width: 50% !important;
}
-.pagehead-tabs-item.selected {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-color: var(--borderColor-severe-emphasis, var(--color-severe-emphasis))
- var(--borderColor-default, var(--color-border-default)) transparent;
+.w-75 {
+ width: 75% !important;
}
-.pagehead-tabs-item.selected > .octicon {
- color: inherit;
+.w-100 {
+ width: 100% !important;
}
-.reponav {
- position: relative;
- top: 1px;
- margin-top: calc(var(--base-size-4) * -1);
+.w-auto {
+ width: auto !important;
}
-.reponav::before {
- display: table;
- content: '';
+.mw-100 {
+ max-width: 100% !important;
}
-.reponav::after {
- display: table;
- clear: both;
- content: '';
+.vw-100 {
+ width: 100vw !important;
}
-.reponav-item {
- float: left;
- padding: var(--base-size-8) var(--base-size-16) var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- border: solid transparent;
- border-width: 3px var(--borderWidth-thin) var(--borderWidth-thin);
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.min-vw-100 {
+ min-width: 100vw !important;
}
-.reponav-item .octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.h-25 {
+ height: 25% !important;
}
-.reponav-item:hover,
-.reponav-item:focus {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
+.h-50 {
+ height: 50% !important;
}
-.reponav-item.selected {
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-color: var(--borderColor-severe-emphasis, var(--color-severe-emphasis))
- var(--borderColor-default, var(--color-border-default)) transparent;
+.h-75 {
+ height: 75% !important;
}
-.reponav-item.selected .octicon {
- color: inherit;
+.h-100 {
+ height: 100% !important;
}
-.reponav-wrapper {
- position: relative;
- z-index: 2;
- overflow-y: hidden;
- background-color: var(--bgColor-neutral-emphasis, var(--color-neutral-emphasis));
+.h-auto {
+ height: auto !important;
}
-.reponav-wrapper .reponav {
- top: 0;
- padding-right: var(--base-size-8);
- padding-left: var(--base-size-8);
- margin-top: 0;
- -webkit-overflow-scrolling: touch;
- overflow-x: auto;
- color: rgba(255, 255, 255, 0.75);
+.mh-100 {
+ max-height: 100% !important;
}
-.reponav-wrapper .reponav-item {
- display: inline-block;
- float: none;
- padding: var(--base-size-4) var(--base-size-8) var(--base-size-16);
- color: var(--fgColor-muted, var(--color-fg-muted));
- border: 0;
+.vh-100 {
+ height: 100vh !important;
}
-.reponav-wrapper .reponav-item.selected {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: transparent;
- border: 0;
+.min-vh-100 {
+ min-height: 100vh !important;
}
-@media (max-width: 768px) {
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) {
- background-color: transparent;
- }
-
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem)
- .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
- }
-
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane .ActionList-item--navActive::after {
- display: none;
- }
-
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
+.flex-fill {
+ flex: 1 1 auto !important;
}
-.steps {
- display: table;
- width: 100%;
- padding: 0;
- margin: var(--base-size-32) auto 0;
- overflow: hidden;
- list-style: none;
- border: var(--borderWidth-thin) solid #dfe2e5;
- border-radius: var(--borderRadius-medium);
- box-shadow: 0 1px 3px rgba(27, 31, 35, 0.05);
+.flex-row {
+ flex-direction: row !important;
}
-.steps li {
- display: table-cell;
- width: 33.3%;
- padding: var(--base-size-8) var(--base-size-16);
- color: #c6cbd1;
- cursor: default;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-left: var(--borderWidth-thin) solid #dfe2e5;
+.flex-column {
+ flex-direction: column !important;
}
-.steps li.current {
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
+.flex-row-reverse {
+ flex-direction: row-reverse !important;
}
-.steps li.current .octicon {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.flex-column-reverse {
+ flex-direction: column-reverse !important;
}
-.steps li .octicon {
- float: left;
- margin-right: var(--base-size-16);
- margin-bottom: var(--base-size-4);
+.flex-grow-0 {
+ flex-grow: 0 !important;
}
-.steps li .step {
- display: block;
+.flex-grow-1 {
+ flex-grow: 1 !important;
}
-.steps li:first-child {
- border-left: 0;
+.flex-shrink-0 {
+ flex-shrink: 0 !important;
}
-.steps .complete {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.flex-shrink-1 {
+ flex-shrink: 1 !important;
}
-.steps .complete .octicon {
- color: var(--fgColor-success, var(--color-success-fg));
+.flex-wrap {
+ flex-wrap: wrap !important;
}
-.prose-diff .anchor {
- display: none;
+.flex-nowrap {
+ flex-wrap: nowrap !important;
}
-.prose-diff .show-rich-diff {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- cursor: pointer;
+.flex-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
}
-.prose-diff .show-rich-diff:hover {
- text-decoration: underline;
+.gap-0 {
+ gap: 0 !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable {
- cursor: pointer;
+.gap-1 {
+ gap: 0.25rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable .vicinity {
- display: block;
+.gap-2 {
+ gap: 0.5rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable .unchanged:not(.vicinity) {
- display: none;
+.gap-3 {
+ gap: 1rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable .octicon {
- display: block;
- margin: var(--base-size-16) auto;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.gap-4 {
+ gap: 1.5rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable:hover .octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.gap-5 {
+ gap: 3rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable:only-child::before {
- font-size: 16px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- content: 'Sorry, no visible changes to display.';
+.justify-content-start {
+ justify-content: flex-start !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable:only-child:hover::before {
- color: var(--fgColor-default, var(--color-fg-default));
+.justify-content-end {
+ justify-content: flex-end !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable > .removed,
-.prose-diff.collapsed .rich-diff-level-zero.expandable > del {
- display: none;
- text-decoration: none;
+.justify-content-center {
+ justify-content: center !important;
}
-.prose-diff .markdown-body {
- padding: var(--base-size-32);
- padding-left: var(--base-size-16);
+.justify-content-between {
+ justify-content: space-between !important;
}
-.prose-diff .markdown-body > ins {
- box-shadow: inset 4px 0 0 var(--borderColor-success-muted, var(--color-success-muted));
+.justify-content-around {
+ justify-content: space-around !important;
}
-.prose-diff .markdown-body > del {
- text-decoration: none;
- box-shadow: inset 4px 0 0 var(--borderColor-danger-muted, var(--color-danger-muted));
+.justify-content-evenly {
+ justify-content: space-evenly !important;
}
-.prose-diff .markdown-body > ins,
-.prose-diff .markdown-body > del {
- display: block;
- border-radius: 0;
+.align-items-start {
+ align-items: flex-start !important;
}
-.prose-diff .markdown-body > ins > .rich-diff-level-zero,
-.prose-diff .markdown-body > ins > .rich-diff-level-one,
-.prose-diff .markdown-body > del > .rich-diff-level-zero,
-.prose-diff .markdown-body > del > .rich-diff-level-one {
- margin-left: var(--base-size-16);
+.align-items-end {
+ align-items: flex-end !important;
}
-.prose-diff .markdown-body > ins:first-child *,
-.prose-diff .markdown-body > del:first-child * {
- margin-top: 0;
+.align-items-center {
+ align-items: center !important;
}
-.prose-diff .rich-diff-level-zero.added {
- box-shadow: inset 4px 0 0 var(--borderColor-success-muted, var(--color-success-muted));
+.align-items-baseline {
+ align-items: baseline !important;
}
-.prose-diff .rich-diff-level-zero.removed {
- box-shadow: inset 4px 0 0 var(--borderColor-danger-muted, var(--color-danger-muted));
+.align-items-stretch {
+ align-items: stretch !important;
}
-.prose-diff .rich-diff-level-zero.changed {
- box-shadow: inset 4px 0 0 var(--borderColor-attention-muted, var(--color-attention-muted));
+.align-content-start {
+ align-content: flex-start !important;
}
-.prose-diff .rich-diff-level-zero.unchanged,
-.prose-diff .rich-diff-level-zero.vicinity {
- margin-left: var(--base-size-16);
+.align-content-end {
+ align-content: flex-end !important;
}
-.prose-diff .rich-diff-level-zero.added,
-.prose-diff .rich-diff-level-zero.removed,
-.prose-diff .rich-diff-level-zero.changed {
- display: block;
- border-radius: 0;
+.align-content-center {
+ align-content: center !important;
}
-.prose-diff .rich-diff-level-zero.added > .rich-diff-level-one,
-.prose-diff .rich-diff-level-zero.removed > .rich-diff-level-one,
-.prose-diff .rich-diff-level-zero.changed > .rich-diff-level-one {
- margin-left: var(--base-size-16);
+.align-content-between {
+ align-content: space-between !important;
}
-.prose-diff .rich-diff-level-zero.added:first-child *,
-.prose-diff .rich-diff-level-zero.removed:first-child *,
-.prose-diff .rich-diff-level-zero.changed:first-child * {
- margin-top: 0;
+.align-content-around {
+ align-content: space-around !important;
}
-.prose-diff :not(.changed) > :not(.github-user-ins):not(.github-user-del) > .removed,
-.prose-diff :not(.changed) > :not(.github-user-ins):not(.github-user-del) > del {
- text-decoration: none;
+.align-content-stretch {
+ align-content: stretch !important;
}
-.prose-diff .changed del,
-.prose-diff .changed del pre,
-.prose-diff .changed del code,
-.prose-diff .changed del > div,
-.prose-diff .changed .removed,
-.prose-diff .changed .removed pre,
-.prose-diff .changed .removed code,
-.prose-diff .changed .removed > div {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: line-through;
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.align-self-auto {
+ align-self: auto !important;
}
-.prose-diff .changed ins,
-.prose-diff .changed ins code,
-.prose-diff .changed ins pre,
-.prose-diff .changed .added {
- color: var(--fgColor-default, var(--color-fg-default));
- background: var(--bgColor-success-muted, var(--color-success-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-success-muted, var(--color-success-muted));
+.align-self-start {
+ align-self: flex-start !important;
}
-.prose-diff > .markdown-body .github-user-ins {
- text-decoration: underline;
+.align-self-end {
+ align-self: flex-end !important;
}
-.prose-diff > .markdown-body .github-user-del {
- text-decoration: line-through;
+.align-self-center {
+ align-self: center !important;
}
-.prose-diff > .markdown-body li ul.added {
- background: var(--bgColor-success-muted, var(--color-success-subtle));
+.align-self-baseline {
+ align-self: baseline !important;
}
-.prose-diff > .markdown-body li ul.removed {
- color: var(--fgColor-default, var(--color-fg-default));
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.align-self-stretch {
+ align-self: stretch !important;
}
-.prose-diff > .markdown-body li ul.removed:not(.github-user-ins) {
- text-decoration: line-through;
+.order-first {
+ order: -1 !important;
}
-.prose-diff > .markdown-body li.added.moved-up .octicon,
-.prose-diff > .markdown-body li.added.moved-down .octicon {
- margin-right: var(--base-size-4);
- margin-left: var(--base-size-4);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.order-0 {
+ order: 0 !important;
}
-.prose-diff > .markdown-body li.added.moved {
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
+.order-1 {
+ order: 1 !important;
}
-.prose-diff > .markdown-body li.removed.moved {
- display: none;
+.order-2 {
+ order: 2 !important;
}
-.prose-diff > .markdown-body pre {
- padding: var(--base-size-8) var(--base-size-16);
+.order-3 {
+ order: 3 !important;
}
-.prose-diff > .markdown-body th.changed,
-.prose-diff > .markdown-body td.changed {
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
- border-left-color: var(--borderColor-default, var(--color-border-default));
+.order-4 {
+ order: 4 !important;
}
-.prose-diff > .markdown-body :not(li.moved).removed {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: line-through;
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.order-5 {
+ order: 5 !important;
}
-.prose-diff > .markdown-body :not(.github-user-ins):not(li.moved).removed {
- text-decoration: line-through;
+.order-last {
+ order: 6 !important;
}
-.prose-diff > .markdown-body :not(li.moved).added,
-.prose-diff > .markdown-body li:not(.moved).added {
- background: var(--bgColor-success-muted, var(--color-success-subtle));
+.m-0 {
+ margin: 0 !important;
}
-.prose-diff > .markdown-body :not(.github-user-del):not(li.moved).added li:not(.moved):not(.github-user-del).added {
- text-decoration: none;
+.m-1 {
+ margin: 0.25rem !important;
}
-.prose-diff > .markdown-body li:not(.moved).removed {
- color: var(--fgColor-default, var(--color-fg-default));
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.m-2 {
+ margin: 0.5rem !important;
}
-.prose-diff > .markdown-body li:not(.moved):not(.github-user-ins).removed {
- text-decoration: line-through;
+.m-3 {
+ margin: 1rem !important;
}
-.prose-diff > .markdown-body .added,
-.prose-diff > .markdown-body ins + .added,
-.prose-diff > .markdown-body ins {
- border-top: 0;
- border-bottom: 0;
+.m-4 {
+ margin: 1.5rem !important;
}
-.prose-diff > .markdown-body .added:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins + .added:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins:not(.github-user-del):not(.github-user-ins) {
- text-decoration: none;
+.m-5 {
+ margin: 3rem !important;
}
-.prose-diff > .markdown-body img.added,
-.prose-diff > .markdown-body img.removed {
- border-style: solid;
- border-width: var(--borderWidth-thin);
+.m-auto {
+ margin: auto !important;
}
-.prose-diff > .markdown-body ins pre:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins code:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins > div:not(.github-user-del):not(.github-user-ins) {
- text-decoration: none;
+.mx-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
}
-.prose-diff > .markdown-body ul > ins,
-.prose-diff > .markdown-body ul > del {
- display: block;
- padding: 0;
+.mx-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
}
-.prose-diff > .markdown-body .added > li,
-.prose-diff > .markdown-body .removed > li {
- margin-top: 0;
- margin-bottom: 0;
+.mx-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
}
-span.changed_tag,
-em.changed_tag,
-strong.changed_tag,
-b.changed_tag,
-i.changed_tag,
-code.changed_tag {
- border-bottom: var(--borderWidth-thin) dotted var(--borderColor-default, var(--color-border-default));
- border-radius: 0;
+.mx-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
}
-a.added_href,
-a.changed_href,
-span.removed_href {
- border-bottom: var(--borderWidth-thin) dotted var(--borderColor-default, var(--color-border-default));
- border-radius: 0;
+.mx-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
}
-.diff-view .file-type-prose .rich-diff {
- display: none;
+.mx-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
}
-.diff-view .display-rich-diff .rich-diff {
- display: block;
+.mx-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
}
-.diff-view .display-rich-diff .file-diff {
- display: none;
+.my-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
}
-.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.added,
-.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.removed,
-.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.changed {
- box-shadow: none;
+.my-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
}
-.protip {
- margin-top: var(--base-size-16);
- color: var(--fgColor-muted, var(--color-fg-muted));
- text-align: center;
+.my-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
}
-.protip strong {
- color: var(--fgColor-default, var(--color-fg-default));
+.my-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
}
-.protip code {
- padding: 2px;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-radius: var(--borderRadius-medium);
+.my-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
}
-.add-reactions-options-item {
- margin-top: -1px;
- margin-right: -1px;
- line-height: 29px;
- border: var(--borderWidth-thin) solid transparent;
+.my-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
}
-.add-reactions-options-item .emoji {
- display: inline-block;
- transition: transform 0.15s cubic-bezier(0.2, 0, 0.13, 2);
+.my-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
}
-.add-reactions-options-item:hover .emoji,
-.add-reactions-options-item:focus .emoji {
- text-decoration: none !important;
- transform: scale(1.2) !important;
+.mt-0 {
+ margin-top: 0 !important;
}
-.add-reactions-options-item:active {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.mt-1 {
+ margin-top: 0.25rem !important;
}
-.page-responsive .add-reactions-options-item {
- height: 20vw;
+.mt-2 {
+ margin-top: 0.5rem !important;
}
-@media (min-width: 544px) {
- .page-responsive .add-reactions-options-item {
- height: auto;
- }
+.mt-3 {
+ margin-top: 1rem !important;
}
-.comment-reactions {
- display: none;
+.mt-4 {
+ margin-top: 1.5rem !important;
}
-.comment-reactions::before {
- display: table;
- content: '';
+.mt-5 {
+ margin-top: 3rem !important;
}
-.comment-reactions::after {
- display: table;
- clear: both;
- content: '';
+.mt-auto {
+ margin-top: auto !important;
}
-.page-responsive .comment-reactions {
- display: none;
+.me-0 {
+ margin-right: 0 !important;
}
-@media (min-width: 768px) {
- .page-responsive .comment-reactions {
- display: none;
- }
-
- .page-responsive .comment-reactions.has-reactions {
- display: flex;
- }
+.me-1 {
+ margin-right: 0.25rem !important;
}
-.comment-reactions.has-reactions {
- display: flex;
+.me-2 {
+ margin-right: 0.5rem !important;
}
-.comment-reactions.has-reactions:not(.social-reactions) {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.me-3 {
+ margin-right: 1rem !important;
}
-.comment-reactions .user-has-reacted {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.me-4 {
+ margin-right: 1.5rem !important;
}
-.reactions-container .user-has-reacted {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.me-5 {
+ margin-right: 3rem !important;
}
-.social-reaction-summary-item + .social-reaction-summary-item {
- margin-left: var(--base-size-8);
+.me-auto {
+ margin-right: auto !important;
}
-.social-reactions .comment-body {
- margin-left: var(--base-size-16) !important;
+.mb-0 {
+ margin-bottom: 0 !important;
}
-.social-button-emoji {
- display: inline-block;
- width: 16px;
- height: 16px;
- font-size: 1em !important;
- line-height: 1.25;
- vertical-align: -1px;
+.mb-1 {
+ margin-bottom: 0.25rem !important;
}
-.social-reaction-summary-item {
- height: 26px;
- padding: 0 var(--base-size-4) !important;
- margin-right: 0;
- font-size: 12px;
- line-height: 26px;
- background-color: transparent;
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default, #d2dff0));
- border-radius: 100px;
+.mb-2 {
+ margin-bottom: 0.5rem !important;
}
-.social-reaction-summary-item:focus,
-.social-reaction-summary-item:focus-visible {
- border-radius: 100px !important;
+.mb-3 {
+ margin-bottom: 1rem !important;
}
-.social-reaction-summary-item:focus {
- border-color: var(--focus-outlineColor, var(--color-accent-fg));
- outline: none;
- box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
+.mb-4 {
+ margin-bottom: 1.5rem !important;
}
-.social-reaction-summary-item:focus:not(:focus-visible) {
- border-color: transparent;
- border-color: var(--focus-outlineColor, var(--color-accent-fg));
- outline: none;
- box-shadow: inset 0 0 0 1px transparent;
+.mb-5 {
+ margin-bottom: 3rem !important;
}
-.social-reaction-summary-item:focus-visible {
- border-color: var(--focus-outlineColor, var(--color-accent-fg));
- outline: none;
- box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
+.mb-auto {
+ margin-bottom: auto !important;
}
-.social-reaction-summary-item.user-has-reacted {
- color: var(--reactionButton-selected-fgColor-rest, var(--color-accent-fg));
- background-color: var(--reactionButton-selected-bgColor-rest, var(--color-accent-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-accent-emphasis, var(--color-accent-emphasis)) !important;
+.ms-0 {
+ margin-left: 0 !important;
}
-.social-reaction-summary-item.user-has-reacted:hover {
- background-color: var(--reactionButton-selected-bgColor-hover, var(--color-accent-subtle)) !important;
+.ms-1 {
+ margin-left: 0.25rem !important;
}
-.social-reaction-summary-item > span {
- height: 24px;
- padding: 0 var(--base-size-4);
- margin-left: 2px;
+.ms-2 {
+ margin-left: 0.5rem !important;
}
-.social-reaction-summary-item:hover {
- color: var(--reactionButton-selected-fgColor-hover, var(--color-accent-fg));
- background-color: var(--reactionButton-selected-bgColor-hover, var(--color-accent-subtle));
+.ms-3 {
+ margin-left: 1rem !important;
}
-.reaction-dropdown-button {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.ms-4 {
+ margin-left: 1.5rem !important;
}
-.reaction-dropdown-button:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.ms-5 {
+ margin-left: 3rem !important;
}
-.reaction-dropdown-button--inline {
- width: 26px;
- height: 26px;
+.ms-auto {
+ margin-left: auto !important;
}
-.reaction-dropdown-button--inline:hover {
- background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg)) !important;
- border-color: var(--button-default-borderColor-hover, var(--color-btn-hover-border)) !important;
+.p-0 {
+ padding: 0 !important;
}
-.reaction-dropdown-button:disabled {
- color: var(--fgColor-disabled, var(--color-primer-fg-disabled)) !important;
- pointer-events: none;
+.p-1 {
+ padding: 0.25rem !important;
}
-.reactions-with-gap .comment .comment-reactions {
- margin-left: var(--base-size-16);
- border-top: 0 !important;
+.p-2 {
+ padding: 0.5rem !important;
}
-.new-reactions-dropdown .dropdown-menu-reactions {
- width: auto;
- padding: 0 2px;
+.p-3 {
+ padding: 1rem !important;
}
-.new-reactions-dropdown .dropdown-menu-reactions::before,
-.new-reactions-dropdown .dropdown-menu-reactions::after {
- background-color: transparent;
- border: 0;
+.p-4 {
+ padding: 1.5rem !important;
}
-.new-reactions-dropdown .dropdown-item-reaction {
- width: 32px;
- height: 32px;
- padding: var(--base-size-4);
- margin: var(--base-size-4) 2px;
+.p-5 {
+ padding: 3rem !important;
}
-.new-reactions-dropdown .dropdown-item-reaction.user-has-reacted {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.px-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-.new-reactions-dropdown .dropdown-item-reaction:hover {
- background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg));
+.px-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
}
-.render-container {
- padding: var(--base-size-32);
- line-height: 0;
- text-align: center;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+.px-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
}
-.render-container .render-viewer {
- display: block;
- width: 1px;
- height: 1px;
- border: 0;
+.px-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
}
-.render-container .octospinner {
- display: none;
+.px-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
}
-.render-container .render-viewer-error,
-.render-container .render-viewer-fatal,
-.render-container .render-viewer-invalid,
-.render-container .render-fullscreen {
- display: none;
+.px-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
}
-.render-container.is-render-automatic .octospinner {
- display: inline-block;
+.py-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
}
-.render-container.is-render-requested .octospinner {
- display: inline-block;
+.py-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
}
-.render-container.is-render-requested.is-render-failed .render-viewer-error {
- display: inline-block;
+.py-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
}
-.render-container.is-render-requested.is-render-failed .render-viewer,
-.render-container.is-render-requested.is-render-failed .render-viewer-fatal,
-.render-container.is-render-requested.is-render-failed .render-viewer-invalid,
-.render-container.is-render-requested.is-render-failed .octospinner {
- display: none;
+.py-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
}
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer-fatal {
- display: inline-block;
+.py-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
}
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer,
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer-error,
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer-invalid,
-.render-container.is-render-requested.is-render-failed-fatal .octospinner {
- display: none;
+.py-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
}
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer-invalid {
- display: inline-block;
+.pt-0 {
+ padding-top: 0 !important;
}
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer,
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer-error,
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer-fatal,
-.render-container.is-render-requested.is-render-failed-invalid .octospinner {
- display: none;
+.pt-1 {
+ padding-top: 0.25rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) {
- height: 500px;
- padding: 0;
- background: none;
+.pt-2 {
+ padding-top: 0.5rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer {
- width: 100%;
- height: 100%;
+.pt-3 {
+ padding-top: 1rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-fullscreen {
- display: flex;
+.pt-4 {
+ padding-top: 1.5rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer-error,
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer-fatal,
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .octospinner {
- display: none;
+.pt-5 {
+ padding-top: 3rem !important;
}
-.render-needs-enrichment {
- margin-bottom: var(--base-size-16);
+.pe-0 {
+ padding-right: 0 !important;
}
-.render-needs-enrichment .render-full-screen {
- width: 100%;
- height: auto;
- padding: var(--base-size-16);
- overflow: auto;
+.pe-1 {
+ padding-right: 0.25rem !important;
}
-.render-needs-enrichment .render-full-screen-close {
- top: 0;
- right: 0;
- padding: var(--base-size-4);
+.pe-2 {
+ padding-right: 0.5rem !important;
}
-.render-needs-enrichment .details {
- margin-bottom: 0;
+.pe-3 {
+ padding-right: 1rem !important;
}
-.render-needs-enrichment .render-plaintext-hidden {
- display: none;
+.pe-4 {
+ padding-right: 1.5rem !important;
}
-.render-notice {
- padding: var(--base-size-16) var(--base-size-16);
- font-size: 14px;
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-color: var(--borderColor-muted, var(--color-border-subtle));
+.pe-5 {
+ padding-right: 3rem !important;
}
-relative-time {
- white-space: nowrap;
+.pb-0 {
+ padding-bottom: 0 !important;
}
-math-renderer {
- max-width: 100%;
- overflow: auto;
+.pb-1 {
+ padding-bottom: 0.25rem !important;
}
-.js-inline-math {
- overflow-x: auto;
- overflow-y: hidden;
- vertical-align: bottom;
+.pb-2 {
+ padding-bottom: 0.5rem !important;
}
-.js-inline-math > math {
- overflow-x: auto;
- overflow-y: hidden;
+.pb-3 {
+ padding-bottom: 1rem !important;
}
-.js-display-math > math {
- padding-top: var(--base-size-6);
- padding-bottom: var(--base-size-6);
- overflow-x: auto;
+.pb-4 {
+ padding-bottom: 1.5rem !important;
}
-math-renderer > math > mrow {
- padding-right: var(--base-size-2);
- padding-left: var(--base-size-2);
+.pb-5 {
+ padding-bottom: 3rem !important;
}
-math-renderer > math > mrow > msubsup + msubsup {
- position: absolute;
+.ps-0 {
+ padding-left: 0 !important;
}
-.Skeleton {
- color: rgba(0, 0, 0, 0);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
+.ps-1 {
+ padding-left: 0.25rem !important;
}
-.Skeleton * {
- visibility: hidden;
+.ps-2 {
+ padding-left: 0.5rem !important;
}
-.Skeleton--text {
- clip-path: inset(var(--base-size-4) 0 var(--base-size-4) 0 round 3px 3px 3px 3px);
+.ps-3 {
+ padding-left: 1rem !important;
}
-.is-error .Skeleton {
- display: none;
+.ps-4 {
+ padding-left: 1.5rem !important;
}
-@media (prefers-reduced-motion: no-preference) {
- .Skeleton {
- mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);
- mask-size: 200%;
- animation: skeleton-loading;
- animation-duration: 1s;
- animation-iteration-count: infinite;
- }
+.ps-5 {
+ padding-left: 3rem !important;
}
-@keyframes skeleton-loading {
- 0% {
- mask-position: 200%;
- }
-
- 100% {
- mask-position: 0%;
- }
+.font-monospace {
+ font-family: var(--bs-font-monospace) !important;
}
-.authors-2 .AvatarStack {
- min-width: 36px !important;
+.fs-1 {
+ font-size: calc(1.375rem + 1.5vw) !important;
}
-.authors-3 .AvatarStack {
- min-width: 46px !important;
+.fs-2 {
+ font-size: calc(1.325rem + 0.9vw) !important;
}
-[aria-selected='true'] .AvatarStack-body,
-.navigation-focus .AvatarStack-body {
- background: #f6fbff;
+.fs-3 {
+ font-size: calc(1.3rem + 0.6vw) !important;
}
-.tracked-in-parent-pill {
- position: relative;
- cursor: default;
+.fs-4 {
+ font-size: calc(1.275rem + 0.3vw) !important;
}
-.tracked-in-parent-pill-truncated {
- position: absolute;
- left: 100%;
- display: none;
- white-space: nowrap;
- background: var(--bgColor-default, var(--color-canvas-default));
- border-left-width: 0 !important;
- border-top-left-radius: 0 !important;
- border-bottom-left-radius: 0 !important;
+.fs-5 {
+ font-size: 1.25rem !important;
}
-.tracked-in-parent-pill:hover .tracked-in-parent-pill-truncated {
- display: block;
+.fs-6 {
+ font-size: 1rem !important;
}
-.wizard-content.horizontal {
- flex-direction: column;
+.fst-italic {
+ font-style: italic !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps {
- width: 30%;
+.fst-normal {
+ font-style: normal !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge {
- margin: 0;
- color: var(--fgColor-muted, var(--color-fg-subtle));
- background-color: var(--bgColor-inset, var(--color-canvas-inset));
- border-color: var(--borderColor-neutral-emphasis, var(--color-fg-subtle));
+.fw-light {
+ font-weight: 300 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge.current {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+.fw-lighter {
+ font-weight: lighter !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-bar {
- border-color: var(--borderColor-neutral-emphasis, var(--color-fg-subtle));
+.fw-normal {
+ font-weight: 400 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-bar.complete {
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+.fw-bold {
+ font-weight: 700 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge.complete {
- display: none;
+.fw-bolder {
+ font-weight: bolder !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge-check {
- display: none !important;
+.lh-1 {
+ line-height: 1 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge-check.complete {
- display: inherit !important;
- width: 32px !important;
- height: 32px !important;
+.lh-sm {
+ line-height: 1.25 !important;
}
-.wizard-content.horizontal .wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-buttons {
- align-items: center;
- justify-content: center;
+.lh-base {
+ line-height: 1.5 !important;
}
-.wizard-content.horizontal .wizard-step-item {
- margin-left: 0 !important;
- flex-direction: column !important;
+.lh-lg {
+ line-height: 2 !important;
}
-.wizard-content.horizontal .wizard-step-item::before,
-.wizard-content.horizontal .wizard-step-item .wizard-step-badge,
-.wizard-content.horizontal .wizard-step-item .wizard-step-icon,
-.wizard-content.horizontal .wizard-step-item .wizard-step-header {
- display: none !important;
+.text-start {
+ text-align: left !important;
}
-.wizard-content.horizontal .wizard-step-item .wizard-step-container::before,
-.wizard-content.horizontal .wizard-step-item .wizard-step-container::after {
- display: none !important;
+.text-end {
+ text-align: right !important;
}
-.wizard-step-item {
- position: relative;
- padding: var(--base-size-8) 0;
- margin-left: var(--base-size-16);
- flex-direction: row;
+.text-center {
+ text-align: center !important;
}
-.wizard-step-item::before {
- position: absolute;
- top: var(--base-size-32);
- bottom: 0;
- left: 0;
- display: block;
- width: 2px;
- height: 100%;
- content: '';
- background-color: var(--borderColor-default, var(--color-border-default));
+.text-decoration-none {
+ text-decoration: none !important;
}
-.wizard-step-badge {
- position: relative;
- z-index: 1;
- display: flex;
- width: 32px;
- height: 32px;
- margin-right: var(--base-size-8);
- margin-left: calc(var(--base-size-16) * -1);
- color: var(--fgColor-default, var(--color-fg-default));
- align-items: center;
- background-color: var(--borderColor-default, var(--color-border-default));
- border: var(--borderWidth-thin) solid var(--bgColor-default, var(--color-canvas-default));
- border-radius: 50%;
- justify-content: center;
- flex-shrink: 0;
+.text-decoration-underline {
+ text-decoration: underline !important;
}
-.wizard-step-body {
- min-width: 0;
- max-width: 100%;
- color: var(--fgColor-default, var(--color-fg-default));
- flex: auto;
+.text-decoration-line-through {
+ text-decoration: line-through !important;
}
-.wizard-step-body .wizard-step-buttons {
- display: none;
- margin-top: var(--base-size-24);
- justify-content: flex-end;
- flex-wrap: wrap;
+.text-lowercase {
+ text-transform: lowercase !important;
}
-.wizard-step-body .wizard-step-buttons .wizard-step-button {
- overflow: hidden;
- text-overflow: ellipsis;
+.text-uppercase {
+ text-transform: uppercase !important;
}
-@media (max-width: 408px) {
- .wizard-step-body .wizard-step-buttons .wizard-step-button {
- margin-right: 0 !important;
- margin-bottom: var(--base-size-8) !important;
- }
+.text-capitalize {
+ text-transform: capitalize !important;
}
-.wizard-step-container {
- border: 0;
+.text-wrap {
+ white-space: normal !important;
}
-.wizard-step-container .wizard-step-content {
- display: none;
- width: 100%;
- padding: var(--base-size-16) var(--base-size-24) var(--base-size-24) var(--base-size-24);
- overflow: visible;
- font-size: 14px;
+.text-nowrap {
+ white-space: nowrap !important;
}
-.wizard-step-container.wizard-step-container-icon .wizard-step-content {
- padding: var(--base-size-24);
+/* rtl:begin:remove */
+.text-break {
+ word-wrap: break-word !important;
+ word-break: break-word !important;
}
-.wizard-step-header {
- padding-top: var(--base-size-4);
- padding-left: var(--base-size-8);
+/* rtl:end:remove */
+.text-primary {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step-header > .wizard-step-title {
- min-width: 0;
- margin-bottom: var(--base-size-4);
- flex: 1 1 auto;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.text-secondary {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step-icon {
- display: none;
- height: 96px;
- color: var(--fgColor-accent, var(--color-accent-fg));
- background-image: linear-gradient(
- to right,
- var(--bgColor-accent-muted, var(--color-accent-subtle)),
- var(--bgColor-default, var(--color-canvas-default))
- );
- justify-content: center;
- align-items: center;
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+.text-success {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-complete='true'] .wizard-step-badge {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.text-info {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-complete='true'] .wizard-step-item::before {
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.text-warning {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-complete='true'] .wizard-step-title {
- color: var(--fgColor-default, var(--color-fg-default));
+.text-danger {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-badge .wizard-step-check {
- display: block;
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
+.text-light {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-item::before {
- top: 0;
- display: block;
- height: 16px;
+.text-dark {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-item::before {
- display: none;
- }
+.text-black {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-icon {
- color: var(--fgColor-success, var(--color-success-fg));
- background-image: linear-gradient(
- to right,
- var(--bgColor-success-muted, var(--color-success-subtle)),
- var(--bgColor-default, var(--color-canvas-default))
- );
+.text-white {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step:not([data-single-page-wizard-last-step='true']) .wizard-step-badge .wizard-step-check {
- display: none;
+.text-body {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step:not([data-single-page-wizard-last-step='true']) .wizard-step-badge::before {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- content: attr(data-single-page-wizard-step);
+.text-muted {
+ --bs-text-opacity: 1;
+ color: #6c757d !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-badge {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.text-black-50 {
+ --bs-text-opacity: 1;
+ color: rgba(0, 0, 0, 0.5) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'][data-single-page-wizard-last-step='true'] .wizard-step-badge {
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
+.text-white-50 {
+ --bs-text-opacity: 1;
+ color: rgba(255, 255, 255, 0.5) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'][data-single-page-wizard-last-step='true']
- .wizard-step-item::before {
- top: 42px;
- height: 16px;
+.text-reset {
+ --bs-text-opacity: 1;
+ color: inherit !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'][data-single-page-wizard-last-step='true']
- .wizard-step-container-icon::after {
- background-image: linear-gradient(
- var(--bgColor-success-muted, var(--color-success-subtle)),
- var(--bgColor-success-muted, var(--color-success-subtle))
- );
+.text-opacity-25 {
+ --bs-text-opacity: 0.25;
}
-.wizard-step[data-single-page-wizard-step-current='true']:not([data-single-page-wizard-last-step='true'])
- .wizard-step-container-icon::after {
- background-image: linear-gradient(
- var(--bgColor-accent-muted, var(--color-accent-subtle)),
- var(--bgColor-accent-muted, var(--color-accent-subtle))
- );
+.text-opacity-50 {
+ --bs-text-opacity: 0.5;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-icon {
- display: flex;
+.text-opacity-75 {
+ --bs-text-opacity: 0.75;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-item {
- flex-direction: column;
+.text-opacity-100 {
+ --bs-text-opacity: 1;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-item {
- flex-direction: row;
- }
+.bg-primary {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-body {
- margin-top: var(--base-size-16);
- margin-left: calc(var(--base-size-16) * -1);
+.bg-secondary {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-body {
- margin-top: 0;
- margin-left: 0;
- }
+.bg-success {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container {
- position: relative;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+.bg-info {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after,
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.bg-warning {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-default, var(--color-canvas-default)),
- var(--bgColor-default, var(--color-canvas-default))
- );
+.bg-danger {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before {
- background-color: var(--borderColor-default, var(--color-border-default));
+.bg-light {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before,
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- transform: rotate(90deg);
+.bg-dark {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before {
- position: absolute;
- top: -12px;
- right: 100%;
- left: var(--base-size-12);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.bg-black {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- top: -10px;
- left: 11px;
+.bg-white {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before,
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- top: 11px;
- left: -8px;
- transform: rotate(0);
- }
+.bg-body {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
+}
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- margin-left: 1px;
- }
+.bg-transparent {
+ --bs-bg-opacity: 1;
+ background-color: transparent !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-header {
- display: none;
+.bg-opacity-10 {
+ --bs-bg-opacity: 0.1;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-content-header {
- margin-bottom: var(--base-size-16);
+.bg-opacity-25 {
+ --bs-bg-opacity: 0.25;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-title {
- color: var(--fgColor-default, var(--color-fg-default));
+.bg-opacity-50 {
+ --bs-bg-opacity: 0.5;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-content {
- display: block;
+.bg-opacity-75 {
+ --bs-bg-opacity: 0.75;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-buttons {
- display: flex;
+.bg-opacity-100 {
+ --bs-bg-opacity: 1;
}
-.slash-command-list-container-responsive {
- max-height: 270px;
- overflow-y: auto;
+.bg-gradient {
+ background-image: var(--bs-gradient) !important;
}
-.slash-command-menu-responsive {
- right: 0;
- left: 0;
- width: auto;
+.user-select-all {
+ -webkit-user-select: all !important;
+ -moz-user-select: all !important;
+ user-select: all !important;
}
-.slash-command-menu-responsive .SelectMenu-modal {
- max-height: calc(100vh - 60px);
+.user-select-auto {
+ -webkit-user-select: auto !important;
+ -moz-user-select: auto !important;
+ user-select: auto !important;
}
-[data-a11y-link-underlines='true'] .markdown-body a,
-[data-a11y-link-underlines='true'] .markdown-body a:hover,
-[data-a11y-link-underlines='true'] .markdown-body-short a,
-[data-a11y-link-underlines='true'] .markdown-body-short a:hover,
-[data-a11y-link-underlines='true'] .commit-desc a,
-[data-a11y-link-underlines='true'] .commit-desc a:hover,
-[data-a11y-link-underlines='true'] .Link--inTextBlock,
-[data-a11y-link-underlines='true'] .Link--inTextBlock:hover,
-[data-a11y-link-underlines='true'] .Links--underline a,
-[data-a11y-link-underlines='true'] .Links--underline a:hover,
-[data-a11y-link-underlines='true'] .repos-list-description a,
-[data-a11y-link-underlines='true'] .extended-commit-description-container a {
- text-decoration: underline;
- text-underline-offset: 0.2rem;
+.user-select-none {
+ -webkit-user-select: none !important;
+ -moz-user-select: none !important;
+ user-select: none !important;
}
-[data-a11y-link-underlines='true'] .markdown-body :is(h1, h2, h3, h4, h5, h6, .tasklist-issue-content) a,
-[data-a11y-link-underlines='true'] .markdown-body :is(h1, h2, h3, h4, h5, h6) a:hover {
- text-decoration: none;
+.pe-none {
+ pointer-events: none !important;
}
-[data-a11y-link-underlines='true'] .Link--outlineOffset {
- outline-offset: 0.15rem !important;
+.pe-auto {
+ pointer-events: auto !important;
}
-.alert-label {
- color: var(--fgColor-onEmphasis);
+.rounded {
+ border-radius: 0.25rem !important;
}
-.graph-canvas .alert-label--critical {
- fill: var(--fgColor-danger);
+.rounded-0 {
+ border-radius: 0 !important;
}
-.graph-canvas .alert-label--high {
- fill: var(--fgColor-severe);
+.rounded-1 {
+ border-radius: 0.2rem !important;
}
-.graph-canvas .alert-label--moderate {
- fill: var(--fgColor-attention);
+.rounded-2 {
+ border-radius: 0.25rem !important;
}
-.graph-canvas .alert-label--low {
- fill: var(--fgColor-neutral);
+.rounded-3 {
+ border-radius: 0.3rem !important;
}
-.AppHeader {
- --AppHeader-bg: var(--bgColor-inset);
- color: var(--fgColor-default);
- background: var(--AppHeader-bg);
- box-shadow: inset 0 calc(var(--borderWidth-thin, 1px) * -1) var(--borderColor-default);
+.rounded-circle {
+ border-radius: 50% !important;
}
-.AppHeader .AppHeader-globalBar {
- display: flex;
- padding: var(--base-size-16, var(--base-size-16));
- gap: var(--base-size-12, 12px);
+.rounded-pill {
+ border-radius: 50rem !important;
}
-.AppHeader .AppHeader-globalBar.second-row {
- display: block;
+.rounded-top {
+ border-top-left-radius: 0.25rem !important;
+ border-top-right-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.second-row .AppHeader-search {
- display: block;
+.rounded-end {
+ border-top-right-radius: 0.25rem !important;
+ border-bottom-right-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-start,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-globalBar-start {
- flex: none;
+.rounded-bottom {
+ border-bottom-right-radius: 0.25rem !important;
+ border-bottom-left-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-context,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-context {
- display: none;
+.rounded-start {
+ border-bottom-left-radius: 0.25rem !important;
+ border-top-left-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-search .AppHeader-search-whenRegular,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-search .AppHeader-search-whenRegular {
- max-width: 100%;
+.visible {
+ visibility: visible !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-end,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-globalBar-end {
- flex: 1 1 auto;
+.invisible {
+ visibility: hidden !important;
}
-@media (max-width: 1011.98px) {
- .AppHeader .AppHeader-globalBar.search-expanded .AppHeader-search {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
+@media (min-width: 576px) {
+ .float-sm-start {
+ float: left !important;
}
- .AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-end {
- flex: none;
+ .float-sm-end {
+ float: right !important;
}
- .AppHeader .AppHeader-globalBar.search-expanded .search-suggestions {
- top: 0;
- left: 0;
- width: 100% !important;
+ .float-sm-none {
+ float: none !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-globalBar-start {
- flex: 1 1 auto;
- display: flex;
- gap: var(--base-size-8, 8px);
-}
+ .d-sm-inline {
+ display: inline !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-globalBar-end {
- flex: 0 1 auto;
- display: flex;
- justify-content: flex-end;
- gap: var(--controlStack-medium-gap-auto, 8px);
- max-height: calc(var(--base-size-32, 32px));
-}
+ .d-sm-inline-block {
+ display: inline-block !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-logo {
- width: var(--base-size-32, 32px);
- height: var(--base-size-32, 32px);
- border: 0;
- outline-offset: 2px;
-}
+ .d-sm-block {
+ display: block !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-logo svg {
- width: var(--base-size-32, 32px);
- height: var(--base-size-32, 32px);
-}
+ .d-sm-grid {
+ display: grid !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-user {
- position: relative;
- background: var(--bgColor-neutral-muted);
- border-radius: 50%;
-}
+ .d-sm-table {
+ display: table !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-user img {
- position: relative;
- border-radius: 50%;
-}
+ .d-sm-table-row {
+ display: table-row !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context {
- min-width: 0;
- height: var(--base-size-32, 32px);
- flex: 1 1 auto;
-}
+ .d-sm-table-cell {
+ display: table-cell !important;
+ }
-@media (min-width: 768px) {
- .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact {
- display: none;
+ .d-sm-flex {
+ display: flex !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-trigger {
- display: grid;
- width: 100%;
- height: var(--base-size-48, 48px);
- color: inherit;
- text-align: left;
- cursor: pointer;
- background-color: transparent;
- border: 0;
- border-radius: var(--borderRadius-medium);
- margin-block: calc(var(--base-size-8) * -1);
- padding-block: var(--control-medium-paddingBlock, 6px);
- padding-inline: var(--control-medium-paddingInline-condensed, var(--base-size-8));
- appearance: none;
- align-items: center;
-}
+ .d-sm-inline-flex {
+ display: inline-flex !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-trigger:hover {
- background-color: var(--control-transparent-bgColor-hover);
-}
+ .d-sm-none {
+ display: none !important;
+ }
-.AppHeader
- .AppHeader-globalBar
- .AppHeader-context
- .AppHeader-context-compact
- .AppHeader-context-compact-trigger:active {
- background-color: var(--control-transparent-bgColor-active);
-}
+ .flex-sm-fill {
+ flex: 1 1 auto !important;
+ }
+
+ .flex-sm-row {
+ flex-direction: row !important;
+ }
+
+ .flex-sm-column {
+ flex-direction: column !important;
+ }
+
+ .flex-sm-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+
+ .flex-sm-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+
+ .flex-sm-grow-0 {
+ flex-grow: 0 !important;
+ }
+
+ .flex-sm-grow-1 {
+ flex-grow: 1 !important;
+ }
+
+ .flex-sm-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+
+ .flex-sm-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+
+ .flex-sm-wrap {
+ flex-wrap: wrap !important;
+ }
+
+ .flex-sm-nowrap {
+ flex-wrap: nowrap !important;
+ }
+
+ .flex-sm-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+
+ .gap-sm-0 {
+ gap: 0 !important;
+ }
+
+ .gap-sm-1 {
+ gap: 0.25rem !important;
+ }
+
+ .gap-sm-2 {
+ gap: 0.5rem !important;
+ }
+
+ .gap-sm-3 {
+ gap: 1rem !important;
+ }
+
+ .gap-sm-4 {
+ gap: 1.5rem !important;
+ }
+
+ .gap-sm-5 {
+ gap: 3rem !important;
+ }
+
+ .justify-content-sm-start {
+ justify-content: flex-start !important;
+ }
+
+ .justify-content-sm-end {
+ justify-content: flex-end !important;
+ }
+
+ .justify-content-sm-center {
+ justify-content: center !important;
+ }
+
+ .justify-content-sm-between {
+ justify-content: space-between !important;
+ }
+
+ .justify-content-sm-around {
+ justify-content: space-around !important;
+ }
+
+ .justify-content-sm-evenly {
+ justify-content: space-evenly !important;
+ }
+
+ .align-items-sm-start {
+ align-items: flex-start !important;
+ }
+
+ .align-items-sm-end {
+ align-items: flex-end !important;
+ }
+
+ .align-items-sm-center {
+ align-items: center !important;
+ }
+
+ .align-items-sm-baseline {
+ align-items: baseline !important;
+ }
+
+ .align-items-sm-stretch {
+ align-items: stretch !important;
+ }
+
+ .align-content-sm-start {
+ align-content: flex-start !important;
+ }
+
+ .align-content-sm-end {
+ align-content: flex-end !important;
+ }
+
+ .align-content-sm-center {
+ align-content: center !important;
+ }
+
+ .align-content-sm-between {
+ align-content: space-between !important;
+ }
+
+ .align-content-sm-around {
+ align-content: space-around !important;
+ }
+
+ .align-content-sm-stretch {
+ align-content: stretch !important;
+ }
+
+ .align-self-sm-auto {
+ align-self: auto !important;
+ }
+
+ .align-self-sm-start {
+ align-self: flex-start !important;
+ }
+
+ .align-self-sm-end {
+ align-self: flex-end !important;
+ }
+
+ .align-self-sm-center {
+ align-self: center !important;
+ }
+
+ .align-self-sm-baseline {
+ align-self: baseline !important;
+ }
+
+ .align-self-sm-stretch {
+ align-self: stretch !important;
+ }
+
+ .order-sm-first {
+ order: -1 !important;
+ }
+
+ .order-sm-0 {
+ order: 0 !important;
+ }
+
+ .order-sm-1 {
+ order: 1 !important;
+ }
+
+ .order-sm-2 {
+ order: 2 !important;
+ }
+
+ .order-sm-3 {
+ order: 3 !important;
+ }
+
+ .order-sm-4 {
+ order: 4 !important;
+ }
+
+ .order-sm-5 {
+ order: 5 !important;
+ }
+
+ .order-sm-last {
+ order: 6 !important;
+ }
+
+ .m-sm-0 {
+ margin: 0 !important;
+ }
+
+ .m-sm-1 {
+ margin: 0.25rem !important;
+ }
+
+ .m-sm-2 {
+ margin: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-lead {
- display: grid;
- width: -moz-fit-content;
- width: fit-content;
- font-size: var(--text-caption-size, 12px);
- line-height: var(--text-caption-lineHeight, 1.3333333333);
- color: var(--fgColor-muted);
- grid-auto-flow: column;
- align-items: center;
-}
+ .m-sm-3 {
+ margin: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-parentItem {
- display: inline;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .m-sm-4 {
+ margin: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-mainItem {
- display: block;
- overflow: hidden;
- line-height: var(--text-body-lineHeight-medium, 1.4285714286);
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .m-sm-5 {
+ margin: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full {
- display: inline-flex;
- width: 100%;
- min-width: 0;
- max-width: 100%;
- overflow: hidden;
-}
+ .m-sm-auto {
+ margin: auto !important;
+ }
-@media (max-width: 767.98px) {
- .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full {
- display: none;
+ .mx-sm-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full nav {
- width: 100%;
-}
+ .mx-sm-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full ul,
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li {
- list-style: none;
-}
+ .mx-sm-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full ul {
- display: flex;
- flex-direction: row;
-}
+ .mx-sm-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li {
- display: inline-grid;
- grid-auto-flow: column;
- align-items: center;
- flex: 0 99999 auto;
-}
+ .mx-sm-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:first-child {
- flex: 0 100 max-content;
-}
+ .mx-sm-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:last-child {
- flex: 0 1 max-content;
-}
+ .mx-sm-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:last-child .AppHeader-context-item {
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .my-sm-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item {
- display: flex;
- align-items: center;
- min-width: 3ch;
- line-height: var(--text-body-lineHeight-medium, 1.4285714286);
- color: inherit;
- text-decoration: none !important;
- border-radius: var(--borderRadius-medium);
- padding-inline: var(--control-medium-paddingInline-condensed, var(--base-size-8));
- padding-block: var(--control-medium-paddingBlock, 6px);
-}
+ .my-sm-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item .AppHeader-context-item-label {
- display: inline-block;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .my-sm-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context a.AppHeader-context-item:hover {
- background: var(--control-transparent-bgColor-hover);
-}
+ .my-sm-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context a.AppHeader-context-item:active {
- background: var(--control-transparent-bgColor-active);
-}
+ .my-sm-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item-separator {
- color: var(--fgColor-muted);
- white-space: nowrap;
-}
+ .my-sm-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- justify-content: flex-end;
-}
+ .my-sm-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-@media (min-width: 1012px) {
- .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenNarrow {
- display: none;
+ .mt-sm-0 {
+ margin-top: 0 !important;
}
-}
-@media (max-width: 1011.98px) {
- .AppHeader .AppHeader-globalBar .AppHeader-search {
- flex-grow: 0;
+ .mt-sm-1 {
+ margin-top: 0.25rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .search-input {
- width: auto;
+ .mt-sm-2 {
+ margin-top: 0.5rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .search-input-container {
- margin: 0 !important;
+ .mt-sm-3 {
+ margin-top: 1rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenRegular {
- display: none;
+ .mt-sm-4 {
+ margin-top: 1.5rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .header-search {
- max-width: 100%;
+ .mt-sm-5 {
+ margin-top: 3rem !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenRegular {
- min-width: 12rem;
- max-width: 24rem;
- flex: 1 1 auto;
-}
+ .mt-sm-auto {
+ margin-top: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-wrap {
- display: grid;
-}
+ .me-sm-0 {
+ margin-right: 0 !important;
+ }
-.AppHeader
- .AppHeader-globalBar
- .AppHeader-search
- .AppHeader-search-wrap.AppHeader-search-wrap--hasTrailing
- input[type='search'] {
- padding-inline-end: calc(
- var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px) -
- var(--borderWidth-thin, 1px)
- );
-}
+ .me-sm-1 {
+ margin-right: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .search-input-container {
- height: auto;
-}
+ .me-sm-2 {
+ margin-right: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-kbd {
- display: inline-grid;
- width: var(--base-size-16, 16px);
- height: var(--base-size-16, 16px);
- padding: 0;
- font-size: var(--text-caption-size, 12px);
- line-height: var(--text-caption-lineHeight, 1.3333333333);
- color: inherit;
- vertical-align: baseline;
- background: var(--bgColor-transparent);
- border: var(--borderWidth-thin) solid var(--fgColor-muted);
- border-radius: var(--borderRadius-small);
- box-shadow: none;
- align-items: center;
- justify-content: center;
-}
+ .me-sm-3 {
+ margin-right: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-placeholder {
- display: block;
- width: 100%;
- overflow: hidden;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: var(--text-body-lineHeight-medium, 20px);
- color: var(--fgColor-muted);
- text-overflow: ellipsis;
- white-space: nowrap;
- pointer-events: none;
- grid-area: 1/1;
- padding-block: var(--control-medium-paddingBlock, 6px);
- padding-inline: calc(
- var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px)
- );
-}
+ .me-sm-4 {
+ margin-right: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-control {
- grid-area: 1/1;
- position: relative;
-}
+ .me-sm-5 {
+ margin-right: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-visual--leading {
- position: absolute;
- top: var(--base-size-8, var(--base-size-8));
- left: var(--base-size-8, var(--base-size-8));
- display: block;
- width: var(--base-size-16, 16px);
- height: var(--base-size-16, 16px);
- color: var(--fgColor-muted);
- pointer-events: none;
-}
+ .me-sm-auto {
+ margin-right: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-visual--leading svg {
- display: block !important;
-}
+ .mb-sm-0 {
+ margin-bottom: 0 !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-searchButton {
- background: transparent;
-}
+ .mb-sm-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search'],
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-searchButton {
- width: 100%;
- border: solid var(--borderWidth-thin) var(--button-default-borderColor-rest);
- transition: none;
- padding-block: calc(var(--control-medium-paddingBlock, 6px) - var(--borderWidth-thin, 1px));
- padding-inline-start: calc(
- var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px) -
- var(--borderWidth-thin, 1px)
- );
- padding-inline-end: var(--control-medium-paddingInline-condensed, var(--base-size-40));
-}
+ .mb-sm-2 {
+ margin-bottom: 0.5rem !important;
+ }
-.appheader.AppHeader-globalBar .AppHeader-search input[type=search]: placeholder-shown {
- background: transparent;
-}
+ .mb-sm-3 {
+ margin-bottom: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:not(:placeholder-shown) {
- background: var(--bgColor-default);
-}
+ .mb-sm-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']::placeholder {
- color: transparent;
- opacity: 1;
-}
+ .mb-sm-5 {
+ margin-bottom: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus {
- background: var(--bgColor-default);
-}
+ .mb-sm-auto {
+ margin-bottom: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus::placeholder {
- color: var(--fgColor-muted);
-}
+ .ms-sm-0 {
+ margin-left: 0 !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus:placeholder {
- color: var(--fgColor-muted);
- opacity: 1;
-}
+ .ms-sm-1 {
+ margin-left: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus-visible {
- border-color: var(--focus-outlineColor);
-}
+ .ms-sm-2 {
+ margin-left: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing {
- position: absolute;
- top: var(--base-size-4, var(--base-size-4));
- right: var(--base-size-4, var(--base-size-4));
- display: grid;
- width: var(--control-xsmall-size, 24px);
- height: var(--control-xsmall-size, 24px);
- padding: 0;
- color: var(--fgColor-muted);
- background: var(--bgColor-transparent);
- border: 0;
- border-radius: var(--borderRadius-small);
- align-items: center;
- justify-content: center;
-}
+ .ms-sm-3 {
+ margin-left: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing:hover {
- background: var(--control-transparent-bgColor-hover);
-}
+ .ms-sm-4 {
+ margin-left: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing:active {
- background: var(--control-transparent-bgColor-active);
-}
+ .ms-sm-5 {
+ margin-left: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::before {
- position: absolute;
- top: calc((var(--control-xsmall-size, var(--base-size-24)) - var(--base-size-16, var(--base-size-16))) / 2);
- left: calc(var(--base-size-4, var(--base-size-4)) * -1);
- display: block;
- width: var(--borderWidth-thin, 1px);
- height: var(--base-size-16, 16px);
- content: '';
- background: var(--borderColor-default);
-}
+ .ms-sm-auto {
+ margin-left: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::after {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 100%;
- height: 100%;
- min-height: var(--control-medium-size, 32px);
- content: '';
- transform: translateX(-50%) translateY(-50%);
- min-width: var(--control-medium-size, 32px);
-}
+ .p-sm-0 {
+ padding: 0 !important;
+ }
-@media (pointer: coarse) {
- .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::after {
- min-width: var(--control-minTarget-coarse, 44px);
- min-height: var(--control-minTarget-coarse, 44px);
+ .p-sm-1 {
+ padding: 0.25rem !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing svg {
- color: inherit;
-}
+ .p-sm-2 {
+ padding: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-divider {
- width: var(--borderWidth-thin, 1px);
- height: var(--base-size-20, 20px);
- height: var(--base-size-20, 20px);
- margin: calc((var(--control-medium-size, 32px) - var(--base-size-20, var(--base-size-20))) / 2) 0;
- background: var(--borderColor-default);
-}
+ .p-sm-3 {
+ padding: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-actions {
- display: grid;
- grid-auto-flow: column;
- gap: var(--controlStack-medium-gap-auto, 8px);
-}
+ .p-sm-4 {
+ padding: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-actions::before {
- display: block;
- width: var(--borderWidth-thin, 1px);
- height: var(--base-size-20, 20px);
- height: var(--base-size-20, 20px);
- content: '';
- background: var(--borderColor-default);
- margin-block: calc((var(--control-medium-size, 32px) - var(--base-size-20, var(--base-size-20))) / 2);
-}
+ .p-sm-5 {
+ padding: 3rem !important;
+ }
-@media (pointer: fine) {
- .AppHeader .AppHeader-globalBar .AppHeader-actions::before {
- margin-inline: var(--base-size-4, var(--base-size-4));
+ .px-sm-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-}
-@media (max-width: 767.98px) {
- .AppHeader .AppHeader-globalBar .AppHeader-actions,
- .AppHeader .AppHeader-globalBar .AppHeader-CopilotChat {
- display: none;
+ .px-sm-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
}
-}
-.AppHeader .AppHeader-localBar {
- padding: 0 var(--base-size-16, var(--base-size-16));
-}
+ .px-sm-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.AppHeader .AppHeader-item {
- flex: 0 0 auto;
-}
+ .px-sm-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.AppHeader .AppHeader-item--full {
- flex-grow: 1;
-}
+ .px-sm-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.AppHeader .AppHeader-button {
- position: relative;
- display: grid;
- width: var(--base-size-32, 32px);
- height: var(--base-size-32, 32px);
- color: var(--fgColor-muted);
- background: transparent;
- border: solid var(--borderWidth-thin) var(--button-default-borderColor-rest);
- border-radius: var(--borderRadius-medium, var(--borderRadius-medium));
- grid-auto-columns: max-content;
- align-items: center;
- justify-content: center;
-}
+ .px-sm-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.AppHeader .AppHeader-button svg {
- color: inherit !important;
-}
+ .py-sm-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.AppHeader .AppHeader-button:hover {
- background: var(--control-transparent-bgColor-hover);
-}
+ .py-sm-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.AppHeader .AppHeader-button:active {
- background: var(--control-transparent-bgColor-active);
-}
+ .py-sm-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-@media (pointer: coarse) {
- .AppHeader .AppHeader-button::after {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 100%;
- height: 100%;
- min-height: var(--control-minTarget-coarse, 44px);
- content: '';
- transform: translateX(-50%) translateY(-50%);
- min-width: var(--control-minTarget-coarse, 44px);
+ .py-sm-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
}
-}
-.AppHeader .AppHeader-button--hasIndicator::before {
- position: absolute;
- top: calc(var(--base-size-4) / -2);
- right: calc(var(--base-size-4) / -2);
- display: block;
- width: var(--base-size-8, 8px);
- height: var(--base-size-8, 8px);
- content: '';
- background: var(--bgColor-accent-emphasis);
- border-radius: 50%;
- box-shadow: 0 0 0 calc(var(--base-size-4, 4px) / 2) var(--AppHeader-bg);
-}
+ .py-sm-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-@media (pointer: coarse) {
- .AppHeader .AppHeader-button--hasIndicator::before {
- left: auto;
- min-width: var(--base-size-8, 8px);
- min-height: var(--base-size-8, 8px);
- transform: none;
+ .py-sm-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
}
-}
-.AppHeader .Overlay-titleWrap {
- width: 100%;
- overflow-x: hidden;
-}
+ .pt-sm-0 {
+ padding-top: 0 !important;
+ }
-[data-target='animated-image.originalImage'],
-[data-target='animated-image.replacedImage'],
-[data-a11y-animated-images='system'] [data-animated-image],
-[data-a11y-animated-images='disabled'] [data-animated-image] {
- display: none;
-}
+ .pt-sm-1 {
+ padding-top: 0.25rem !important;
+ }
-[data-target='animated-image.originalImage'] {
- width: 100%;
-}
+ .pt-sm-2 {
+ padding-top: 0.5rem !important;
+ }
-animated-image[data-catalyst] {
- display: inline-block;
-}
+ .pt-sm-3 {
+ padding-top: 1rem !important;
+ }
-animated-image {
- max-width: 100%;
-}
+ .pt-sm-4 {
+ padding-top: 1.5rem !important;
+ }
-.AnimatedImagePlayer {
- position: relative;
- display: inline-block;
- width: 100%;
-}
+ .pt-sm-5 {
+ padding-top: 3rem !important;
+ }
-.AnimatedImagePlayer > a:not(.AnimatedImagePlayer-images) {
- display: none;
-}
+ .pe-sm-0 {
+ padding-right: 0 !important;
+ }
-.AnimatedImagePlayer-controls {
- position: absolute;
- top: var(--base-size-8);
- right: var(--base-size-8);
- z-index: 2;
- display: none;
- padding: var(--base-size-4);
- list-style: none;
- background: var(--bgColor-default);
- border-radius: var(--borderRadius-medium);
- box-shadow: var(--shadow-floating-small);
- opacity: 1;
- transition: opacity 80ms linear;
-}
+ .pe-sm-1 {
+ padding-right: 0.25rem !important;
+ }
-.AnimatedImagePlayer-images .AnimatedImagePlayer-animatedImage {
- cursor: pointer;
-}
+ .pe-sm-2 {
+ padding-right: 0.5rem !important;
+ }
-.AnimatedImagePlayer-button {
- display: flex;
- align-items: center;
- justify-content: center;
- width: var(--base-size-32);
- height: var(--base-size-32);
- cursor: pointer;
- background-color: var(--bgColor-default);
- border: 0;
- border-radius: var(--borderRadius-medium);
-}
+ .pe-sm-3 {
+ padding-right: 1rem !important;
+ }
-@media (hover: hover) and (pointer: fine) {
- .AnimatedImagePlayer-button:hover {
- background-color: var(--button-default-bgColor-hover);
- transition: background-color 200ms linear;
+ .pe-sm-4 {
+ padding-right: 1.5rem !important;
}
-}
-.AnimatedImagePlayer-images {
- display: block;
- width: 100%;
- padding: 0;
- margin: 0;
- background: none;
- border: 0;
- outline: none;
- outline-offset: 0;
-}
+ .pe-sm-5 {
+ padding-right: 3rem !important;
+ }
-.AnimatedImagePlayer-images:focus-visible {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: 0;
-}
+ .pb-sm-0 {
+ padding-bottom: 0 !important;
+ }
-.AnimatedImagePlayer-button:focus-visible {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: -2px;
-}
+ .pb-sm-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.AnimatedImagePlayer-button svg {
- width: var(--base-size-16);
- height: var(--base-size-16);
- pointer-events: none;
- fill: var(--fgColor-muted);
-}
+ .pb-sm-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.AnimatedImagePlayer-button:hover svg {
- fill: var(--fgColor-default);
-}
+ .pb-sm-3 {
+ padding-bottom: 1rem !important;
+ }
-.AnimatedImagePlayer-stillImage {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 1;
- display: none;
- width: 100%;
- height: 100%;
- pointer-events: none;
-}
+ .pb-sm-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.AnimatedImagePlayer-animatedImage {
- width: 100%;
- max-width: 100%;
- max-height: 100%;
-}
+ .pb-sm-5 {
+ padding-bottom: 3rem !important;
+ }
-.AnimatedImagePlayer.playing .AnimatedImagePlayer-controls {
- opacity: 0;
- transition-delay: 1s;
-}
+ .ps-sm-0 {
+ padding-left: 0 !important;
+ }
-.AnimatedImagePlayer.enabled .AnimatedImagePlayer-animatedImage {
- opacity: 0 !important;
-}
+ .ps-sm-1 {
+ padding-left: 0.25rem !important;
+ }
-.AnimatedImagePlayer.enabled.playing .AnimatedImagePlayer-animatedImage {
- opacity: 1 !important;
-}
+ .ps-sm-2 {
+ padding-left: 0.5rem !important;
+ }
-.AnimatedImagePlayer.playing.player-focused .AnimatedImagePlayer-controls {
- opacity: 1;
- transition-delay: 0ms;
-}
+ .ps-sm-3 {
+ padding-left: 1rem !important;
+ }
-@media (hover: hover) and (pointer: fine) {
- .AnimatedImagePlayer.playing:hover .AnimatedImagePlayer-controls {
- opacity: 1;
- transition-delay: 0s;
+ .ps-sm-4 {
+ padding-left: 1.5rem !important;
}
-}
-.AnimatedImagePlayer.enabled.playing .AnimatedImagePlayer-stillImage,
-.AnimatedImagePlayer.enabled.playing .icon-play,
-.AnimatedImagePlayer .icon-pause {
- display: none;
-}
+ .ps-sm-5 {
+ padding-left: 3rem !important;
+ }
-.AnimatedImagePlayer .icon-play,
-.AnimatedImagePlayer.enabled.playing .icon-pause,
-.AnimatedImagePlayer.enabled .AnimatedImagePlayer-stillImage {
- display: block;
-}
+ .text-sm-start {
+ text-align: left !important;
+ }
-.AnimatedImagePlayer.enabled .AnimatedImagePlayer-controls {
- display: flex;
-}
+ .text-sm-end {
+ text-align: right !important;
+ }
-.emoji-tab.UnderlineNav-item {
- margin-right: var(--base-size-4);
+ .text-sm-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 768px) {
+ .float-md-start {
+ float: left !important;
+ }
-.emoji-tab[role='tab'][aria-selected='true'] {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default);
- border-bottom-color: var(--borderColor-severe-emphasis);
-}
+ .float-md-end {
+ float: right !important;
+ }
-.emoji-tab[role='tab'][aria-selected='true'] .UnderlineNav-octicon {
- color: var(--fgColor-muted);
-}
+ .float-md-none {
+ float: none !important;
+ }
-.selected-emoji {
- z-index: 100;
-}
+ .d-md-inline {
+ display: inline !important;
+ }
-.emoji-picker-container .emoji-picker-tab g-emoji {
- margin-right: auto;
- margin-left: var(--base-size-4);
-}
+ .d-md-inline-block {
+ display: inline-block !important;
+ }
-.emoji-tab .emoji-icon {
- width: auto;
-}
+ .d-md-block {
+ display: block !important;
+ }
-.emoji-picker-container {
- z-index: 2;
- width: 395px;
- max-width: 80vw;
-}
+ .d-md-grid {
+ display: grid !important;
+ }
-.emoji-picker-container .UnderlineNav-body {
- gap: var(--control-small-gap, var(--base-size-8));
-}
+ .d-md-table {
+ display: table !important;
+ }
-.emoji-picker-tab {
- height: 136px;
- padding-top: var(--base-size-8);
-}
+ .d-md-table-row {
+ display: table-row !important;
+ }
-.emoji-picker-emoji-width {
- width: 32px;
- height: 28px;
-}
+ .d-md-table-cell {
+ display: table-cell !important;
+ }
-.emoji-picker-list {
- list-style: none;
-}
+ .d-md-flex {
+ display: flex !important;
+ }
-.notification-shelf {
- z-index: 34;
- background: var(--bgColor-inset) !important;
- border-color: var(--borderColor-default) !important;
-}
+ .d-md-inline-flex {
+ display: inline-flex !important;
+ }
-.notification-shelf svg[class='octicon octicon-x'] {
- color: var(--fgColor-muted) !important;
-}
+ .d-md-none {
+ display: none !important;
+ }
-.notification-shelf.is-stuck {
- z-index: 999;
-}
+ .flex-md-fill {
+ flex: 1 1 auto !important;
+ }
-@media (max-width: 767px) {
- .notifications-v2 .commit-ref .css-truncate-target {
- word-break: break-all;
- white-space: normal;
+ .flex-md-row {
+ flex-direction: row !important;
}
-}
-@media (max-width: 543px) {
- .notifications-v2 .Box {
- border-right: 0;
- border-left: 0;
- border-radius: 0;
+ .flex-md-column {
+ flex-direction: column !important;
}
-}
-@media (max-width: 543px) {
- .notifications-v2 .Box .Box-header {
- border-right: 0 !important;
- border-left: 0 !important;
- border-radius: 0 !important;
+ .flex-md-row-reverse {
+ flex-direction: row-reverse !important;
}
-}
-@media (max-width: 767px) {
- .notifications-v2 .AvatarStack--right {
- width: auto !important;
- min-width: auto !important;
- margin-left: 53px !important;
+ .flex-md-column-reverse {
+ flex-direction: column-reverse !important;
}
-}
-@media (max-width: 767px) {
- .notifications-v2 .AvatarStack--right .AvatarStack-body {
- position: relative !important;
- right: unset !important;
- margin-right: var(--base-size-8);
- flex-direction: row !important;
+ .flex-md-grow-0 {
+ flex-grow: 0 !important;
}
-}
-@media (max-width: 767px) {
- .notifications-v2 .AvatarStack-body .avatar {
- position: relative !important;
- margin-right: -12px !important;
- margin-left: 0 !important;
- border-right: var(--borderWidth-thin) solid #fff !important;
- border-left: 0 !important;
+ .flex-md-grow-1 {
+ flex-grow: 1 !important;
}
-}
-.notifications-v2 .thread-subscription-status {
- background-color: transparent !important;
-}
+ .flex-md-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.notifications-v2 .notification-action-mark-archived,
-.notifications-v2 .notification-action-mark-unread,
-.notifications-v2 .notification-action-star,
-.notifications-v2 .notification-action-unsubscribe {
- display: block !important;
-}
+ .flex-md-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-.notifications-v2 .notification-action-mark-read,
-.notifications-v2 .notification-action-mark-unarchived,
-.notifications-v2 .notification-action-subscribe,
-.notifications-v2 .notification-action-unstar,
-.notifications-v2 .notification-is-starred-icon {
- display: none !important;
-}
+ .flex-md-wrap {
+ flex-wrap: wrap !important;
+ }
-.notifications-v2 .notification-unsubscribed .notification-action-unsubscribe {
- display: none !important;
-}
+ .flex-md-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.notifications-v2 .notification-unsubscribed .notification-action-subscribe {
- display: block !important;
-}
+ .flex-md-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.notifications-v2 .notification-unread .notification-action-mark-read {
- display: block !important;
-}
+ .gap-md-0 {
+ gap: 0 !important;
+ }
-.notifications-v2 .notification-unread .notification-action-mark-unread {
- display: none !important;
-}
+ .gap-md-1 {
+ gap: 0.25rem !important;
+ }
-.notifications-v2 .notification-archived .notification-action-mark-archived,
-.notifications-v2 .notification-archived .notification-action-mark-read,
-.notifications-v2 .notification-archived .notification-action-mark-unread {
- display: none !important;
-}
+ .gap-md-2 {
+ gap: 0.5rem !important;
+ }
-.notifications-v2 .notification-archived .notification-action-mark-unarchived {
- display: block !important;
-}
+ .gap-md-3 {
+ gap: 1rem !important;
+ }
-.notifications-v2 .notification-starred .notification-action-star {
- display: none !important;
-}
+ .gap-md-4 {
+ gap: 1.5rem !important;
+ }
-.notifications-v2 .notification-starred .notification-is-starred-icon {
- display: inline-block !important;
-}
+ .gap-md-5 {
+ gap: 3rem !important;
+ }
-.notifications-v2 .notification-starred .notification-action-unstar {
- display: block !important;
-}
+ .justify-content-md-start {
+ justify-content: flex-start !important;
+ }
-.notifications-v2 .thread-subscribe-form {
- display: none !important;
-}
+ .justify-content-md-end {
+ justify-content: flex-end !important;
+ }
-.notifications .read .avatar img {
- opacity: 0.5;
-}
+ .justify-content-md-center {
+ justify-content: center !important;
+ }
-.notifications .read .undo {
- display: block;
-}
+ .justify-content-md-between {
+ justify-content: space-between !important;
+ }
-.notifications .read .delete {
- visibility: hidden;
-}
+ .justify-content-md-around {
+ justify-content: space-around !important;
+ }
-.notifications .read[aria-selected='true'],
-.notifications .read.navigation-focus {
- background-color: #f5f9fc;
-}
+ .justify-content-md-evenly {
+ justify-content: space-evenly !important;
+ }
-.notifications .muted .unmute {
- display: block;
-}
+ .align-items-md-start {
+ align-items: flex-start !important;
+ }
-.notifications .muted .mute {
- display: none;
-}
+ .align-items-md-end {
+ align-items: flex-end !important;
+ }
-.notifications .unmute {
- display: none;
-}
+ .align-items-md-center {
+ align-items: center !important;
+ }
-.notifications-list {
- float: left;
- width: 100%;
-}
+ .align-items-md-baseline {
+ align-items: baseline !important;
+ }
-.thread-subscription-status {
- padding: var(--base-size-8);
- margin: var(--base-size-40) 0 var(--base-size-16);
- color: var(--fgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .align-items-md-stretch {
+ align-items: stretch !important;
+ }
-.thread-subscription-status .reason {
- display: inline-block;
- margin: 0 var(--base-size-8);
- vertical-align: middle;
-}
+ .align-content-md-start {
+ align-content: flex-start !important;
+ }
-.thread-subscription-status .thread-subscribe-form {
- display: inline-block;
- vertical-align: middle;
-}
+ .align-content-md-end {
+ align-content: flex-end !important;
+ }
-.subscription .loading {
- opacity: 0.5;
-}
+ .align-content-md-center {
+ align-content: center !important;
+ }
-.inline-form {
- display: inline-block;
-}
+ .align-content-md-between {
+ align-content: space-between !important;
+ }
-.inline-form .btn-plain {
- background-color: transparent;
- border: 0;
-}
+ .align-content-md-around {
+ align-content: space-around !important;
+ }
-.drag-and-drop {
- padding: 7px 10px;
- margin: 0;
- font-size: 13px;
- line-height: 16px;
- color: var(--fgColor-muted);
- background-color: var(--bgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-top: 0;
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
-}
+ .align-content-md-stretch {
+ align-content: stretch !important;
+ }
-.drag-and-drop .default,
-.drag-and-drop .loading,
-.drag-and-drop .error {
- display: none;
-}
+ .align-self-md-auto {
+ align-self: auto !important;
+ }
-.drag-and-drop .error {
- color: var(--fgColor-danger);
-}
+ .align-self-md-start {
+ align-self: flex-start !important;
+ }
-.drag-and-drop img {
- vertical-align: top;
-}
+ .align-self-md-end {
+ align-self: flex-end !important;
+ }
-.file-attachment-errors .Banner--error {
- display: none;
-}
+ .align-self-md-center {
+ align-self: center !important;
+ }
-.is-bad-file .file-attachment-errors .bad-file,
-.is-bad-dimensions .file-attachment-errors .bad-dimensions,
-.is-too-big .file-attachment-errors .too-big,
-.is-duplicate-filename .file-attachment-errors .duplicate-filename,
-.is-too-many .file-attachment-errors .too-many,
-.is-hidden-file .file-attachment-errors .hidden-file,
-.is-failed .file-attachment-errors .failed,
-.is-empty .file-attachment-errors .empty,
-.is-bad-permissions .file-attachment-errors .bad-permissions,
-.is-repository-required .file-attachment-errors .repository-required {
- display: flex;
-}
+ .align-self-md-baseline {
+ align-self: baseline !important;
+ }
-.is-default .drag-and-drop .default {
- display: inline-block;
-}
+ .align-self-md-stretch {
+ align-self: stretch !important;
+ }
-.is-uploading .drag-and-drop .loading {
- display: inline-block;
-}
+ .order-md-first {
+ order: -1 !important;
+ }
-.is-bad-file .drag-and-drop .bad-file {
- display: inline-block;
-}
+ .order-md-0 {
+ order: 0 !important;
+ }
-.is-duplicate-filename .drag-and-drop .duplicate-filename {
- display: inline-block;
-}
+ .order-md-1 {
+ order: 1 !important;
+ }
-.is-too-big .drag-and-drop .too-big {
- display: inline-block;
-}
+ .order-md-2 {
+ order: 2 !important;
+ }
-.is-hidden-file .drag-and-drop .hidden-file {
- display: inline-block;
-}
+ .order-md-3 {
+ order: 3 !important;
+ }
-.is-empty .drag-and-drop .empty {
- display: inline-block;
-}
+ .order-md-4 {
+ order: 4 !important;
+ }
-.is-bad-permissions .drag-and-drop .bad-permissions {
- display: inline-block;
-}
+ .order-md-5 {
+ order: 5 !important;
+ }
-.is-repository-required .drag-and-drop .repository-required {
- display: inline-block;
-}
+ .order-md-last {
+ order: 6 !important;
+ }
-.drag-and-drop-error-info {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted);
-}
+ .m-md-0 {
+ margin: 0 !important;
+ }
-.drag-and-drop-error-info a {
- color: var(--fgColor-accent);
-}
+ .m-md-1 {
+ margin: 0.25rem !important;
+ }
-.is-failed .drag-and-drop .failed-request {
- display: inline-block;
-}
+ .m-md-2 {
+ margin: 0.5rem !important;
+ }
-.manual-file-chooser {
- position: absolute;
- width: 240px;
- padding: 5px;
- margin-left: -80px;
- cursor: pointer;
- opacity: 0.0001;
-}
+ .m-md-3 {
+ margin: 1rem !important;
+ }
-.btn .manual-file-chooser {
- top: 0;
- padding: 0;
- line-height: 34px;
-}
+ .m-md-4 {
+ margin: 1.5rem !important;
+ }
-.upload-enabled textarea {
- display: block;
- border-bottom: var(--borderWidth-thin) dashed var(--borderColor-default);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
-}
+ .m-md-5 {
+ margin: 3rem !important;
+ }
+
+ .m-md-auto {
+ margin: auto !important;
+ }
-.upload-enabled.focused {
- border-color: var(--borderColor-accent-emphasis);
- border-radius: var(--borderRadius-medium);
- outline: none;
- box-shadow: 0 0 0 2px var(--borderColor-accent-emphasis);
-}
+ .mx-md-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.upload-enabled.focused .form-control {
- border-color: transparent;
- border-bottom-color: var(--borderColor-accent-emphasis);
- box-shadow: none;
-}
+ .mx-md-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.upload-enabled.focused .drag-and-drop {
- border-color: transparent;
-}
+ .mx-md-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.dragover textarea,
-.dragover .drag-and-drop {
- box-shadow: #c9ff00 0 0 3px;
-}
+ .mx-md-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.write-content {
- position: relative;
-}
+ .mx-md-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.previewable-comment-form {
- position: relative;
-}
+ .mx-md-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.previewable-comment-form .tabnav {
- position: relative;
- padding: var(--base-size-8) var(--base-size-8) 0;
-}
+ .mx-md-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.previewable-comment-form .comment {
- border: var(--borderWidth-thin) solid transparent;
- border-bottom: 0;
-}
+ .my-md-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.previewable-comment-form .comment-form-error {
- margin-bottom: var(--base-size-8);
-}
+ .my-md-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.previewable-comment-form .write-content,
-.previewable-comment-form .preview-content {
- display: none;
- margin: 0 var(--base-size-8) var(--base-size-8);
-}
+ .my-md-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.previewable-comment-form.write-selected .write-content,
-.previewable-comment-form.preview-selected .preview-content {
- display: block;
-}
+ .my-md-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.previewable-comment-form textarea {
- display: block;
- width: 100%;
- min-height: 100px;
- max-height: 500px;
- padding: var(--base-size-8);
- resize: vertical;
-}
+ .my-md-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.form-action-spacious {
- margin-top: 10px;
-}
+ .my-md-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-div.composer {
- margin-top: 0;
- border: 0;
-}
+ .my-md-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-.composer .comment-form-textarea {
- height: 200px;
- min-height: 200px;
-}
+ .mt-md-0 {
+ margin-top: 0 !important;
+ }
-.composer .tabnav {
- margin: 0 0 10px;
-}
+ .mt-md-1 {
+ margin-top: 0.25rem !important;
+ }
-h2.account {
- margin: 15px 0 0;
- font-size: 18px;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted);
-}
+ .mt-md-2 {
+ margin-top: 0.5rem !important;
+ }
-p.explain {
- position: relative;
- font-size: 12px;
- color: var(--fgColor-muted);
-}
+ .mt-md-3 {
+ margin-top: 1rem !important;
+ }
-p.explain strong {
- color: var(--fgColor-default);
-}
+ .mt-md-4 {
+ margin-top: 1.5rem !important;
+ }
-p.explain .octicon {
- margin-right: 5px;
- color: var(--fgColor-muted);
-}
+ .mt-md-5 {
+ margin-top: 3rem !important;
+ }
-p.explain .minibutton {
- top: -4px;
- float: right;
-}
+ .mt-md-auto {
+ margin-top: auto !important;
+ }
-@supports (field-sizing: content) {
- .size-to-fit {
- field-sizing: content;
- max-height: calc(100vh - 200px);
+ .me-md-0 {
+ margin-right: 0 !important;
}
-}
-.progress-pjax-loader {
- z-index: 99999;
- height: 2px !important;
- background: transparent;
- opacity: 0;
- transition: opacity 0.4s linear 0.4s;
-}
+ .me-md-1 {
+ margin-right: 0.25rem !important;
+ }
-.progress-pjax-loader.is-loading {
- opacity: 1;
- transition: none;
-}
+ .me-md-2 {
+ margin-right: 0.5rem !important;
+ }
-.progress-pjax-loader > .progress-pjax-loader-bar {
- background-color: #79b8ff;
- transition: width 0.4s ease;
-}
+ .me-md-3 {
+ margin-right: 1rem !important;
+ }
-.starred .starred-button-icon {
- color: var(--button-star-iconColor);
-}
+ .me-md-4 {
+ margin-right: 1.5rem !important;
+ }
-.user-lists-menu-action {
- color: var(--fgColor-default);
-}
+ .me-md-5 {
+ margin-right: 3rem !important;
+ }
-.user-lists-menu-action:hover:not(:disabled) {
- color: var(--fgColor-default);
- background-color: var(--bgColor-muted);
-}
+ .me-md-auto {
+ margin-right: auto !important;
+ }
-.user-lists-menu-action:focus:not(:disabled) {
- color: var(--fgColor-default);
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: 2px;
-}
+ .mb-md-0 {
+ margin-bottom: 0 !important;
+ }
-.starring-container .BtnGroup-parent:active {
- z-index: auto;
-}
+ .mb-md-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.shelf {
- padding-top: var(--base-size-16);
- margin-bottom: var(--base-size-16);
- background-color: var(--bgColor-default);
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted);
-}
+ .mb-md-2 {
+ margin-bottom: 0.5rem !important;
+ }
-.shelf .container {
- position: relative;
-}
+ .mb-md-3 {
+ margin-bottom: 1rem !important;
+ }
-.org-sso,
-.business-sso {
- max-width: 340px;
- margin: 0 auto;
-}
+ .mb-md-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.org-sso .sso-title,
-.business-sso .sso-title {
- font-size: 24px;
- font-weight: var(--base-text-weight-light, 300);
- letter-spacing: -0.5px;
-}
+ .mb-md-5 {
+ margin-bottom: 3rem !important;
+ }
-.org-sso .org-sso-panel,
-.org-sso .business-sso-panel,
-.business-sso .org-sso-panel,
-.business-sso .business-sso-panel {
- padding: var(--base-size-16);
- background-color: var(--bgColor-default);
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .mb-md-auto {
+ margin-bottom: auto !important;
+ }
-.org-sso .sso-recovery-callout,
-.business-sso .sso-recovery-callout {
- padding: var(--base-size-16) var(--base-size-8);
- text-align: center;
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .ms-md-0 {
+ margin-left: 0 !important;
+ }
-.sso-modal {
- padding: var(--base-size-16);
-}
+ .ms-md-1 {
+ margin-left: 0.25rem !important;
+ }
-.sso-modal .org-sso,
-.sso-modal .business-sso {
- width: auto;
-}
+ .ms-md-2 {
+ margin-left: 0.5rem !important;
+ }
-.sso-modal .org-sso .org-sso-panel,
-.sso-modal .business-sso .business-sso-panel {
- border: 0;
-}
+ .ms-md-3 {
+ margin-left: 1rem !important;
+ }
-.sso-modal .sso-prompt-success,
-.sso-modal .sso-prompt-error {
- display: none;
-}
+ .ms-md-4 {
+ margin-left: 1.5rem !important;
+ }
-.sso-modal.success .sso-prompt-default {
- display: none;
-}
+ .ms-md-5 {
+ margin-left: 3rem !important;
+ }
-.sso-modal.success .sso-prompt-success {
- display: block;
-}
+ .ms-md-auto {
+ margin-left: auto !important;
+ }
-.sso-modal.error .sso-prompt-default {
- display: none;
-}
+ .p-md-0 {
+ padding: 0 !important;
+ }
-.sso-modal.error .sso-prompt-error {
- display: block;
-}
+ .p-md-1 {
+ padding: 0.25rem !important;
+ }
-.sso-modal.error .flash-error {
- margin-right: calc(var(--base-size-32) * -1);
- margin-left: calc(var(--base-size-32) * -1);
- border-right: 0;
- border-left: 0;
- border-radius: 0;
-}
+ .p-md-2 {
+ padding: 0.5rem !important;
+ }
-.status-indicator {
- display: inline-block;
- width: 16px;
- height: 16px;
- margin-left: 5px;
-}
+ .p-md-3 {
+ padding: 1rem !important;
+ }
-.status-indicator .octicon {
- display: none;
-}
+ .p-md-4 {
+ padding: 1.5rem !important;
+ }
-.status-indicator-success::before {
- content: '';
-}
+ .p-md-5 {
+ padding: 3rem !important;
+ }
-.status-indicator-success .octicon-check {
- display: inline-block;
- color: var(--fgColor-success);
- fill: var(--fgColor-success);
-}
+ .px-md-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
-.status-indicator-success .octicon-x {
- display: none;
-}
+ .px-md-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
-.status-indicator-failed::before {
- content: '';
-}
+ .px-md-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.status-indicator-failed .octicon-check {
- display: none;
-}
+ .px-md-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.status-indicator-failed .octicon-x {
- display: inline-block;
- color: var(--fgColor-danger);
- fill: var(--fgColor-danger);
-}
+ .px-md-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.status-indicator-loading {
- width: 16px;
- background-image: url('/assets/octocat-spinner-32-EAF2F5-ada8eb30dd92.gif');
- background-repeat: no-repeat;
- background-position: 0 0;
- background-size: 16px;
-}
+ .px-md-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.tag-input-container {
- position: relative;
-}
+ .py-md-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.tag-input-container .focus {
- border-color: transparent !important;
- box-shadow: none !important;
-}
+ .py-md-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.tag-input-container .suggester {
- position: absolute;
- z-index: 100;
- width: 100%;
- margin-top: -1px;
-}
+ .py-md-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-.tag-input-container ul {
- list-style: none;
-}
+ .py-md-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
-.tag-input input {
- float: left;
- padding-left: 2px;
- margin: 0;
- background: none;
- border: 0;
- box-shadow: none;
-}
+ .py-md-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-.tag-input input:focus {
- box-shadow: none;
-}
+ .py-md-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
-.task-list-item {
- list-style-type: none;
-}
+ .pt-md-0 {
+ padding-top: 0 !important;
+ }
-.task-list-item label {
- font-weight: var(--base-text-weight-normal, 400);
-}
+ .pt-md-1 {
+ padding-top: 0.25rem !important;
+ }
-.task-list-item.enabled label {
- cursor: pointer;
-}
+ .pt-md-2 {
+ padding-top: 0.5rem !important;
+ }
-.task-list-item + .task-list-item {
- margin-top: var(--base-size-4);
-}
+ .pt-md-3 {
+ padding-top: 1rem !important;
+ }
-.task-list-item .handle {
- display: none;
-}
+ .pt-md-4 {
+ padding-top: 1.5rem !important;
+ }
-.task-list-item-checkbox {
- margin: 0 0.2em 0.25em -1.4em;
- vertical-align: middle;
-}
+ .pt-md-5 {
+ padding-top: 3rem !important;
+ }
-ul:dir(rtl) .task-list-item-checkbox {
- margin: 0 -1.6em 0.25em 0.2em;
-}
+ .pe-md-0 {
+ padding-right: 0 !important;
+ }
-ol:dir(rtl) .task-list-item-checkbox {
- margin: 0 -1.6em 0.25em 0.2em;
-}
+ .pe-md-1 {
+ padding-right: 0.25rem !important;
+ }
-.convert-to-issue-button {
- top: 2px;
- right: var(--base-size-4);
- padding: 0 2px;
- margin-right: var(--base-size-8);
- -webkit-user-select: none;
- user-select: none;
- background-color: var(--bgColor-muted);
-}
+ .pe-md-2 {
+ padding-right: 0.5rem !important;
+ }
-.convert-to-issue-button .octicon {
- fill: var(--fgColor-default);
-}
+ .pe-md-3 {
+ padding-right: 1rem !important;
+ }
-.convert-to-issue-button:hover .octicon,
-.convert-to-issue-button:focus .octicon {
- fill: var(--fgColor-accent);
-}
+ .pe-md-4 {
+ padding-right: 1.5rem !important;
+ }
-.reorderable-task-lists .markdown-body ul,
-.reorderable-task-lists .markdown-body ol {
- position: relative;
- padding: 0;
-}
+ .pe-md-5 {
+ padding-right: 3rem !important;
+ }
-.reorderable-task-lists .markdown-body li:not(.task-list-item) {
- margin-left: var(--base-size-24);
-}
+ .pb-md-0 {
+ padding-bottom: 0 !important;
+ }
-.reorderable-task-lists .markdown-body ol li,
-.reorderable-task-lists .markdown-body ul li {
- margin-left: 0;
-}
+ .pb-md-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item {
- padding: 2px 15px 2px 42px;
- margin-right: -15px;
- margin-left: -15px;
- line-height: 1.5;
- border: 0;
-}
+ .pb-md-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item + .task-list-item {
- margin-top: 0;
-}
+ .pb-md-3 {
+ padding-bottom: 1rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item .handle {
- display: block;
- float: left;
- width: 20px;
- padding: 2px 0 0 2px;
- margin-left: -43px;
- opacity: 0;
-}
+ .pb-md-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item .drag-handle {
- fill: var(--fgColor-default);
-}
+ .pb-md-5 {
+ padding-bottom: 3rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item.hovered > .handle {
- opacity: 1;
-}
+ .ps-md-0 {
+ padding-left: 0 !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item.is-dragging {
- opacity: 0;
-}
+ .ps-md-1 {
+ padding-left: 0.25rem !important;
+ }
-.reorderable-task-lists .markdown-body ul:dir(rtl) .task-list-item {
- margin-right: 0;
-}
+ .ps-md-2 {
+ padding-left: 0.5rem !important;
+ }
-.reorderable-task-lists .markdown-body ol:dir(rtl) .task-list-item {
- margin-right: 0;
-}
+ .ps-md-3 {
+ padding-left: 1rem !important;
+ }
-.comment-body .reference {
- font-weight: var(--base-text-weight-semibold, 600);
- white-space: nowrap;
-}
+ .ps-md-4 {
+ padding-left: 1.5rem !important;
+ }
-.comment-body .issue-link {
- white-space: normal;
-}
+ .ps-md-5 {
+ padding-left: 3rem !important;
+ }
-.comment-body .issue-link .issue-shorthand {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted);
-}
+ .text-md-start {
+ text-align: left !important;
+ }
-.comment-body .issue-link:hover .issue-shorthand,
-.comment-body .issue-link:focus .issue-shorthand {
- color: var(--fgColor-accent);
-}
+ .text-md-end {
+ text-align: right !important;
+ }
-.review-comment-contents .markdown-body .task-list-item {
- padding-left: 42px;
- margin-right: -12px;
- margin-left: -12px;
- border-top-left-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+ .text-md-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 992px) {
+ .float-lg-start {
+ float: left !important;
+ }
-.convert-to-issue-enabled .task-list-item .contains-task-list {
- padding: var(--base-size-4) 15px 0 43px;
- margin: 0 -15px 0 -42px;
-}
+ .float-lg-end {
+ float: right !important;
+ }
-.convert-to-issue-enabled .task-list-item.hovered {
- background-color: var(--bgColor-muted);
-}
+ .float-lg-none {
+ float: none !important;
+ }
-.convert-to-issue-enabled .task-list-item.hovered .contains-task-list {
- background-color: var(--bgColor-default);
-}
+ .d-lg-inline {
+ display: inline !important;
+ }
-.convert-to-issue-enabled .task-list-item > .convert-to-issue-button {
- opacity: 0;
-}
+ .d-lg-inline-block {
+ display: inline-block !important;
+ }
+
+ .d-lg-block {
+ display: block !important;
+ }
-.convert-to-issue-enabled .task-list-item.hovered > .convert-to-issue-button,
-.convert-to-issue-enabled .task-list-item > .convert-to-issue-button:focus {
- z-index: 20;
- opacity: 1;
-}
+ .d-lg-grid {
+ display: grid !important;
+ }
-.convert-to-issue-enabled .task-list-item.is-loading {
- color: var(--fgColor-muted);
- background-color: var(--bgColor-accent-muted);
- border-top: var(--borderWidth-thin) solid var(--borderColor-accent-muted);
- border-bottom: var(--borderWidth-thin) solid var(--bgColor-default);
- border-left: var(--borderWidth-thin) solid var(--bgColor-default);
-}
+ .d-lg-table {
+ display: table !important;
+ }
-.convert-to-issue-enabled .task-list-item.is-loading ul {
- color: var(--fgColor-default);
- background-color: var(--bgColor-default);
-}
+ .d-lg-table-row {
+ display: table-row !important;
+ }
-.convert-to-issue-enabled .task-list-item.is-loading > .handle {
- opacity: 0;
-}
+ .d-lg-table-cell {
+ display: table-cell !important;
+ }
-.task-list-item-convert-container {
- position: absolute !important;
- top: calc(100% - 4px);
- right: 0;
- left: 0;
- display: none;
- margin-top: 0;
-}
+ .d-lg-flex {
+ display: flex !important;
+ }
-.task-list-item-convert-container:hover,
-.task-list-item-convert-container:focus {
- display: block;
-}
+ .d-lg-inline-flex {
+ display: inline-flex !important;
+ }
-.task-list-item-convert-button-container {
- top: var(--base-size-4);
- right: 0;
- left: auto;
- width: auto;
-}
+ .d-lg-none {
+ display: none !important;
+ }
-.contains-task-list:hover .task-list-item-convert-container,
-.contains-task-list:focus-within .task-list-item-convert-container {
- display: block;
- width: auto;
- height: 24px;
- overflow: visible;
- clip: auto;
-}
+ .flex-lg-fill {
+ flex: 1 1 auto !important;
+ }
-.convert-to-block-button {
- margin: 0 var(--base-size-4);
-}
+ .flex-lg-row {
+ flex-direction: row !important;
+ }
-.topic-tag {
- display: inline-block;
- padding: 0.3em 0.9em;
- margin: 0 0.5em 0.5em 0;
- white-space: nowrap;
- background-color: var(--bgColor-accent-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .flex-lg-column {
+ flex-direction: column !important;
+ }
-.topic-tag-link:hover {
- text-decoration: none;
- background-color: #def;
-}
+ .flex-lg-row-reverse {
+ flex-direction: row-reverse !important;
+ }
-.delete-topic-button {
- display: inline-block;
- width: 26px;
- border-top: 0;
- border-right: 0;
- border-bottom: 0;
- border-left: var(--borderWidth-thin) solid #b4d9ff;
-}
+ .flex-lg-column-reverse {
+ flex-direction: column-reverse !important;
+ }
-.topic-tag-outline {
- background: transparent;
- box-shadow: inset 0 0 0 1px #c8e1ff;
-}
+ .flex-lg-grow-0 {
+ flex-grow: 0 !important;
+ }
-.invalid-topic .delete-topic-button {
- color: var(--fgColor-default);
- background-color: var(--bgColor-danger-muted);
- border-left-color: var(--borderColor-danger-emphasis);
-}
+ .flex-lg-grow-1 {
+ flex-grow: 1 !important;
+ }
-.invalid-topic .delete-topic-button:hover {
- background-color: #ffc8ce;
-}
+ .flex-lg-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.topic-tag-action {
- display: inline-flex;
- align-items: center;
- padding-left: 0.8em;
- margin: 0.4em 0.4em 0 0;
- background-color: var(--bgColor-accent-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .flex-lg-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-.topic-tag-action.invalid-topic {
- color: var(--fgColor-default);
- background-color: var(--bgColor-danger-muted);
- border-color: var(--borderColor-danger-emphasis);
-}
+ .flex-lg-wrap {
+ flex-wrap: wrap !important;
+ }
-.topic-input-container .tag-input {
- width: 908px;
- cursor: text;
-}
+ .flex-lg-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.topic-input-container .tag-input.org-repo-tag-input {
- width: 100%;
-}
+ .flex-lg-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.topic-input-container .tag-input .tag-input-inner {
- min-height: 26px;
- background-image: none;
-}
+ .gap-lg-0 {
+ gap: 0 !important;
+ }
-.topic-input-container .topic-tag {
- margin-top: 2px;
-}
+ .gap-lg-1 {
+ gap: 0.25rem !important;
+ }
-.topic .css-truncate-target {
- max-width: 75%;
-}
+ .gap-lg-2 {
+ gap: 0.5rem !important;
+ }
-.topic-list .topic-list-item + .topic-list-item {
- border-top: solid var(--borderWidth-thin) var(--borderColor-default);
-}
+ .gap-lg-3 {
+ gap: 1rem !important;
+ }
-.topic-box .starred {
- color: var(--fgColor-attention);
- border: 0;
-}
+ .gap-lg-4 {
+ gap: 1.5rem !important;
+ }
-.topic-box .unstarred {
- color: var(--fgColor-muted);
- border: 0;
-}
+ .gap-lg-5 {
+ gap: 3rem !important;
+ }
-.user-status-container,
-.user-status-container .team-mention,
-.user-status-container .user-mention {
- white-space: normal;
-}
+ .justify-content-lg-start {
+ justify-content: flex-start !important;
+ }
-.user-status-container {
- word-break: break-word;
- word-wrap: break-word;
-}
+ .justify-content-lg-end {
+ justify-content: flex-end !important;
+ }
-.user-status-container .input-group-button .btn {
- width: 46px;
- height: 34px;
- line-height: 0;
-}
+ .justify-content-lg-center {
+ justify-content: center !important;
+ }
-.user-status-container .input-group-button g-emoji {
- font-size: 1.3em;
- line-height: 18px;
-}
+ .justify-content-lg-between {
+ justify-content: space-between !important;
+ }
-.user-status-container .team-mention,
-.user-status-container .user-mention {
- white-space: normal;
-}
+ .justify-content-lg-around {
+ justify-content: space-around !important;
+ }
-.user-status-container img.emoji {
- width: 18px;
- height: 18px;
-}
+ .justify-content-lg-evenly {
+ justify-content: space-evenly !important;
+ }
-.user-status-message-wrapper {
- color: var(--fgColor-default);
-}
+ .align-items-lg-start {
+ align-items: flex-start !important;
+ }
-.toggle-user-status-edit:hover .user-status-message-wrapper,
-.toggle-user-status-edit:focus .user-status-message-wrapper {
- color: var(--fgColor-accent);
-}
+ .align-items-lg-end {
+ align-items: flex-end !important;
+ }
-.user-status-message-wrapper div {
- display: inline;
-}
+ .align-items-lg-center {
+ align-items: center !important;
+ }
-.user-status-header g-emoji {
- font-size: 1.25em;
-}
+ .align-items-lg-baseline {
+ align-items: baseline !important;
+ }
-.user-status-message-wrapper .g-emoji {
- display: inline-block;
-}
+ .align-items-lg-stretch {
+ align-items: stretch !important;
+ }
-.user-status-circle-badge {
- background-color: var(--bgColor-default);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: 2em;
- box-shadow: var(--shadow-resting-small);
-}
+ .align-content-lg-start {
+ align-content: flex-start !important;
+ }
-.command-palette {
- box-shadow: var(--shadow-floating-small);
-}
+ .align-content-lg-end {
+ align-content: flex-end !important;
+ }
-@media (min-width: 768px) {
- .command-palette-details-dialog {
- width: 512px;
+ .align-content-lg-center {
+ align-content: center !important;
}
-}
-@media (min-width: 1012px) {
- .command-palette-details-dialog {
- width: 640px;
+ .align-content-lg-between {
+ align-content: space-between !important;
}
-}
-@media (min-width: 1280px) {
- .command-palette-details-dialog {
- width: 720px;
+ .align-content-lg-around {
+ align-content: space-around !important;
}
-}
-.page-stack-transition-height {
- overflow-y: scroll;
- transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
- transition-duration: 0.2s;
- transition-property: max-height, min-height;
-}
+ .align-content-lg-stretch {
+ align-content: stretch !important;
+ }
-.page-stack-transition-height.no-transition {
- transition-duration: 0s;
-}
+ .align-self-lg-auto {
+ align-self: auto !important;
+ }
-.command-palette-input-group {
- position: relative;
- z-index: 0;
- padding-left: 0;
- color: var(--fgColor-muted);
-}
+ .align-self-lg-start {
+ align-self: flex-start !important;
+ }
-.command-palette-input-group .no-focus-indicator:focus,
-.command-palette-input-group .no-focus-indicator:focus-visible {
- border: 0 !important;
- outline: none !important;
-}
+ .align-self-lg-end {
+ align-self: flex-end !important;
+ }
-.command-palette-input-group .command-palette-typeahead {
- position: absolute;
- z-index: 1;
- padding: inherit;
- pointer-events: none;
-}
+ .align-self-lg-center {
+ align-self: center !important;
+ }
-.command-palette-input-group .command-palette-typeahead .typeahead-segment {
- white-space: pre;
-}
+ .align-self-lg-baseline {
+ align-self: baseline !important;
+ }
-.command-palette-input-group .command-palette-typeahead .typeahead-segment.input-mirror {
- opacity: 0;
-}
+ .align-self-lg-stretch {
+ align-self: stretch !important;
+ }
-.command-palette-input-group .typeahead-input {
- padding: inherit;
-}
+ .order-lg-first {
+ order: -1 !important;
+ }
-.command-palette-input-clear-button {
- color: var(--fgColor-muted);
-}
+ .order-lg-0 {
+ order: 0 !important;
+ }
-.command-palette-input-clear-button:hover {
- color: var(--fgColor-muted);
-}
+ .order-lg-1 {
+ order: 1 !important;
+ }
-themed-picture {
- visibility: hidden;
-}
+ .order-lg-2 {
+ order: 2 !important;
+ }
-.SidePanel > .Overlay-header > .Overlay-headerContentWrap > .Overlay-titleWrap {
- padding-top: var(--base-size-8);
-}
+ .order-lg-3 {
+ order: 3 !important;
+ }
-.SidePanel > .Overlay-header > .Overlay-headerContentWrap > .Overlay-actionWrap {
- padding: var(--base-size-8);
-}
+ .order-lg-4 {
+ order: 4 !important;
+ }
-.underline-on-hover:hover {
- text-decoration: underline;
-}
+ .order-lg-5 {
+ order: 5 !important;
+ }
-.is-auto-complete-loading :not(input).form-control {
- padding-right: 0;
- background-image: none;
-}
+ .order-lg-last {
+ order: 6 !important;
+ }
-.ActionMenu {
- position: absolute;
- z-index: 999;
- display: none;
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
+ .m-lg-0 {
+ margin: 0 !important;
+ }
-.CommentBox-header {
- display: flex;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
-}
+ .m-lg-1 {
+ margin: 0.25rem !important;
+ }
-.CommentBox-header.CommentBox-header {
- margin-bottom: 0;
-}
+ .m-lg-2 {
+ margin: 0.5rem !important;
+ }
-.CommentBox-header .tabnav-tabs {
- margin-top: -1px;
- margin-left: -1px;
- flex-shrink: 0;
-}
+ .m-lg-3 {
+ margin: 1rem !important;
+ }
-.CommentBox-toolbar {
- display: flex;
- min-width: 0;
- margin-right: var(--base-size-4, var(--base-size-4));
- flex-shrink: 1;
- flex-grow: 1;
-}
+ .m-lg-4 {
+ margin: 1.5rem !important;
+ }
-.CommentBox-toolbar .Button--invisible {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
+ .m-lg-5 {
+ margin: 3rem !important;
+ }
-.CommentBox-container {
- display: block;
- width: calc(100% - var(--stack-padding-condensed, 8px) * 2);
- height: 100%;
- margin: var(--base-size-8);
- overflow: hidden;
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
-}
+ .m-lg-auto {
+ margin: auto !important;
+ }
-.CommentBox-container.CommentBox-container:focus-within {
- border-color: transparent;
- outline: 2px var(--focus-outlineColor, var(--color-accent-emphasis)) solid;
- outline-offset: -1px;
- box-shadow: none;
-}
+ .mx-lg-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.CommentBox-container::placeholder {
- visibility: hidden;
-}
+ .mx-lg-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.CommentBox-input {
- display: block;
- width: 100%;
- min-height: 102px;
- padding: var(--base-size-8);
- line-height: 1.5;
- resize: vertical;
- background: none;
- border: 0;
-}
+ .mx-lg-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.CommentBox-input.CommentBox-input:focus,
-.CommentBox-input.CommentBox-input:focus-visible {
- border: 0;
- outline: 0;
- box-shadow: none;
-}
+ .mx-lg-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.CommentBox-input.CommentBox-input--medium {
- min-height: 150px;
-}
+ .mx-lg-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.CommentBox-input.CommentBox-input--large {
- min-height: 250px;
-}
+ .mx-lg-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.CommentBox-placeholder {
- position: absolute;
- top: 1px;
- left: 9px;
- display: none;
- padding: var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-subtle));
- pointer-events: none;
-}
+ .mx-lg-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.CommentBox-input:placeholder-shown + .CommentBox-placeholder {
- display: block;
-}
+ .my-lg-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.CommentBox .dragover .CommentBox-input,
-.CommentBox .dragover .CommentBox-input:focus {
- border-radius: 10px;
- outline: 2px dashed var(--borderColor-default, var(--color-border-default));
- outline-offset: -6px;
- box-shadow: none;
-}
+ .my-lg-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.CommentBox-comment {
- margin: var(--base-size-8);
-}
+ .my-lg-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.CommentBox-comment.CommentBox-comment:focus,
-.CommentBox-comment.CommentBox-comment:focus-visible {
- border-radius: var(--borderRadius-medium);
- outline: 2px var(--focus-outlineColor, var(--color-accent-emphasis)) solid;
- outline-offset: -1px;
- box-shadow: none;
-}
+ .my-lg-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.CommentBox-comment[role='tabpanel'][tabindex='0']:focus {
- outline: 2px var(--focus-outlineColor, var(--color-accent-emphasis)) solid;
-}
+ .my-lg-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.CommentBox-comment.CommentBox-comment .comment-body {
- padding: 9px;
- margin: 0;
-}
+ .my-lg-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-.previewable-comment-form .comment {
- border: 0;
-}
+ .my-lg-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-.previewable-edit .previewable-comment-form .CommentBox-header .tabnav-tabs {
- display: flex;
-}
+ .mt-lg-0 {
+ margin-top: 0 !important;
+ }
-.previewable-comment-form .CommentBox .preview-content {
- padding: var(--base-size-8);
- margin: 0;
-}
+ .mt-lg-1 {
+ margin-top: 0.25rem !important;
+ }
-.previewable-comment-form .CommentBox .comment-body {
- padding: 9px;
- border: 0;
-}
+ .mt-lg-2 {
+ margin-top: 0.5rem !important;
+ }
-.PageHeader {
- display: grid;
- grid-template-columns: 1fr;
- grid-template-areas: 'contextBar' 'titleBar' 'description' 'navigation';
- margin-bottom: var(--base-size-24);
-}
+ .mt-lg-3 {
+ margin-top: 1rem !important;
+ }
-@media (max-width: 768px) {
- .PageHeader {
- margin-bottom: var(--base-size-16);
+ .mt-lg-4 {
+ margin-top: 1.5rem !important;
}
-}
-.PageHeader .PageHeader-contextBar {
- display: flex;
- column-gap: 16px;
- align-items: center;
-}
+ .mt-lg-5 {
+ margin-top: 3rem !important;
+ }
-.PageHeader .PageHeader-contextBar .PageHeader-parentLink {
- flex: 1 1 auto;
-}
+ .mt-lg-auto {
+ margin-top: auto !important;
+ }
-.PageHeader .PageHeader-parentLink a {
- display: inline-grid;
- grid-template-columns: min-content auto;
- gap: var(--base-size-4);
- align-items: center;
- padding: var(--base-size-4) var(--base-size-8);
- margin-left: calc(var(--base-size-8) * -1);
- font-size: 14px;
- line-height: 1.25;
- color: var(--fgColor-muted, var(--color-fg-muted));
- border-radius: var(--borderRadius-medium);
-}
+ .me-lg-0 {
+ margin-right: 0 !important;
+ }
-.PageHeader .PageHeader-parentLink a:hover {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
-}
+ .me-lg-1 {
+ margin-right: 0.25rem !important;
+ }
-.PageHeader .PageHeader-parentLink .PageHeader-parentLink-label {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .me-lg-2 {
+ margin-right: 0.5rem !important;
+ }
-.PageHeader .PageHeader-titleBar {
- display: flex;
- column-gap: var(--base-size-16);
-}
+ .me-lg-3 {
+ margin-right: 1rem !important;
+ }
-.PageHeader .PageHeader-titleBar .PageHeader-titleWrap {
- flex: 1 1 auto;
-}
+ .me-lg-4 {
+ margin-right: 1.5rem !important;
+ }
-.PageHeader .PageHeader-titleBar .PageHeader-actions {
- flex: 0 0 auto;
-}
+ .me-lg-5 {
+ margin-right: 3rem !important;
+ }
-.PageHeader .PageHeader-titleWrap {
- display: flex;
- column-gap: var(--base-size-8);
-}
+ .me-lg-auto {
+ margin-right: auto !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large {
- font: 400 var(--text-title-size-large, 2rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica,
- Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-}
+ .mb-lg-0 {
+ margin-bottom: 0 !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large .PageHeader-backButton {
- height: var(--text-title-lineHeight-large, 2.5rem);
-}
+ .mb-lg-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large .PageHeader-leadingVisual {
- max-height: var(--text-title-lineHeight-large, 2.5rem);
-}
+ .mb-lg-2 {
+ margin-bottom: 0.5rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--medium {
- font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica,
- Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-}
+ .mb-lg-3 {
+ margin-bottom: 1rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--subtitle {
- font: 400 var(--text-subtitle-size, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica,
- Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-}
+ .mb-lg-4 {
+ margin-bottom: 1.5rem !important;
+ }
-@media (max-width: 768px) {
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large {
- font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans',
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+ .mb-lg-5 {
+ margin-bottom: 3rem !important;
}
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--medium {
- font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans',
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+ .mb-lg-auto {
+ margin-bottom: auto !important;
}
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--subtitle {
- font: 400 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans',
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+ .ms-lg-0 {
+ margin-left: 0 !important;
}
-}
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasLeadingVisual {
- display: flex;
-}
+ .ms-lg-1 {
+ margin-left: 0.25rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasBackButton:first-child {
- margin-left: calc(var(--base-size-4) * -1);
-}
+ .ms-lg-2 {
+ margin-left: 0.5rem !important;
+ }
-@media (min-width: 768px) {
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasBackButton:first-child {
- display: flex !important;
- align-items: center;
- margin-left: var(--base-size-8);
- grid-template-columns: min-content auto;
+ .ms-lg-3 {
+ margin-left: 1rem !important;
}
-}
-.PageHeader .PageHeader-titleWrap h1,
-.PageHeader .PageHeader-titleWrap h2,
-.PageHeader .PageHeader-titleWrap h3 {
- font-size: inherit;
- font-weight: inherit;
- line-height: inherit;
-}
+ .ms-lg-4 {
+ margin-left: 1.5rem !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-title {
- display: inline-grid;
- grid-auto-flow: column;
- grid-template-columns: auto;
- align-items: center;
- gap: 8px;
-}
+ .ms-lg-5 {
+ margin-left: 3rem !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-leadingVisual {
- display: grid;
- align-items: center;
- max-height: var(--text-title-lineHeight-large, 1.5);
-}
+ .ms-lg-auto {
+ margin-left: auto !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-trailingVisual {
- display: grid;
- align-items: center;
- max-height: var(--text-title-lineHeight-large, 1.5);
-}
+ .p-lg-0 {
+ padding: 0 !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-backButton {
- position: relative;
- display: grid;
- width: 16px;
- height: var(--text-title-lineHeight-medium, 1.5rem);
- align-items: center;
- padding: 0;
- color: inherit;
- border-radius: var(--borderRadius-medium);
-}
+ .p-lg-1 {
+ padding: 0.25rem !important;
+ }
-@media (max-width: 768px) {
- .PageHeader .PageHeader-titleWrap .PageHeader-backButton {
- display: none;
+ .p-lg-2 {
+ padding: 0.5rem !important;
}
-}
-.PageHeader .PageHeader-description {
- margin-top: var(--base-size-8);
- overflow: auto;
-}
+ .p-lg-3 {
+ padding: 1rem !important;
+ }
-.PageHeader .PageHeader-navigation {
- margin-top: var(--base-size-16);
- overflow: auto;
-}
+ .p-lg-4 {
+ padding: 1.5rem !important;
+ }
-.QueryBuilder-StyledInput {
- display: inline-flex;
- width: 100%;
- min-height: var(--control-medium-size, 32px);
- color: var(--fgColor-default, var(--color-fg-default));
- vertical-align: middle;
- cursor: text;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-color: var(--control-borderColor-rest, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
- outline: none;
- align-items: center;
- gap: var(--base-size-4);
-}
+ .p-lg-5 {
+ padding: 3rem !important;
+ }
-.QueryBuilder-focus {
- border-color: transparent;
- outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
- box-shadow: inset 0 0 1px transparent;
-}
+ .px-lg-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
-.QueryBuilder-StyledInputContainer {
- position: relative;
- display: flex;
- overflow-x: auto;
- overflow-y: hidden;
- font-size: inherit;
- align-items: center;
- -ms-overflow-style: none;
- scrollbar-width: none;
- flex: 1;
- align-self: stretch;
-}
+ .px-lg-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
-.QueryBuilder-StyledInputContainer::-webkit-scrollbar {
- display: none;
-}
+ .px-lg-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.QueryBuilder-StyledInputContent {
- position: absolute;
- display: inline-flex;
- padding: 0;
- word-break: break-word;
- white-space: pre;
- -webkit-user-select: none;
- user-select: none;
- flex: 1;
-}
+ .px-lg-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.QueryBuilder-leadingVisualWrap {
- margin: var(--base-size-4) var(--base-size-4) var(--base-size-4) var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
+ .px-lg-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.QueryBuilder-spacer {
- width: var(--base-size-8);
- height: 100%;
-}
+ .px-lg-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.QueryBuilder-InputWrapper {
- width: 100%;
- align-self: stretch;
-}
+ .py-lg-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.QueryBuilder-Sizer {
- position: absolute;
- top: 0;
- left: 0;
- height: 0;
- overflow: scroll;
- white-space: pre;
- visibility: hidden;
-}
+ .py-lg-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.QueryBuilder-Input {
- position: relative;
- display: flex;
- min-width: 100%;
- padding: 0;
- overflow-x: auto;
- overflow-y: hidden;
- color: transparent;
- resize: none;
- background: transparent;
- border: 0;
- outline: none;
- caret-color: var(--fgColor-default, var(--color-fg-default));
-}
+ .py-lg-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-.QueryBuilder-Input:focus {
- border: 0 !important;
- box-shadow: none !important;
-}
+ .py-lg-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
-query-builder:not(:defined) .QueryBuilder-Input {
- color: var(--fgColor-default, var(--color-fg-default));
-}
+ .py-lg-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-.QueryBuilder-ListItem {
- display: grid;
- grid-template-columns: max-content minmax(0, auto) max-content;
- grid-template-areas: 'leadingVisual label trailingLabel';
- -webkit-user-select: unset;
- user-select: unset;
-}
+ .py-lg-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
-.QueryBuilder-ListItem-link {
- color: inherit;
- text-decoration: none !important;
-}
+ .pt-lg-0 {
+ padding-top: 0 !important;
+ }
-.QueryBuilder-ListItem-trailing {
- grid-area: trailingLabel;
-}
+ .pt-lg-1 {
+ padding-top: 0.25rem !important;
+ }
-.QueryBuilder-ListWrap {
- max-height: 20em;
- padding: var(--base-size-8);
- overflow-x: hidden;
- overflow-y: auto !important;
-}
+ .pt-lg-2 {
+ padding-top: 0.5rem !important;
+ }
-.QueryBuilder [data-type='filter-value'] {
- color: var(--fgColor-accent, var(--color-accent-fg));
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-radius: var(--borderRadius-small);
-}
+ .pt-lg-3 {
+ padding-top: 1rem !important;
+ }
-.QueryBuilder .qb-filter-value {
- color: var(--fgColor-accent, var(--color-accent-fg));
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-radius: var(--borderRadius-small);
-}
+ .pt-lg-4 {
+ padding-top: 1.5rem !important;
+ }
-.QueryBuilder .qb-entity {
- color: var(--color-prettylights-syntax-entity);
-}
+ .pt-lg-5 {
+ padding-top: 3rem !important;
+ }
-.QueryBuilder .qb-constant {
- color: var(--color-prettylights-syntax-constant);
-}
+ .pe-lg-0 {
+ padding-right: 0 !important;
+ }
-.QueryBuilder .ActionList-sectionDivider:not(:empty) {
- padding: 0;
-}
+ .pe-lg-1 {
+ padding-right: 0.25rem !important;
+ }
-.hx_anim-fade-out {
- animation-name: hx-fade-out;
- animation-duration: 1s;
- animation-fill-mode: forwards;
- animation-timing-function: ease-out;
-}
+ .pe-lg-2 {
+ padding-right: 0.5rem !important;
+ }
-@keyframes hx-fade-out {
- 0% {
- opacity: 1;
+ .pe-lg-3 {
+ padding-right: 1rem !important;
}
- 100% {
- opacity: 0;
+ .pe-lg-4 {
+ padding-right: 1.5rem !important;
}
-}
-.AvatarStack--large {
- min-width: 44px;
- height: 32px;
-}
+ .pe-lg-5 {
+ padding-right: 3rem !important;
+ }
-.AvatarStack--large.AvatarStack--two {
- min-width: 48px;
-}
+ .pb-lg-0 {
+ padding-bottom: 0 !important;
+ }
-.AvatarStack--large.AvatarStack--three-plus {
- min-width: 52px;
-}
+ .pb-lg-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.AvatarStack--large .AvatarStack-body .avatar {
- width: 32px;
- height: 32px;
- margin-right: -28px;
-}
+ .pb-lg-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.AvatarStack--large .AvatarStack-body:hover .avatar {
- margin-right: var(--base-size-4);
-}
+ .pb-lg-3 {
+ padding-bottom: 1rem !important;
+ }
-.AvatarStack--large .avatar.avatar-more::before {
- width: 32px;
-}
+ .pb-lg-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.AvatarStack--large .avatar.avatar-more::after {
- width: 30px;
-}
+ .pb-lg-5 {
+ padding-bottom: 3rem !important;
+ }
-.AvatarStack--large .avatar.avatar-more::after,
-.AvatarStack--large .avatar.avatar-more::before {
- height: 32px;
-}
+ .ps-lg-0 {
+ padding-left: 0 !important;
+ }
-.Box-row--focus-gray.navigation-focus .AvatarStack-body {
- background-color: var(--bgColor-muted);
-}
+ .ps-lg-1 {
+ padding-left: 0.25rem !important;
+ }
-.AvatarStack-body:not(:hover) {
- background-color: transparent;
-}
+ .ps-lg-2 {
+ padding-left: 0.5rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .avatar-more {
- display: none;
-}
+ .ps-lg-3 {
+ padding-left: 1rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body .avatar:nth-child(n + 4) {
- display: flex;
- opacity: 1;
-}
+ .ps-lg-4 {
+ padding-left: 1.5rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) .avatar:nth-of-type(n + 6) {
- display: none;
- opacity: 0;
-}
+ .ps-lg-5 {
+ padding-left: 3rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(1) {
- z-index: 5;
-}
+ .text-lg-start {
+ text-align: left !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(2) {
- z-index: 4;
-}
+ .text-lg-end {
+ text-align: right !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(3) {
- z-index: 3;
+ .text-lg-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 1200px) {
+ .float-xl-start {
+ float: left !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(4) {
- z-index: 2;
-}
+ .float-xl-end {
+ float: right !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(5) {
- z-index: 1;
-}
+ .float-xl-none {
+ float: none !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3)
- img {
- opacity: 0.5;
-}
+ .d-xl-inline {
+ display: inline !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4)
- img {
- opacity: 0.33;
-}
+ .d-xl-inline-block {
+ display: inline-block !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5)
- img {
- opacity: 0.25;
-}
+ .d-xl-block {
+ display: block !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) > .avatar-more + .avatar:nth-of-type(3) {
- margin-right: 0;
- margin-left: -6px;
-}
+ .d-xl-grid {
+ display: grid !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) > .avatar-more ~ .avatar:nth-of-type(4) {
- margin-right: 0;
- margin-left: -18px;
-}
+ .d-xl-table {
+ display: table !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) > .avatar-more ~ .avatar:nth-of-type(5) {
- margin-right: 0;
- margin-left: -18px;
-}
+ .d-xl-table-row {
+ display: table-row !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3) {
- margin-right: -6px;
- margin-left: 0;
-}
+ .d-xl-table-cell {
+ display: table-cell !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4) {
- margin-right: -18px;
- margin-left: 0;
-}
+ .d-xl-flex {
+ display: flex !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5) {
- margin-right: -18px;
- margin-left: 0;
-}
+ .d-xl-inline-flex {
+ display: inline-flex !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3) {
- margin-right: 0;
- margin-left: -2px;
-}
+ .d-xl-none {
+ display: none !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4) {
- margin-right: 0;
- margin-left: -30px;
-}
+ .flex-xl-fill {
+ flex: 1 1 auto !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5) {
- margin-right: 0;
- margin-left: -30px;
-}
+ .flex-xl-row {
+ flex-direction: row !important;
+ }
-.hx_avatar_stack_commit
- .AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3) {
- margin-right: 0;
- margin-left: -10px;
-}
+ .flex-xl-column {
+ flex-direction: column !important;
+ }
-.hx_avatar_stack_commit
- .AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4) {
- margin-right: 0;
- margin-left: -21px;
-}
+ .flex-xl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
-.hx_avatar_stack_commit
- .AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5) {
- margin-right: 0;
- margin-left: -21px;
-}
+ .flex-xl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
-.hx_badge-search-container {
- cursor: text;
-}
+ .flex-xl-grow-0 {
+ flex-grow: 0 !important;
+ }
-.hx_badge-search-container .hx_badge-input {
- border: 0;
- outline: 0;
- box-shadow: none;
-}
+ .flex-xl-grow-1 {
+ flex-grow: 1 !important;
+ }
-.hx_badge-search-container .hx_badge-input:focus {
- border: 0 !important;
- box-shadow: none !important;
-}
+ .flex-xl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.hx_badge-search-container .hx_badge-input::placeholder {
- font-size: 12px;
-}
+ .flex-xl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-.hx_badge {
- cursor: pointer;
-}
+ .flex-xl-wrap {
+ flex-wrap: wrap !important;
+ }
-.hx_badge[aria-pressed='true'] {
- color: var(--fgColor-onEmphasis) !important;
- background-color: var(--bgColor-accent-emphasis) !important;
- border-color: var(--borderColor-accent-emphasis) !important;
-}
+ .flex-xl-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.hx_Box--firstRowRounded0 .Box-row:first-of-type {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
-}
+ .flex-xl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.Box-row:first-of-type {
- border-top-color: transparent;
-}
+ .gap-xl-0 {
+ gap: 0 !important;
+ }
-.hx_Box-row--with-top-border:first-of-type {
- border-top-color: inherit;
-}
+ .gap-xl-1 {
+ gap: 0.25rem !important;
+ }
-.Box--overlay [data-close-dialog],
-.Box-overlay--narrow [data-close-dialog],
-.Box-overlay--wide [data-close-dialog] {
- z-index: 1;
-}
+ .gap-xl-2 {
+ gap: 0.5rem !important;
+ }
-.dropdown-item.btn-link:disabled,
-.dropdown-item.btn-link:disabled:hover,
-.dropdown-item.btn-link[aria-disabled='true'],
-.dropdown-item.btn-link[aria-disabled='true']:hover {
- background-color: transparent;
-}
+ .gap-xl-3 {
+ gap: 1rem !important;
+ }
-@media {
- g-emoji {
- font-size: 1.25em;
+ .gap-xl-4 {
+ gap: 1.5rem !important;
}
-}
-.hx_create-pr-button:hover {
- border-right-width: 0;
-}
+ .gap-xl-5 {
+ gap: 3rem !important;
+ }
-.hx_create-pr-button:hover + .BtnGroup-parent .BtnGroup-item {
- border-left-width: var(--borderWidth-thin);
-}
+ .justify-content-xl-start {
+ justify-content: flex-start !important;
+ }
-summary[type='button'].btn {
- appearance: none;
-}
+ .justify-content-xl-end {
+ justify-content: flex-end !important;
+ }
-.form-control:-webkit-autofill {
- box-shadow: inset 0 0 0 32px var(--bgColor-default) !important;
- -webkit-text-fill-color: var(--fgColor-default);
-}
-
-.form-control:-webkit-autofill:focus {
- box-shadow: inset 0 0 0 32px var(--bgColor-default), 0 0 0 2px var(--borderColor-accent-emphasis) !important;
-}
-
-::-webkit-calendar-picker-indicator {
- filter: invert(50%);
-}
-
-[data-color-mode='light'][data-light-theme*='dark'] ::selection,
-[data-color-mode='dark'][data-dark-theme*='dark'] ::selection {
- background-color: var(--selection-bgColor);
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] ::selection {
- background-color: var(--selection-bgColor);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] ::selection {
- background-color: var(--selection-bgColor);
- }
-}
-
-@font-face {
- font-family: 'Noto Sans';
- src: local(sans-serif);
- unicode-range: U+60;
-}
-
-[data-color-mode='light'][data-light-theme*='dark'],
-[data-color-mode='dark'][data-dark-theme*='dark'] {
- --color-workflow-card-bg: var(--bgColor-muted);
- --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
- --color-bg-discussions-row-emoji-box: #57606a;
- --color-notifications-row-read-bg: var(--bgColor-default);
- --color-notifications-row-bg: var(--bgColor-muted);
- --color-calendar-halloween-graph-day-L1-bg: #631c03;
- --color-calendar-halloween-graph-day-L2-bg: #bd561d;
- --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
- --color-calendar-halloween-graph-day-L4-bg: #fddf68;
- --color-calendar-winter-graph-day-L1-bg: #0a3069;
- --color-calendar-winter-graph-day-L2-bg: #0969da;
- --color-calendar-winter-graph-day-L3-bg: #54aeff;
- --color-calendar-winter-graph-day-L4-bg: #b6e3ff;
- --color-calendar-graph-day-bg: #161b22;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #0e4429;
- --color-calendar-graph-day-L2-bg: #006d32;
- --color-calendar-graph-day-L3-bg: #26a641;
- --color-calendar-graph-day-L4-bg: #39d353;
- --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
- --color-user-mention-fg: var(--fgColor-attention);
- --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
- --color-marketing-icon-primary: #79c0ff;
- --color-marketing-icon-secondary: #1f6feb;
- --color-project-header-bg: #0d1117;
- --color-project-sidebar-bg: #161b22;
- --color-project-gradient-in: #161b22;
- --color-project-gradient-out: rgba(22, 27, 34, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
- --color-text-white: var(--fgColor-white);
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] {
- --color-workflow-card-bg: var(--bgColor-muted);
- --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
- --color-bg-discussions-row-emoji-box: #57606a;
- --color-notifications-row-read-bg: var(--bgColor-default);
- --color-notifications-row-bg: var(--bgColor-muted);
- --color-calendar-halloween-graph-day-L1-bg: #631c03;
- --color-calendar-halloween-graph-day-L2-bg: #bd561d;
- --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
- --color-calendar-halloween-graph-day-L4-bg: #fddf68;
- --color-calendar-winter-graph-day-L1-bg: #0a3069;
- --color-calendar-winter-graph-day-L2-bg: #0969da;
- --color-calendar-winter-graph-day-L3-bg: #54aeff;
- --color-calendar-winter-graph-day-L4-bg: #b6e3ff;
- --color-calendar-graph-day-bg: #161b22;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #0e4429;
- --color-calendar-graph-day-L2-bg: #006d32;
- --color-calendar-graph-day-L3-bg: #26a641;
- --color-calendar-graph-day-L4-bg: #39d353;
- --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
- --color-user-mention-fg: var(--fgColor-attention);
- --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
- --color-marketing-icon-primary: #79c0ff;
- --color-marketing-icon-secondary: #1f6feb;
- --color-project-header-bg: #0d1117;
- --color-project-sidebar-bg: #161b22;
- --color-project-gradient-in: #161b22;
- --color-project-gradient-out: rgba(22, 27, 34, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] {
- --color-workflow-card-bg: var(--bgColor-muted);
- --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
- --color-bg-discussions-row-emoji-box: #57606a;
- --color-notifications-row-read-bg: var(--bgColor-default);
- --color-notifications-row-bg: var(--bgColor-muted);
- --color-calendar-halloween-graph-day-L1-bg: #631c03;
- --color-calendar-halloween-graph-day-L2-bg: #bd561d;
- --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
- --color-calendar-halloween-graph-day-L4-bg: #fddf68;
- --color-calendar-winter-graph-day-L1-bg: #0a3069;
- --color-calendar-winter-graph-day-L2-bg: #0969da;
- --color-calendar-winter-graph-day-L3-bg: #54aeff;
- --color-calendar-winter-graph-day-L4-bg: #b6e3ff;
- --color-calendar-graph-day-bg: #161b22;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #0e4429;
- --color-calendar-graph-day-L2-bg: #006d32;
- --color-calendar-graph-day-L3-bg: #26a641;
- --color-calendar-graph-day-L4-bg: #39d353;
- --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
- --color-user-mention-fg: var(--fgColor-attention);
- --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
- --color-marketing-icon-primary: #79c0ff;
- --color-marketing-icon-secondary: #1f6feb;
- --color-project-header-bg: #0d1117;
- --color-project-sidebar-bg: #161b22;
- --color-project-gradient-in: #161b22;
- --color-project-gradient-out: rgba(22, 27, 34, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-:root,
-[data-color-mode='light'][data-light-theme*='light'],
-[data-color-mode='dark'][data-dark-theme*='light'] {
- --color-workflow-card-bg: var(--bgColor-default);
- --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
- --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
- --color-notifications-row-read-bg: var(--bgColor-muted);
- --color-notifications-row-bg: var(--bgColor-white);
- --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
- --color-calendar-halloween-graph-day-L2-bg: #ffc501;
- --color-calendar-halloween-graph-day-L3-bg: #fe9600;
- --color-calendar-halloween-graph-day-L4-bg: #03001c;
- --color-calendar-winter-graph-day-L1-bg: #b6e3ff;
- --color-calendar-winter-graph-day-L2-bg: #54aeff;
- --color-calendar-winter-graph-day-L3-bg: #0969da;
- --color-calendar-winter-graph-day-L4-bg: #0a3069;
- --color-calendar-graph-day-bg: #ebedf0;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #9be9a8;
- --color-calendar-graph-day-L2-bg: #40c463;
- --color-calendar-graph-day-L3-bg: #30a14e;
- --color-calendar-graph-day-L4-bg: #216e39;
- --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
- --color-user-mention-fg: var(--fgColor-default);
- --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
- --color-marketing-icon-primary: #218bff;
- --color-marketing-icon-secondary: #54aeff;
- --color-project-header-bg: #24292f;
- --color-project-sidebar-bg: var(--bgColor-white);
- --color-project-gradient-in: var(--bgColor-white);
- --color-project-gradient-out: rgba(255, 255, 255, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
- --color-text-white: var(--fgColor-white);
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='light'] {
- --color-workflow-card-bg: var(--bgColor-default);
- --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
- --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
- --color-notifications-row-read-bg: var(--bgColor-muted);
- --color-notifications-row-bg: var(--bgColor-white);
- --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
- --color-calendar-halloween-graph-day-L2-bg: #ffc501;
- --color-calendar-halloween-graph-day-L3-bg: #fe9600;
- --color-calendar-halloween-graph-day-L4-bg: #03001c;
- --color-calendar-winter-graph-day-L1-bg: #b6e3ff;
- --color-calendar-winter-graph-day-L2-bg: #54aeff;
- --color-calendar-winter-graph-day-L3-bg: #0969da;
- --color-calendar-winter-graph-day-L4-bg: #0a3069;
- --color-calendar-graph-day-bg: #ebedf0;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #9be9a8;
- --color-calendar-graph-day-L2-bg: #40c463;
- --color-calendar-graph-day-L3-bg: #30a14e;
- --color-calendar-graph-day-L4-bg: #216e39;
- --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
- --color-user-mention-fg: var(--fgColor-default);
- --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
- --color-marketing-icon-primary: #218bff;
- --color-marketing-icon-secondary: #54aeff;
- --color-project-header-bg: #24292f;
- --color-project-sidebar-bg: var(--bgColor-white);
- --color-project-gradient-in: var(--bgColor-white);
- --color-project-gradient-out: rgba(255, 255, 255, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='light'] {
- --color-workflow-card-bg: var(--bgColor-default);
- --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
- --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
- --color-notifications-row-read-bg: var(--bgColor-muted);
- --color-notifications-row-bg: var(--bgColor-white);
- --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
- --color-calendar-halloween-graph-day-L2-bg: #ffc501;
- --color-calendar-halloween-graph-day-L3-bg: #fe9600;
- --color-calendar-halloween-graph-day-L4-bg: #03001c;
- --color-calendar-winter-graph-day-L1-bg: #b6e3ff;
- --color-calendar-winter-graph-day-L2-bg: #54aeff;
- --color-calendar-winter-graph-day-L3-bg: #0969da;
- --color-calendar-winter-graph-day-L4-bg: #0a3069;
- --color-calendar-graph-day-bg: #ebedf0;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #9be9a8;
- --color-calendar-graph-day-L2-bg: #40c463;
- --color-calendar-graph-day-L3-bg: #30a14e;
- --color-calendar-graph-day-L4-bg: #216e39;
- --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
- --color-user-mention-fg: var(--fgColor-default);
- --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
- --color-marketing-icon-primary: #218bff;
- --color-marketing-icon-secondary: #54aeff;
- --color-project-header-bg: #24292f;
- --color-project-sidebar-bg: var(--bgColor-white);
- --color-project-gradient-in: var(--bgColor-white);
- --color-project-gradient-out: rgba(255, 255, 255, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-.hx_color-icon-directory {
- color: var(--treeViewItem-leadingVisual-iconColor-rest);
-}
-
-.hx_keyword-hl {
- background-color: var(--highlight-neutral-bgColor);
-}
-
-.hx_dot-fill-pending-icon {
- color: var(--fgColor-attention) !important;
-}
-
-:root[data-color-mode='dark'] .entry-content [href$='#gh-light-mode-only'],
-:root[data-color-mode='dark'] .comment-body [href$='#gh-light-mode-only'],
-:root[data-color-mode='dark'] .readme [href$='#gh-light-mode-only'] {
- display: none;
-}
+ .justify-content-xl-center {
+ justify-content: center !important;
+ }
-:root[data-color-mode='light'] .entry-content [href$='#gh-dark-mode-only'],
-:root[data-color-mode='light'] .comment-body [href$='#gh-dark-mode-only'],
-:root[data-color-mode='light'] .readme [href$='#gh-dark-mode-only'] {
- display: none;
-}
+ .justify-content-xl-between {
+ justify-content: space-between !important;
+ }
-@media (prefers-color-scheme: dark) {
- :root[data-color-mode='auto'] .entry-content [href$='#gh-light-mode-only'],
- :root[data-color-mode='auto'] .comment-body [href$='#gh-light-mode-only'],
- :root[data-color-mode='auto'] .readme [href$='#gh-light-mode-only'] {
- display: none;
+ .justify-content-xl-around {
+ justify-content: space-around !important;
}
-}
-@media (prefers-color-scheme: light) {
- :root[data-color-mode='auto'] .entry-content [href$='#gh-dark-mode-only'],
- :root[data-color-mode='auto'] .comment-body [href$='#gh-dark-mode-only'],
- :root[data-color-mode='auto'] .readme [href$='#gh-dark-mode-only'] {
- display: none;
+ .justify-content-xl-evenly {
+ justify-content: space-evenly !important;
}
-}
-.colorblind-themes-v1 {
- --color-open-fg: var(--fgColor-success);
- --color-open-emphasis: var(--bgColor-success-emphasis);
- --color-open-muted: var(--bgColor-success-muted);
- --color-open-subtle: var(--bgColor-success-muted);
- --color-closed-fg: var(--fgColor-danger);
- --color-closed-emphasis: var(--bgColor-danger-emphasis);
- --color-closed-muted: var(--bgColor-danger-muted);
- --color-closed-subtle: var(--bgColor-danger-muted);
-}
+ .align-items-xl-start {
+ align-items: flex-start !important;
+ }
-.dropdown-item:focus [class*='color-text-'],
-.dropdown-item:hover [class*='color-text-'] {
- color: inherit !important;
-}
+ .align-items-xl-end {
+ align-items: flex-end !important;
+ }
-.filter-item.selected [class*='color-text-'] {
- color: inherit !important;
-}
+ .align-items-xl-center {
+ align-items: center !important;
+ }
-.hx_focus-input:focus-visible + .hx_focus-target {
- box-shadow: 0 0 0 2px var(--borderColor-accent-emphasis);
-}
+ .align-items-xl-baseline {
+ align-items: baseline !important;
+ }
-.reset-btn-override {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted);
-}
+ .align-items-xl-stretch {
+ align-items: stretch !important;
+ }
-.reset-btn-override:hover {
- color: var(--fgColor-accent);
- text-decoration: none;
-}
+ .align-content-xl-start {
+ align-content: flex-start !important;
+ }
-.reset-btn-override:hover .reset-btn-override-icon {
- background-color: var(--bgColor-accent-emphasis);
-}
+ .align-content-xl-end {
+ align-content: flex-end !important;
+ }
-.reset-btn-override-icon {
- width: 18px;
- height: 18px;
- padding: 1px;
- margin-right: 3px;
- color: var(--fgColor-onEmphasis);
- text-align: center;
- background-color: var(--bgColor-neutral-emphasis);
- border-radius: var(--borderRadius-medium);
-}
+ .align-content-xl-center {
+ align-content: center !important;
+ }
-.is-auto-complete-loading .form-control {
- padding-right: 30px;
- background-repeat: no-repeat;
- background-position-x: center;
- background-position-y: center;
- background-size: 16px;
-}
+ .align-content-xl-between {
+ align-content: space-between !important;
+ }
-[data-color-mode='dark'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
-}
+ .align-content-xl-around {
+ align-content: space-around !important;
+ }
-[data-color-mode='light'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
-}
+ .align-content-xl-stretch {
+ align-content: stretch !important;
+ }
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme^='light'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
+ .align-self-xl-auto {
+ align-self: auto !important;
}
- [data-color-mode='auto'][data-dark-theme^='dark'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
+ .align-self-xl-start {
+ align-self: flex-start !important;
}
-}
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme^='light'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
+ .align-self-xl-end {
+ align-self: flex-end !important;
}
- [data-color-mode='auto'][data-light-theme^='dark'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
+ .align-self-xl-center {
+ align-self: center !important;
}
-}
-.icon-sponsor,
-.icon-sponsoring {
- transition: transform 0.15s cubic-bezier(0.2, 0, 0.13, 2);
- transform: scale(1);
-}
+ .align-self-xl-baseline {
+ align-self: baseline !important;
+ }
-.btn:hover .icon-sponsor,
-.btn:focus .icon-sponsor,
-.Label:hover .icon-sponsor,
-.Label:focus .icon-sponsor,
-.btn:hover .icon-sponsoring,
-.btn:focus .icon-sponsoring,
-.Label:hover .icon-sponsoring,
-.Label:focus .icon-sponsoring {
- transform: scale(1.1);
-}
+ .align-self-xl-stretch {
+ align-self: stretch !important;
+ }
-.icon-sponsor {
- overflow: visible !important;
-}
+ .order-xl-first {
+ order: -1 !important;
+ }
-.hx_kbd {
- display: inline-block;
- min-width: 21px;
- padding: 0 var(--base-size-4);
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif,
- 'Apple Color Emoji', 'Segoe UI Emoji';
- font-size: 12px;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1.5;
- color: var(--fgColor-muted);
- text-align: center;
- background-color: var(--bgColor-default);
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
- box-shadow: none;
-}
-
-.hx_hit-user em,
-.hx_hit-package em,
-.hx_hit-marketplace em,
-.hx_hit-highlighting-wrapper em,
-.hx_hit-commit em,
-.hx_hit-issue em,
-.hx_hit-repo em,
-.hx_hit-wiki em {
- font-style: normal;
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .order-xl-0 {
+ order: 0 !important;
+ }
-.SelectMenu-list.select-menu-list {
- max-height: none;
-}
+ .order-xl-1 {
+ order: 1 !important;
+ }
-@media (max-width: 543px) {
- .SelectMenu-modal {
- width: unset !important;
+ .order-xl-2 {
+ order: 2 !important;
}
-}
-.SelectMenu--hasFilter .SelectMenu-list {
- contain: content;
-}
+ .order-xl-3 {
+ order: 3 !important;
+ }
-.SelectMenu-item:disabled,
-.SelectMenu-item[aria-disabled='true'] {
- color: var(--fgColor-muted);
- pointer-events: none;
-}
+ .order-xl-4 {
+ order: 4 !important;
+ }
-.SelectMenu .SelectMenu-item .is-filtering {
- color: var(--fgColor-muted);
-}
+ .order-xl-5 {
+ order: 5 !important;
+ }
-.SelectMenu .SelectMenu-item .is-filtering b {
- color: var(--fgColor-default);
-}
+ .order-xl-last {
+ order: 6 !important;
+ }
-label.SelectMenu-item {
- font-weight: var(--base-text-weight-normal, 400);
-}
+ .m-xl-0 {
+ margin: 0 !important;
+ }
-label.SelectMenu-item[aria-checked='true'] {
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .m-xl-1 {
+ margin: 0.25rem !important;
+ }
-.SelectMenu-item.focused {
- background-color: var(--bgColor-neutral-muted);
-}
+ .m-xl-2 {
+ margin: 0.5rem !important;
+ }
-select-panel dialog {
- inset: 0;
-}
+ .m-xl-3 {
+ margin: 1rem !important;
+ }
-select-panel dialog::backdrop {
- background: none;
-}
+ .m-xl-4 {
+ margin: 1.5rem !important;
+ }
-.Box--responsive {
- margin-right: -15px;
- margin-left: -15px;
- border-right: 0;
- border-left: 0;
- border-radius: 0;
-}
+ .m-xl-5 {
+ margin: 3rem !important;
+ }
-.Box--responsive .Box-row--unread {
- position: relative;
- box-shadow: none;
-}
+ .m-xl-auto {
+ margin: auto !important;
+ }
-.Box--responsive .Box-row--unread::before {
- position: absolute;
- top: 36px;
- left: 20px;
- display: inline-block;
- width: var(--base-size-8);
- height: var(--base-size-8);
- color: #fff;
- content: '';
- background-image: linear-gradient(#54a3ff, #006eed);
- background-clip: padding-box;
- border-radius: 50%;
-}
+ .mx-xl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.Box--responsive .Box-header {
- border-right-width: 0;
- border-left-width: 0;
- border-radius: 0;
-}
+ .mx-xl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-@media (min-width: 544px) {
- .Box--responsive {
- margin-right: 0;
- margin-left: 0;
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+ .mx-xl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
}
- .Box--responsive .Box-header {
- border-right-width: var(--borderWidth-thin);
- border-left-width: var(--borderWidth-thin);
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+ .mx-xl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
}
- .Box--responsive .Box-row--unread {
- box-shadow: 2px 0 0 var(--borderColor-accent-emphasis) inset;
+ .mx-xl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
}
- .Box--responsive .Box-row--unread::before {
- display: none;
+ .mx-xl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
}
-}
-@media (max-width: 767px) {
- .page-responsive .dropdown-menu,
- .page-responsive .dropdown-item {
- padding-top: var(--base-size-8);
- padding-bottom: var(--base-size-8);
+ .mx-xl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
}
- .page-responsive .hx_dropdown-fullscreen[open] > summary::before {
- background-color: var(--overlay-backdrop-bgColor);
+ .my-xl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
}
- .page-responsive .hx_dropdown-fullscreen .dropdown-menu {
- position: fixed;
- top: auto;
- right: var(--base-size-16) !important;
- bottom: 20%;
- left: var(--base-size-16) !important;
- width: auto !important;
- max-width: none !important;
- max-height: calc(80% - 16px);
- margin: 0 !important;
- overflow-y: auto;
- transform: none;
- animation: dropdown-menu-animation 0.24s cubic-bezier(0, 0.1, 0.1, 1) backwards;
- -webkit-overflow-scrolling: touch;
+ .my-xl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
}
- .page-responsive .hx_dropdown-fullscreen .dropdown-menu::before,
- .page-responsive .hx_dropdown-fullscreen .dropdown-menu::after {
- display: none;
+ .my-xl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
}
- @keyframes dropdown-menu-animation {
- 0% {
- opacity: 0;
- transform: scale(0.9);
- }
+ .my-xl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
}
- .page-responsive .hx_dropdown-fullscreen .dropdown-item {
- padding-top: var(--base-size-16);
- padding-bottom: var(--base-size-16);
+ .my-xl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
}
-}
-.hx_rsm-close-button {
- display: none !important;
-}
+ .my-xl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-@media (max-width: 767px) {
- .page-responsive .hx_rsm[open] > summary::before {
- background-color: var(--overlay-backdrop-bgColor, var(--color-primer-canvas-backdrop));
+ .my-xl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
}
- .page-responsive .hx_rsm .select-menu-modal,
- .page-responsive .hx_rsm-modal {
- position: fixed !important;
- top: 75px;
- right: var(--base-size-16) !important;
- left: var(--base-size-16);
- display: flex;
- width: auto;
- height: 80%;
- margin: 0;
- flex-direction: column;
- animation: hx_rsm-modal-animation 0.24s 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards;
+ .mt-xl-0 {
+ margin-top: 0 !important;
}
- .page-responsive .hx_rsm--auto-height .select-menu-modal {
- top: auto;
- bottom: 20%;
- height: auto;
- max-height: calc(80% - 16px);
+ .mt-xl-1 {
+ margin-top: 0.25rem !important;
}
- .page-responsive .hx_rsm .select-menu-header,
- .page-responsive .hx_rsm .select-menu-text-filter.select-menu-text-filter {
- padding: var(--base-size-16);
- border-top-left-radius: inherit;
- border-top-right-radius: inherit;
+ .mt-xl-2 {
+ margin-top: 0.5rem !important;
}
- .page-responsive .hx_rsm tab-container,
- .page-responsive .hx_rsm-content {
- display: flex;
- min-height: 0;
- flex-direction: column;
- flex: auto;
+ .mt-xl-3 {
+ margin-top: 1rem !important;
}
- .page-responsive .hx_rsm .select-menu-list {
- flex: auto;
- max-height: none;
- -webkit-overflow-scrolling: touch;
+ .mt-xl-4 {
+ margin-top: 1.5rem !important;
}
- .page-responsive .hx_rsm-content > .select-menu-item {
- flex-shrink: 0;
+ .mt-xl-5 {
+ margin-top: 3rem !important;
}
- .page-responsive .hx_rsm .select-menu-item {
- padding-top: var(--base-size-16);
- padding-bottom: var(--base-size-16);
- padding-left: var(--base-size-40);
+ .mt-xl-auto {
+ margin-top: auto !important;
}
- .page-responsive .hx_rsm .close-button,
- .page-responsive .hx_rsm-close-button {
- position: relative;
- display: block !important;
+ .me-xl-0 {
+ margin-right: 0 !important;
}
- .page-responsive .hx_rsm .close-button::before,
- .page-responsive .hx_rsm-close-button::before {
- position: absolute;
- top: calc(var(--base-size-16) * -1);
- right: calc(var(--base-size-16) * -1);
- bottom: calc(var(--base-size-16) * -1);
- left: calc(var(--base-size-16) * -1);
- content: '';
+ .me-xl-1 {
+ margin-right: 0.25rem !important;
}
- .page-responsive .hx_rsm .close-button .octicon-x,
- .page-responsive .hx_rsm-close-button .octicon-x {
- color: var(--fgColor-muted, var(--color-fg-muted));
+ .me-xl-2 {
+ margin-right: 0.5rem !important;
}
- .page-responsive .hx_rsm .select-menu-loading-overlay {
- animation-delay: 1s;
+ .me-xl-3 {
+ margin-right: 1rem !important;
}
- .page-responsive .hx_rsm .select-menu-button::before,
- .page-responsive .hx_rsm-trigger::before {
- animation: hx_rsm-trigger-animation 0.24s cubic-bezier(0, 0, 0.2, 1) backwards;
+ .me-xl-4 {
+ margin-right: 1.5rem !important;
}
- @keyframes hx_rsm-trigger-animation {
- 0% {
- opacity: 0;
- }
+ .me-xl-5 {
+ margin-right: 3rem !important;
}
- @keyframes hx_rsm-modal-animation {
- 0% {
- opacity: 0;
- transform: scale(0.9);
- }
+ .me-xl-auto {
+ margin-right: auto !important;
}
- .page-responsive .hx_rsm-dialog {
- max-width: none;
- height: auto;
- max-height: 80%;
- transform: none;
+ .mb-xl-0 {
+ margin-bottom: 0 !important;
}
- .page-responsive .hx_rsm-dialog-content {
- flex: 1;
- min-height: 0;
+ .mb-xl-1 {
+ margin-bottom: 0.25rem !important;
}
-}
-@media (max-width: 767px) and (max-height: 500px) {
- .page-responsive .hx_rsm .select-menu-modal,
- .page-responsive .hx_rsm-modal {
- bottom: var(--base-size-16);
- height: auto;
+ .mb-xl-2 {
+ margin-bottom: 0.5rem !important;
}
-}
-.select-menu-modal {
- border-color: var(--borderColor-default, var(--color-border-default));
- box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
-}
+ .mb-xl-3 {
+ margin-bottom: 1rem !important;
+ }
-.select-menu-header,
-.select-menu-filters {
- background: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
+ .mb-xl-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.select-menu-text-filter input {
- padding: 5px var(--base-size-12);
-}
+ .mb-xl-5 {
+ margin-bottom: 3rem !important;
+ }
-.select-menu-item {
- text-align: left;
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- border-top: 0;
- border-right: 0;
- border-left: 0;
-}
+ .mb-xl-auto {
+ margin-bottom: auto !important;
+ }
-@media (max-width: 767px) {
- .hx_sm-hide-drag-drop textarea {
- border-bottom: solid var(--borderWidth-thin) var(--borderColor-default);
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+ .ms-xl-0 {
+ margin-left: 0 !important;
}
- .hx_sm-hide-drag-drop .hx_drag-and-drop {
- display: none !important;
+ .ms-xl-1 {
+ margin-left: 0.25rem !important;
}
-}
-@media (hover: none) {
- .tooltipped:hover::before,
- .tooltipped:hover::after {
- display: none;
+ .ms-xl-2 {
+ margin-left: 0.5rem !important;
}
-}
-@media (hover: none) {
- .markdown-body h1 .octicon-link,
- .markdown-body h2 .octicon-link,
- .markdown-body h3 .octicon-link,
- .markdown-body h4 .octicon-link,
- .markdown-body h5 .octicon-link,
- .markdown-body h6 .octicon-link {
- visibility: visible !important;
+ .ms-xl-3 {
+ margin-left: 1rem !important;
}
-}
-.min-width-lg {
- min-width: 1012px;
-}
+ .ms-xl-4 {
+ margin-left: 1.5rem !important;
+ }
-.min-width-xl {
- min-width: 1280px;
-}
+ .ms-xl-5 {
+ margin-left: 3rem !important;
+ }
-.min-height-0 {
- min-height: 0 !important;
-}
+ .ms-xl-auto {
+ margin-left: auto !important;
+ }
-.ws-pre-wrap {
- white-space: pre-wrap;
-}
+ .p-xl-0 {
+ padding: 0 !important;
+ }
-.cursor-pointer {
- cursor: pointer;
-}
+ .p-xl-1 {
+ padding: 0.25rem !important;
+ }
-.cursor-default {
- cursor: default;
-}
+ .p-xl-2 {
+ padding: 0.5rem !important;
+ }
-.cursor-wait {
- cursor: wait !important;
-}
+ .p-xl-3 {
+ padding: 1rem !important;
+ }
-.pointer-none {
- pointer-events: none;
-}
+ .p-xl-4 {
+ padding: 1.5rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .hide-no-pref-motion {
- display: none !important;
- visibility: hidden;
+ .p-xl-5 {
+ padding: 3rem !important;
}
-}
-@media screen and (prefers-reduced-motion: reduce) {
- .hide-reduced-motion {
- display: none !important;
- visibility: hidden;
+ .px-xl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-}
-.gap-1 {
- gap: var(--base-size-4) !important;
-}
+ .px-xl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
-.gap-2 {
- gap: var(--base-size-8) !important;
-}
+ .px-xl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.gap-3 {
- gap: var(--base-size-16) !important;
-}
+ .px-xl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.gap-4 {
- gap: var(--base-size-24) !important;
-}
+ .px-xl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.color-border-emphasis {
- border-color: var(--control-borderColor-rest) !important;
-}
+ .px-xl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.line-clamp-1 {
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 1;
- overflow: hidden;
- text-overflow: ellipsis;
-}
+ .py-xl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.line-clamp-2 {
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2;
- overflow: hidden;
- text-overflow: ellipsis;
-}
+ .py-xl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.text-wrap-balance {
- text-wrap: balance;
-}
+ .py-xl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-.text-tabular-nums {
- font-variant-numeric: lining-nums tabular-nums;
-}
+ .py-xl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
-.inset-0 {
- inset: 0;
-}
+ .py-xl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-.starring-container .unstarred,
-.starring-container.on .starred {
- display: flex;
-}
+ .py-xl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
-.starring-container.on .unstarred,
-.starring-container .starred {
- display: none;
-}
+ .pt-xl-0 {
+ padding-top: 0 !important;
+ }
-.starring-container.loading {
- opacity: 0.5;
-}
+ .pt-xl-1 {
+ padding-top: 0.25rem !important;
+ }
-.user-following-container .follow,
-.user-following-container.on .unfollow {
- display: inline-block;
-}
+ .pt-xl-2 {
+ padding-top: 0.5rem !important;
+ }
-.user-following-container.on .follow,
-.user-following-container .unfollow {
- display: none;
-}
+ .pt-xl-3 {
+ padding-top: 1rem !important;
+ }
-.user-following-container.loading {
- opacity: 0.5;
-}
+ .pt-xl-4 {
+ padding-top: 1.5rem !important;
+ }
-.hidden-when-empty:empty {
- display: none !important;
-}
+ .pt-xl-5 {
+ padding-top: 3rem !important;
+ }
-.cm-number,
-.cm-atom {
- color: var(--codeMirror-syntax-fgColor-constant);
-}
+ .pe-xl-0 {
+ padding-right: 0 !important;
+ }
-dl.form-group > dd .form-control.is-autocheck-loading,
-dl.form-group > dd .form-control.is-autocheck-successful,
-dl.form-group > dd .form-control.is-autocheck-errored,
-.form-group > .form-group-body .form-control.is-autocheck-loading,
-.form-group > .form-group-body .form-control.is-autocheck-successful,
-.form-group > .form-group-body .form-control.is-autocheck-errored {
- padding-right: 30px;
-}
+ .pe-xl-1 {
+ padding-right: 0.25rem !important;
+ }
-dl.form-group > dd .form-control.is-autocheck-loading,
-.form-group > .form-group-body .form-control.is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-16px-52b21dd0a90e.gif');
-}
+ .pe-xl-2 {
+ padding-right: 0.5rem !important;
+ }
-dl.form-group > dd .form-control.is-autocheck-errored,
-.form-group > .form-group-body .form-control.is-autocheck-errored {
- background-image: url('/assets/error-27e08d342a06.png');
-}
+ .pe-xl-3 {
+ padding-right: 1rem !important;
+ }
-@media only screen and (-moz-min-device-pixel-ratio: 2),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 192dpi),
- only screen and (min-resolution: 2dppx) {
- dl.form-group > dd .form-control.is-autocheck-loading,
- dl.form-group > dd .form-control.is-autocheck-successful,
- dl.form-group > dd .form-control.is-autocheck-errored,
- .form-group > .form-group-body .form-control.is-autocheck-loading,
- .form-group > .form-group-body .form-control.is-autocheck-successful,
- .form-group > .form-group-body .form-control.is-autocheck-errored {
- background-size: 16px 16px;
+ .pe-xl-4 {
+ padding-right: 1.5rem !important;
}
- dl.form-group > dd .form-control.is-autocheck-loading,
- .form-group > .form-group-body .form-control.is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-32-36e32e38816e.gif');
+ .pe-xl-5 {
+ padding-right: 3rem !important;
}
- dl.form-group > dd .form-control.is-autocheck-errored,
- .form-group > .form-group-body .form-control.is-autocheck-errored {
- background-image: url('/assets/error@2x-92d4bca0a053.png');
+ .pb-xl-0 {
+ padding-bottom: 0 !important;
}
-}
-[data-color-mode='dark'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
- background-size: 16px 16px;
-}
+ .pb-xl-1 {
+ padding-bottom: 0.25rem !important;
+ }
-[data-color-mode='light'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
- background-size: 16px 16px;
-}
+ .pb-xl-2 {
+ padding-bottom: 0.5rem !important;
+ }
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme^='light'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
- background-size: 16px 16px;
+ .pb-xl-3 {
+ padding-bottom: 1rem !important;
}
- [data-color-mode='auto'][data-dark-theme^='dark'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
- background-size: 16px 16px;
+ .pb-xl-4 {
+ padding-bottom: 1.5rem !important;
}
-}
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme^='light'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
- background-size: 16px 16px;
+ .pb-xl-5 {
+ padding-bottom: 3rem !important;
}
- [data-color-mode='auto'][data-light-theme^='dark'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
- background-size: 16px 16px;
+ .ps-xl-0 {
+ padding-left: 0 !important;
}
-}
-auto-check .is-autocheck-loading,
-auto-check .is-autocheck-successful,
-auto-check .is-autocheck-errored {
- padding-right: 30px;
- background-repeat: no-repeat;
- background-position: right 8px center;
-}
+ .ps-xl-1 {
+ padding-left: 0.25rem !important;
+ }
-auto-check .is-autocheck-errored {
- background-image: url('/assets/error-27e08d342a06.png');
-}
+ .ps-xl-2 {
+ padding-left: 0.5rem !important;
+ }
-@media only screen and (-moz-min-device-pixel-ratio: 2),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 192dpi),
- only screen and (min-resolution: 2dppx) {
- auto-check .is-autocheck-loading,
- auto-check .is-autocheck-successful,
- auto-check .is-autocheck-errored {
- background-size: 16px 16px;
+ .ps-xl-3 {
+ padding-left: 1rem !important;
}
- auto-check .is-autocheck-errored {
- background-image: url('/assets/error@2x-92d4bca0a053.png');
+ .ps-xl-4 {
+ padding-left: 1.5rem !important;
}
-}
-.hx_text-body {
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif,
- 'Apple Color Emoji', 'Segoe UI Emoji' !important;
-}
+ .ps-xl-5 {
+ padding-left: 3rem !important;
+ }
-.hx_disabled-form-checkbox-label.form-checkbox.disabled {
- color: var(--fgColor-muted);
-}
+ .text-xl-start {
+ text-align: left !important;
+ }
-.autocomplete-item {
- background-color: transparent;
-}
+ .text-xl-end {
+ text-align: right !important;
+ }
-.ColorSwatch {
- display: inline-block;
- width: 1em;
- height: 1em;
- vertical-align: middle;
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
+ .text-xl-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 1400px) {
+ .float-xxl-start {
+ float: left !important;
+ }
-.label-select-menu .color,
-.ColorSwatch {
- border-radius: 2em;
-}
+ .float-xxl-end {
+ float: right !important;
+ }
-.details-overlay[open] > .dropdown-item:hover {
- color: inherit;
- background: var(--bgColor-default);
-}
+ .float-xxl-none {
+ float: none !important;
+ }
-remote-input[loading] .form-control {
- padding-right: 30px;
- background-image: url('/assets/octocat-spinner-32-36e32e38816e.gif');
- background-size: var(--base-size-16);
-}
+ .d-xxl-inline {
+ display: inline !important;
+ }
-.hx_form-control-spinner {
- position: absolute;
- top: var(--base-size-24);
- right: var(--base-size-24);
- display: none;
-}
+ .d-xxl-inline-block {
+ display: inline-block !important;
+ }
-@media (min-width: 767px) {
- .hx_form-control-spinner {
- top: 18px;
- right: 18px;
+ .d-xxl-block {
+ display: block !important;
}
-}
-.hx_form-control-spinner-wrapper {
- position: relative;
-}
+ .d-xxl-grid {
+ display: grid !important;
+ }
-.hx_form-control-spinner-wrapper .is-loading.form-control {
- padding-right: var(--base-size-28);
-}
+ .d-xxl-table {
+ display: table !important;
+ }
-.hx_form-control-spinner-wrapper .is-loading + .hx_form-control-spinner {
- display: block;
-}
+ .d-xxl-table-row {
+ display: table-row !important;
+ }
-.drag-and-drop {
- border-color: var(--borderColor-default);
-}
+ .d-xxl-table-cell {
+ display: table-cell !important;
+ }
-.input-sm {
- min-height: 28px;
-}
+ .d-xxl-flex {
+ display: flex !important;
+ }
-.btn .octicon-triangle-down {
- margin-right: 0;
-}
+ .d-xxl-inline-flex {
+ display: inline-flex !important;
+ }
-.UnderlineNav-item.selected .UnderlineNav-octicon,
-.UnderlineNav-item[aria-current]:not([aria-current='false']) .UnderlineNav-octicon,
-.UnderlineNav-item[role='tab'][aria-selected='true'] .UnderlineNav-octicon {
- color: inherit;
-}
+ .d-xxl-none {
+ display: none !important;
+ }
-.break-line-anywhere {
- line-break: anywhere !important;
-}
+ .flex-xxl-fill {
+ flex: 1 1 auto !important;
+ }
-.form-checkbox input[type='checkbox'],
-.form-checkbox input[type='radio'] {
- margin-top: var(--base-size-4);
-}
+ .flex-xxl-row {
+ flex-direction: row !important;
+ }
-.status-indicator-success::before,
-.status-indicator-failed::before {
- content: none;
-}
+ .flex-xxl-column {
+ flex-direction: column !important;
+ }
-.markdown-title code {
- padding: 2px var(--base-size-4);
- font-size: 0.9em;
- line-height: 1;
- background-color: var(--bgColor-neutral-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .flex-xxl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
-[data-turbo-body] {
- isolation: isolate;
-}
+ .flex-xxl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
-#__primerPortalRoot__ {
- z-index: 1;
-}
+ .flex-xxl-grow-0 {
+ flex-grow: 0 !important;
+ }
-.hx_ActionList-content > .hx_ActionList-item-label,
-.hx_ActionList-content > .hx_ActionList-item-visual {
- pointer-events: none;
-}
+ .flex-xxl-grow-1 {
+ flex-grow: 1 !important;
+ }
-.IssueLabel--big.lh-condensed {
- display: inline-block;
- padding: 0 10px;
- font-size: 12px;
- font-weight: var(--base-text-weight-medium, 500);
- line-height: 22px !important;
- border: var(--borderWidth-thin) solid transparent;
- border-radius: 2em;
-}
+ .flex-xxl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.hx_IssueLabel {
- --perceived-lightness: calc(
- ((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255
- );
- --lightness-switch: max(0, min(calc((1 / (var(--lightness-threshold) - var(--perceived-lightness)))), 1));
-}
-
-:root .hx_IssueLabel,
-[data-color-mode='light'][data-light-theme*='light'] .hx_IssueLabel,
-[data-color-mode='dark'][data-dark-theme*='light'] .hx_IssueLabel {
- --lightness-threshold: 0.453;
- --border-threshold: 0.96;
- --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
- color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
- background: rgb(var(--label-r), var(--label-g), var(--label-b));
- border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha));
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='light'] .hx_IssueLabel {
- --lightness-threshold: 0.453;
- --border-threshold: 0.96;
- --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
- color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
- background: rgb(var(--label-r), var(--label-g), var(--label-b));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) - 25) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='light'] .hx_IssueLabel {
- --lightness-threshold: 0.453;
- --border-threshold: 0.96;
- --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
- color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
- background: rgb(var(--label-r), var(--label-g), var(--label-b));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) - 25) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-[data-color-mode='light'][data-light-theme*='dark'] .hx_IssueLabel,
-[data-color-mode='dark'][data-dark-theme*='dark'] .hx_IssueLabel {
- --lightness-threshold: 0.6;
- --background-alpha: 0.18;
- --border-alpha: 0.3;
- --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
- color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
- background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) + var(--lighten-by)) * 1%),
- var(--border-alpha)
- );
-}
+ .flex-xxl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] .hx_IssueLabel {
- --lightness-threshold: 0.6;
- --background-alpha: 0.18;
- --border-alpha: 0.3;
- --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
- color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
- background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) + var(--lighten-by)) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] .hx_IssueLabel {
- --lightness-threshold: 0.6;
- --background-alpha: 0.18;
- --border-alpha: 0.3;
- --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
- color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
- background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) + var(--lighten-by)) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-.signed-commit-badge-small,
-.signed-commit-badge-medium,
-.signed-commit-badge-large {
- display: inline-block;
- padding: 0 7px;
- font-size: 12px;
- font-weight: var(--base-text-weight-medium, 500);
- line-height: 18px;
- white-space: nowrap;
- border: 1px solid transparent;
- border-radius: 2em;
- border-color: var(--borderColor-default);
-}
+ .flex-xxl-wrap {
+ flex-wrap: wrap !important;
+ }
-.signed-commit-badge-small {
- margin-top: 0;
-}
+ .flex-xxl-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.signed-commit-badge-large {
- padding-right: 10px;
- padding-left: 10px;
- line-height: 22px;
-}
+ .flex-xxl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.topic-tag-action,
-.delete-topic-button,
-.topic-tag {
- display: inline-block;
- padding: 0 7px;
- font-size: 12px;
- font-weight: var(--base-text-weight-medium, 500);
- line-height: 18px;
- white-space: nowrap;
- border: 1px solid transparent;
- border-radius: 2em;
- padding-right: 10px;
- padding-left: 10px;
- line-height: 22px;
- color: var(--fgColor-accent);
- background-color: var(--bgColor-accent-muted);
- border: var(--borderWidth-thin) solid var(--topicTag-borderColor, transparent);
-}
+ .gap-xxl-0 {
+ gap: 0 !important;
+ }
-.topic-tag-action:active,
-.topic-tag-action:hover,
-.delete-topic-button:active,
-.delete-topic-button:hover,
-.topic-tag:active,
-.topic-tag:hover {
- color: var(--fgColor-onEmphasis);
- background-color: var(--bgColor-accent-emphasis);
-}
+ .gap-xxl-1 {
+ gap: 0.25rem !important;
+ }
-.delete-topic-button {
- padding: 0;
-}
+ .gap-xxl-2 {
+ gap: 0.5rem !important;
+ }
-.topic-tag {
- margin: 0 0.125em 0.333em 0;
-}
+ .gap-xxl-3 {
+ gap: 1rem !important;
+ }
-.topic-tag-large {
- align-items: center;
- display: inline-flex;
- height: 24px;
- padding: 0 10px;
-}
+ .gap-xxl-4 {
+ gap: 1.5rem !important;
+ }
-.topic-tag-outline {
- background: transparent;
-}
+ .gap-xxl-5 {
+ gap: 3rem !important;
+ }
-.topic-tag-action {
- display: inline-flex;
- padding-right: 0;
-}
+ .justify-content-xxl-start {
+ justify-content: flex-start !important;
+ }
-.branch-action-item.color-border-default {
- border-color: var(--borderColor-default) !important;
-}
+ .justify-content-xxl-end {
+ justify-content: flex-end !important;
+ }
-.user-status-container .input-group-button .btn {
- height: 32px;
-}
+ .justify-content-xxl-center {
+ justify-content: center !important;
+ }
-.reponav-item,
-.pagehead-tabs-item {
- border-radius: var(--borderRadius-small) var(--borderRadius-small) 0 0;
-}
+ .justify-content-xxl-between {
+ justify-content: space-between !important;
+ }
-.reponav-item.selected,
-.pagehead-tabs-item.selected {
- border-top-color: #f9826c;
-}
+ .justify-content-xxl-around {
+ justify-content: space-around !important;
+ }
-.auto-search-group > .octicon {
- top: var(--base-size-8);
-}
+ .justify-content-xxl-evenly {
+ justify-content: space-evenly !important;
+ }
-.subnav-search > button.mt-2 {
- margin-top: 6px !important;
-}
+ .align-items-xxl-start {
+ align-items: flex-start !important;
+ }
-.completeness-indicator-success {
- color: var(--fgColor-onEmphasis);
- background-color: var(--button-primary-bgColor-rest);
-}
+ .align-items-xxl-end {
+ align-items: flex-end !important;
+ }
-.pagination-loader-container button.color-bg-default.border-0 {
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
-}
+ .align-items-xxl-center {
+ align-items: center !important;
+ }
-.avatar-user {
- border-radius: 50% !important;
-}
+ .align-items-xxl-baseline {
+ align-items: baseline !important;
+ }
-.user-hovercard-avatar {
- display: block;
- outline-offset: unset;
-}
+ .align-items-xxl-stretch {
+ align-items: stretch !important;
+ }
-@media (max-width: 543px) {
- .minimized-comment > details > summary > div {
- flex-direction: column;
+ .align-content-xxl-start {
+ align-content: flex-start !important;
}
- .minimized-comment > details > summary > div .review-comment-contents {
- align-left: flex-start;
+ .align-content-xxl-end {
+ align-content: flex-end !important;
}
-}
-.hx_disabled-input {
- margin-right: calc(var(--base-size-4) * -1) !important;
- margin-left: calc(var(--base-size-4) * -1) !important;
-}
+ .align-content-xxl-center {
+ align-content: center !important;
+ }
-.hx_disabled-input sidebar-memex-input[disabled] * {
- cursor: pointer;
-}
+ .align-content-xxl-between {
+ align-content: space-between !important;
+ }
-.hx_disabled-input sidebar-memex-input:not([disabled]) .Box-row--hover-gray {
- background-color: var(--bgColor-muted);
-}
+ .align-content-xxl-around {
+ align-content: space-around !important;
+ }
-.hx_disabled-input .Box-row--hover-gray svg.octicon-pencil {
- visibility: hidden;
- opacity: 0;
-}
+ .align-content-xxl-stretch {
+ align-content: stretch !important;
+ }
-.hx_disabled-input .Box-row--hover-gray:hover,
-.hx_disabled-input .Box-row--hover-gray:focus {
- padding-top: var(--base-size-8) !important;
- padding-bottom: var(--base-size-8) !important;
-}
+ .align-self-xxl-auto {
+ align-self: auto !important;
+ }
-.hx_disabled-input .Box-row--hover-gray:hover svg.octicon-pencil,
-.hx_disabled-input .Box-row--hover-gray:focus svg.octicon-pencil {
- visibility: visible;
- opacity: 1;
-}
+ .align-self-xxl-start {
+ align-self: flex-start !important;
+ }
-.hx_disabled-input input:not(:disabled) {
- margin-top: var(--base-size-8) !important;
- margin-bottom: var(--base-size-8) !important;
-}
+ .align-self-xxl-end {
+ align-self: flex-end !important;
+ }
-.hx_disabled-input input[disabled],
-.hx_disabled-input select[disabled],
-.hx_disabled-input .form-control[contenteditable='false'] {
- padding-right: 0;
- padding-left: 0;
- margin-right: 0;
- color: var(--fgColor-default) !important;
- background: transparent;
- border: 0;
- box-shadow: none;
- opacity: 1;
-}
+ .align-self-xxl-center {
+ align-self: center !important;
+ }
-.hx_disabled-input text-expander input[type='text'][disabled] {
- display: none;
-}
+ .align-self-xxl-baseline {
+ align-self: baseline !important;
+ }
-.hx_disabled-input text-expander input[type='text'][disabled] + div.form-control {
- display: block;
-}
+ .align-self-xxl-stretch {
+ align-self: stretch !important;
+ }
-.hx_disabled-input text-expander input[type='text'] + div.form-control {
- display: none;
-}
+ .order-xxl-first {
+ order: -1 !important;
+ }
-.hx_disabled-input input[type='number'][disabled] {
- display: none;
-}
+ .order-xxl-0 {
+ order: 0 !important;
+ }
-.hx_disabled-input input[type='number'][disabled] + div.form-control {
- display: block;
-}
+ .order-xxl-1 {
+ order: 1 !important;
+ }
-.hx_disabled-input input[type='number'] + div.form-control {
- display: none;
-}
+ .order-xxl-2 {
+ order: 2 !important;
+ }
-.hx_disabled-input input[type='date'][disabled] {
- display: none;
-}
+ .order-xxl-3 {
+ order: 3 !important;
+ }
-.hx_disabled-input input[type='date'][disabled] + div.form-control {
- display: block;
-}
+ .order-xxl-4 {
+ order: 4 !important;
+ }
-.hx_disabled-input input[type='date'] + div.form-control {
- display: none;
-}
+ .order-xxl-5 {
+ order: 5 !important;
+ }
-.hx_disabled-input input[disabled]::placeholder,
-.hx_disabled-input selected[disabled]::placeholder {
- color: var(--fgColor-default) !important;
-}
+ .order-xxl-last {
+ order: 6 !important;
+ }
-.hx_disabled-input .form-select {
- background-image: none !important;
-}
+ .m-xxl-0 {
+ margin: 0 !important;
+ }
-.hx_disabled-input .Box-row--focus-gray:focus {
- background: var(--bgColor-muted);
-}
+ .m-xxl-1 {
+ margin: 0.25rem !important;
+ }
-.summary-iteration .inline-status {
- display: none;
-}
+ .m-xxl-2 {
+ margin: 0.5rem !important;
+ }
-.summary-iteration .block-status {
- display: inline-block;
-}
+ .m-xxl-3 {
+ margin: 1rem !important;
+ }
-.list-iteration .inline-status {
- display: inline;
-}
+ .m-xxl-4 {
+ margin: 1.5rem !important;
+ }
-.list-iteration .block-status {
- display: none;
-}
+ .m-xxl-5 {
+ margin: 3rem !important;
+ }
-.hx_tabnav-in-dropdown {
- border-radius: 5px 5px 0 0;
-}
+ .m-xxl-auto {
+ margin: auto !important;
+ }
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:first-child .tabnav-tab.selected,
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:first-child .tabnav-tab[aria-selected='true'],
-.hx_tabnav-in-dropdown
- .tabnav-tabs
- .hx_tabnav-in-dropdown-wrapper:first-child
- .tabnav-tab[aria-current]:not([aria-current='false']) {
- border-left: 0;
-}
+ .mx-xxl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:last-child .tabnav-tab.selected,
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:last-child .tabnav-tab[aria-selected='true'],
-.hx_tabnav-in-dropdown
- .tabnav-tabs
- .hx_tabnav-in-dropdown-wrapper:last-child
- .tabnav-tab[aria-current]:not([aria-current='false']) {
- border-right: 0;
-}
+ .mx-xxl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.hx_tabnav-in-dropdown
- .tabnav-tabs
- .hx_tabnav-in-dropdown-wrapper:last-child
- .tabnav-tab[aria-selected='false']::after {
- position: absolute;
- top: -14px;
- right: 10px;
- left: auto;
- z-index: 10;
- display: inline-block;
- content: '';
- border: 7px solid transparent;
- border-bottom: 7px solid var(--bgColor-muted);
-}
+ .mx-xxl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.hx_tabnav-in-dropdown .tabnav-tab.selected,
-.hx_tabnav-in-dropdown .tabnav-tab[aria-selected='true'],
-.hx_tabnav-in-dropdown .tabnav-tab[aria-current]:not([aria-current='false']) {
- margin-top: -1px;
- background-color: var(--overlay-bgColor);
-}
+ .mx-xxl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.details-overlay-dark[open] > summary::before {
- z-index: 111 !important;
-}
+ .mx-xxl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.turbo-progress-bar {
- z-index: 2147483647;
-}
+ .mx-xxl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.timeline-comment .previewable-comment-form textarea {
- max-height: none;
-}
+ .mx-xxl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.truncate-with-responsive-width {
- width: 50px;
- min-width: 100%;
-}
+ .my-xxl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.markdown-alert {
- padding: var(--base-size-8) var(--base-size-16);
- margin-bottom: var(--base-size-16);
- color: inherit;
- border-left: 0.25em solid var(--borderColor-default);
-}
+ .my-xxl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.markdown-alert > :first-child {
- margin-top: 0;
-}
+ .my-xxl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.markdown-alert > :last-child {
- margin-bottom: 0;
-}
+ .my-xxl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.markdown-alert .markdown-alert-title {
- display: flex;
- font-weight: var(--base-text-weight-medium, 500);
- align-items: center;
- line-height: 1;
-}
+ .my-xxl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.markdown-alert.markdown-alert-note {
- border-left-color: var(--borderColor-accent-emphasis);
-}
+ .my-xxl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-.markdown-alert.markdown-alert-note .markdown-alert-title {
- color: var(--fgColor-accent);
-}
+ .my-xxl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-.markdown-alert.markdown-alert-important {
- border-left-color: var(--borderColor-done-emphasis);
-}
+ .mt-xxl-0 {
+ margin-top: 0 !important;
+ }
-.markdown-alert.markdown-alert-important .markdown-alert-title {
- color: var(--fgColor-done);
-}
+ .mt-xxl-1 {
+ margin-top: 0.25rem !important;
+ }
-.markdown-alert.markdown-alert-warning {
- border-left-color: var(--borderColor-attention-emphasis);
-}
+ .mt-xxl-2 {
+ margin-top: 0.5rem !important;
+ }
-.markdown-alert.markdown-alert-warning .markdown-alert-title {
- color: var(--fgColor-attention);
-}
+ .mt-xxl-3 {
+ margin-top: 1rem !important;
+ }
-.markdown-alert.markdown-alert-tip {
- border-left-color: var(--borderColor-success-emphasis);
-}
+ .mt-xxl-4 {
+ margin-top: 1.5rem !important;
+ }
-.markdown-alert.markdown-alert-tip .markdown-alert-title {
- color: var(--fgColor-success);
-}
+ .mt-xxl-5 {
+ margin-top: 3rem !important;
+ }
-.markdown-alert.markdown-alert-caution {
- border-left-color: var(--borderColor-danger-emphasis);
-}
+ .mt-xxl-auto {
+ margin-top: auto !important;
+ }
-.markdown-alert.markdown-alert-caution .markdown-alert-title {
- color: var(--fgColor-danger);
-}
+ .me-xxl-0 {
+ margin-right: 0 !important;
+ }
-.Overlay-header.Overlay-header--divided + .Overlay-body {
- padding-top: var(--stack-padding-normal, var(--base-size-16));
-}
+ .me-xxl-1 {
+ margin-right: 0.25rem !important;
+ }
-.Overlay-closeButton {
- position: relative;
- display: grid;
- width: var(--base-size-32, 2rem);
- height: var(--base-size-32, 2rem);
- padding: 0;
- color: var(--fgColor-muted);
- cursor: pointer;
- -webkit-user-select: none;
- user-select: none;
- user-select: none;
- background-color: initial;
- border: var(--borderWidth-thin, max(var(--borderWidth-thin), 0.0625rem)) solid transparent;
- border-radius: var(--borderRadius-medium, var(--borderRadius-medium));
- transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);
- transition-property: color, background-color, border-color;
- align-self: flex-start;
- flex-shrink: 0;
- place-content: center;
-}
+ .me-xxl-2 {
+ margin-right: 0.5rem !important;
+ }
-.Overlay-closeButton:focus,
-.Overlay-closeButton:hover {
- background-color: var(--button-default-bgColor-hover);
- border: var(--borderWidth-thin, max(var(--borderWidth-thin), 0.0625rem)) solid var(--control-bgColor-hover);
-}
+ .me-xxl-3 {
+ margin-right: 1rem !important;
+ }
-.Overlay-closeButton.close-button {
- border: var(--borderWidth-thin, max(var(--borderWidth-thin), 0.0625rem)) solid transparent;
-}
+ .me-xxl-4 {
+ margin-right: 1.5rem !important;
+ }
-.Overlay-backdrop--center {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
- align-items: center;
- justify-content: center;
-}
+ .me-xxl-5 {
+ margin-right: 3rem !important;
+ }
-.Overlay-backdrop--anchor {
- position: absolute;
- z-index: 999;
- background-color: initial;
-}
+ .me-xxl-auto {
+ margin-right: auto !important;
+ }
-.Overlay-backdrop--side {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
-}
+ .mb-xxl-0 {
+ margin-bottom: 0 !important;
+ }
-.Overlay-backdrop--side,
-.Overlay-backdrop--side.Overlay-backdrop--placement-left {
- align-items: center;
- justify-content: left;
-}
+ .mb-xxl-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-left > .Overlay {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
-}
+ .mb-xxl-2 {
+ margin-bottom: 0.5rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-left > .Overlay {
- animation: Overlay--motion-slideInRight 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .mb-xxl-3 {
+ margin-bottom: 1rem !important;
}
-}
-.Overlay-backdrop--side.Overlay-backdrop--placement-right {
- align-items: center;
- justify-content: right;
-}
+ .mb-xxl-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-right > .Overlay {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-}
+ .mb-xxl-5 {
+ margin-bottom: 3rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-right > .Overlay {
- animation: Overlay--motion-slideInLeft 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .mb-xxl-auto {
+ margin-bottom: auto !important;
}
-}
-.Overlay-backdrop--side.Overlay-backdrop--placement-bottom {
- align-items: end;
- justify-content: center;
-}
+ .ms-xxl-0 {
+ margin-left: 0 !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-bottom > .Overlay {
- width: 100vw;
- height: auto;
- max-height: calc(100vh - 2rem);
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
-}
+ .ms-xxl-1 {
+ margin-left: 0.25rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-bottom > .Overlay {
- animation: Overlay--motion-slideUp 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .ms-xxl-2 {
+ margin-left: 0.5rem !important;
}
-}
-.Overlay-backdrop--side.Overlay-backdrop--placement-top {
- align-items: start;
- justify-content: center;
-}
+ .ms-xxl-3 {
+ margin-left: 1rem !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-top > .Overlay {
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-top-right-radius: 0;
-}
+ .ms-xxl-4 {
+ margin-left: 1.5rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-top > .Overlay {
- animation: Overlay--motion-slideDown 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .ms-xxl-5 {
+ margin-left: 3rem !important;
}
-}
-.Overlay-backdrop--full {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
-}
+ .ms-xxl-auto {
+ margin-left: auto !important;
+ }
-.Overlay-backdrop--full .Overlay {
- width: 100%;
- max-width: 100vw;
- height: 100%;
- max-height: 100vh;
- border-radius: unset !important;
- flex-grow: 1;
-}
+ .p-xxl-0 {
+ padding: 0 !important;
+ }
-@media (max-width: 767px) {
- .Overlay-backdrop--center-whenNarrow {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
- align-items: center;
- justify-content: center;
+ .p-xxl-1 {
+ padding: 0.25rem !important;
}
- .Overlay-backdrop--anchor-whenNarrow {
- position: absolute;
- z-index: 999;
- background-color: initial;
+ .p-xxl-2 {
+ padding: 0.5rem !important;
}
- .Overlay-backdrop--side-whenNarrow {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
+ .p-xxl-3 {
+ padding: 1rem !important;
}
- .Overlay-backdrop--side-whenNarrow,
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow {
- align-items: center;
- justify-content: left;
+ .p-xxl-4 {
+ padding: 1.5rem !important;
}
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow > .Overlay-whenNarrow {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
+ .p-xxl-5 {
+ padding: 3rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideInRight 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .px-xxl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow {
- align-items: center;
- justify-content: right;
+ .px-xxl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow > .Overlay-whenNarrow {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
+ .px-xxl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideInLeft 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .px-xxl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow {
- align-items: end;
- justify-content: center;
+ .px-xxl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow > .Overlay-whenNarrow {
- width: 100vw;
- height: auto;
- max-height: calc(100vh - 2rem);
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+ .px-xxl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideUp 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .py-xxl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow {
- align-items: start;
- justify-content: center;
+ .py-xxl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow > .Overlay-whenNarrow {
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-top-right-radius: 0;
+ .py-xxl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideDown 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .py-xxl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--full-whenNarrow {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
+ .py-xxl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--full-whenNarrow .Overlay {
- width: 100%;
- max-width: 100vw;
- height: 100%;
- max-height: 100vh;
- border-radius: unset !important;
- flex-grow: 1;
+ .py-xxl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
}
-}
-.Overlay.Overlay--height-xsmall {
- height: min(192px, 100vh - 2rem);
-}
+ .pt-xxl-0 {
+ padding-top: 0 !important;
+ }
-.Overlay.Overlay--height-small {
- height: min(256px, 100vh - 2rem);
-}
+ .pt-xxl-1 {
+ padding-top: 0.25rem !important;
+ }
-.Overlay.Overlay--height-medium {
- height: min(320px, 100vh - 2rem);
-}
+ .pt-xxl-2 {
+ padding-top: 0.5rem !important;
+ }
-.Overlay.Overlay--height-large {
- height: min(432px, 100vh - 2rem);
-}
+ .pt-xxl-3 {
+ padding-top: 1rem !important;
+ }
-.Overlay.Overlay--height-xlarge {
- height: min(600px, 100vh - 2rem);
-}
+ .pt-xxl-4 {
+ padding-top: 1.5rem !important;
+ }
-.Overlay.Overlay--width-auto {
- width: auto;
-}
+ .pt-xxl-5 {
+ padding-top: 3rem !important;
+ }
-.Overlay.Overlay--width-small {
- width: min(256px, 100vw - 2rem);
-}
+ .pe-xxl-0 {
+ padding-right: 0 !important;
+ }
-.Overlay.Overlay--width-medium {
- width: min(320px, 100vw - 2rem);
-}
+ .pe-xxl-1 {
+ padding-right: 0.25rem !important;
+ }
-.Overlay.Overlay--width-large {
- width: min(480px, 100vw - 2rem);
-}
+ .pe-xxl-2 {
+ padding-right: 0.5rem !important;
+ }
-.Overlay.Overlay--width-xlarge {
- width: min(640px, 100vw - 2rem);
-}
+ .pe-xxl-3 {
+ padding-right: 1rem !important;
+ }
-.Overlay.Overlay--width-xxlarge {
- width: min(960px, 100vw - 2rem);
-}
+ .pe-xxl-4 {
+ padding-right: 1.5rem !important;
+ }
-@supports not selector(:popover-open) {
- [popover]:not(.\:popover-open) {
- display: none;
+ .pe-xxl-5 {
+ padding-right: 3rem !important;
}
-}
-.markdown-body > *:first-child > .heading-element:first-child {
- margin-top: 0 !important;
-}
+ .pb-xxl-0 {
+ padding-bottom: 0 !important;
+ }
-.markdown-heading {
- position: relative;
-}
+ .pb-xxl-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.markdown-heading .heading-element:hover + .anchor {
- opacity: 1;
-}
+ .pb-xxl-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.markdown-heading h1.heading-element + .anchor,
-.markdown-heading h2.heading-element + .anchor {
- transform: translateY(calc(-50% - 0.3rem));
-}
+ .pb-xxl-3 {
+ padding-bottom: 1rem !important;
+ }
-.markdown-heading .anchor {
- position: absolute;
- top: 50%;
- left: -28px;
- display: flex;
- width: 28px;
- height: 28px;
- margin: auto;
- border-radius: var(--borderRadius-medium);
- opacity: 0;
- justify-content: center;
- align-items: center;
- transform: translateY(-50%);
-}
+ .pb-xxl-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.markdown-heading .anchor:hover {
- opacity: 1;
-}
+ .pb-xxl-5 {
+ padding-bottom: 3rem !important;
+ }
-.markdown-heading .anchor:focus {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: -2px;
- opacity: 1;
-}
+ .ps-xxl-0 {
+ padding-left: 0 !important;
+ }
-@media (pointer: coarse) {
- .markdown-heading .anchor {
- opacity: 1;
+ .ps-xxl-1 {
+ padding-left: 0.25rem !important;
}
-}
-.markdown-heading .anchor .octicon {
- color: var(--fgColor-default);
-}
+ .ps-xxl-2 {
+ padding-left: 0.5rem !important;
+ }
-summary > .markdown-heading {
- display: inline-block;
-}
+ .ps-xxl-3 {
+ padding-left: 1rem !important;
+ }
-.primer-button-break-line .BtnGroup > * {
- flex: 1 0 auto;
-}
+ .ps-xxl-4 {
+ padding-left: 1.5rem !important;
+ }
-.primer-button-break-line .SegmentedControl .Button {
- width: unset !important;
- min-width: 100% !important;
- height: unset !important;
- min-height: 100% !important;
-}
+ .ps-xxl-5 {
+ padding-left: 3rem !important;
+ }
-.primer-button-break-line .SegmentedControl .Button .Button-label {
- overflow: hidden !important;
- text-overflow: ellipsis !important;
- white-space: nowrap !important;
-}
+ .text-xxl-start {
+ text-align: left !important;
+ }
-.primer-button-break-line .Button {
- min-width: -moz-fit-content !important;
- min-width: fit-content !important;
- height: unset !important;
- min-height: var(--control-medium-size) !important;
-}
+ .text-xxl-end {
+ text-align: right !important;
+ }
-.primer-button-break-line .Button-content {
- flex: 1 1 auto !important;
- align-self: stretch !important;
- padding-block: calc(var(--control-medium-paddingBlock) - 2px) !important;
+ .text-xxl-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 1200px) {
+ .fs-1 {
+ font-size: 2.5rem !important;
+ }
-.primer-button-break-line .Button-label {
- white-space: unset !important;
-}
+ .fs-2 {
+ font-size: 2rem !important;
+ }
-.primer-button-break-line .Button--small {
- height: unset !important;
- min-height: var(--control-small-size) !important;
-}
+ .fs-3 {
+ font-size: 1.75rem !important;
+ }
-.primer-button-break-line .Button--small .Button-content {
- padding-block: calc(var(--control-small-paddingBlock) - 2px) !important;
+ .fs-4 {
+ font-size: 1.5rem !important;
+ }
}
+@media print {
+ .d-print-inline {
+ display: inline !important;
+ }
-.primer-button-break-line .Button--large {
- height: unset !important;
- min-height: var(--control-large-size) !important;
- padding-inline: var(--control-large-paddingInline-spacious) !important;
-}
+ .d-print-inline-block {
+ display: inline-block !important;
+ }
-.primer-button-break-line .Button--large .Button-content {
- padding-block: calc(var(--control-large-paddingBlock) - 2px) !important;
-}
+ .d-print-block {
+ display: block !important;
+ }
-.primer-button-break-line .Button--link {
- min-height: unset !important;
-}
+ .d-print-grid {
+ display: grid !important;
+ }
-.primer-button-break-line .Button--link .Button-content {
- padding: 0 !important;
-}
+ .d-print-table {
+ display: table !important;
+ }
-details.details-overlay:not([open]) > *:not(summary) {
- display: none !important;
-}
+ .d-print-table-row {
+ display: table-row !important;
+ }
-.hx-rails-banner-upsell {
- background-image: linear-gradient(var(--bgColor-upsell-muted), var(--bgColor-upsell-muted));
- border: var(--borderWidth-thin) solid var(--borderColor-upsell-muted);
-}
+ .d-print-table-cell {
+ display: table-cell !important;
+ }
-.hx-rails-banner-upsell .Banner-visual .octicon {
- color: var(--fgColor-upsell);
-}
+ .d-print-flex {
+ display: flex !important;
+ }
-.footer {
- background-color: var(--color-anthracite);
- padding: var(--spacing-4);
- text-align: center;
- font-size: var(--font-size-xs);
- color: #fff;
+ .d-print-inline-flex {
+ display: inline-flex !important;
+ }
+
+ .d-print-none {
+ display: none !important;
+ }
}
diff --git a/steps/02.01-stability/server/views/pages/product.njk b/steps/02.01-stability/server/views/pages/product.njk
index f0c6260..b2c5b8d 100644
--- a/steps/02.01-stability/server/views/pages/product.njk
+++ b/steps/02.01-stability/server/views/pages/product.njk
@@ -44,7 +44,7 @@
★
{% endfor %}
-
+
({{ product.reviews.score }} avis)
Voir tous les avis
diff --git a/steps/02.02-fonts-solution/public/styles/footer.css b/steps/02.02-fonts-solution/public/styles/footer.css
index 92b9baa..451640b 100644
--- a/steps/02.02-fonts-solution/public/styles/footer.css
+++ b/steps/02.02-fonts-solution/public/styles/footer.css
@@ -1,13034 +1,11079 @@
-.color-border-inverse {
- border-color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis)) !important;
+.footer {
+ background-color: var(--color-anthracite);
+ padding: var(--spacing-4);
+ text-align: center;
+ font-size: var(--font-size-xs);
+ color: #fff;
}
-.bg-gray-2,
-.bg-gray-3 {
- background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted)) !important;
+:root {
+ --bs-blue: #0d6efd;
+ --bs-indigo: #6610f2;
+ --bs-purple: #6f42c1;
+ --bs-pink: #d63384;
+ --bs-red: #dc3545;
+ --bs-orange: #fd7e14;
+ --bs-yellow: #ffc107;
+ --bs-green: #198754;
+ --bs-teal: #20c997;
+ --bs-cyan: #0dcaf0;
+ --bs-white: #fff;
+ --bs-gray: #6c757d;
+ --bs-gray-dark: #343a40;
+ --bs-gray-100: #f8f9fa;
+ --bs-gray-200: #e9ecef;
+ --bs-gray-300: #dee2e6;
+ --bs-gray-400: #ced4da;
+ --bs-gray-500: #adb5bd;
+ --bs-gray-600: #6c757d;
+ --bs-gray-700: #495057;
+ --bs-gray-800: #343a40;
+ --bs-gray-900: #212529;
+ --bs-primary: #0d6efd;
+ --bs-secondary: #6c757d;
+ --bs-success: #198754;
+ --bs-info: #0dcaf0;
+ --bs-warning: #ffc107;
+ --bs-danger: #dc3545;
+ --bs-light: #f8f9fa;
+ --bs-dark: #212529;
+ --bs-primary-rgb: 13, 110, 253;
+ --bs-secondary-rgb: 108, 117, 125;
+ --bs-success-rgb: 25, 135, 84;
+ --bs-info-rgb: 13, 202, 240;
+ --bs-warning-rgb: 255, 193, 7;
+ --bs-danger-rgb: 220, 53, 69;
+ --bs-light-rgb: 248, 249, 250;
+ --bs-dark-rgb: 33, 37, 41;
+ --bs-white-rgb: 255, 255, 255;
+ --bs-black-rgb: 0, 0, 0;
+ --bs-body-color-rgb: 33, 37, 41;
+ --bs-body-bg-rgb: 255, 255, 255;
+ --bs-font-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
+ 'Liberation Sans', 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.5;
+ --bs-body-color: #212529;
+ --bs-body-bg: #fff;
}
-.color-text-white {
- color: var(--fgColor-white, var(--color-scale-white)) !important;
+@media (prefers-reduced-motion: no-preference) {
+ :root {
+ scroll-behavior: smooth;
+ }
}
-.border-white-fade {
- border-color: rgba(255, 255, 255, 0.15) !important;
+.list-unstyled {
+ padding-left: 0;
+ list-style: none;
}
-.lead {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-inline {
+ padding-left: 0;
+ list-style: none;
}
-.text-emphasized {
- color: var(--fgColor-default, var(--color-fg-default));
+.list-inline-item {
+ display: inline-block;
}
-
-.Label.Label--orange {
- color: var(--fgColor-severe, var(--color-severe-fg));
- border-color: var(--borderColor-severe-emphasis, var(--color-severe-emphasis));
+.list-inline-item:not(:last-child) {
+ margin-right: 0.5rem;
}
-.Label.Label--purple {
- color: var(--fgColor-done, var(--color-done-fg));
- border-color: var(--borderColor-done-emphasis, var(--color-done-emphasis));
+.initialism {
+ font-size: 0.875em;
+ text-transform: uppercase;
}
-.Label.Label--pink {
- color: var(--fgColor-sponsors, var(--color-sponsors-fg));
- border-color: var(--borderColor-sponsors-emphasis, var(--color-sponsors-emphasis));
+.blockquote {
+ margin-bottom: 1rem;
+ font-size: 1.25rem;
}
-
-/*!
-* GitHub Light v0.5.0
-* Copyright (c) 2012 - 2017 GitHub, Inc.
-* Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
-*/
-.pl-c {
- color: var(--color-prettylights-syntax-comment);
+.blockquote > :last-child {
+ margin-bottom: 0;
}
-.pl-c1,
-.pl-s .pl-v {
- color: var(--color-prettylights-syntax-constant);
+.blockquote-footer {
+ margin-top: -1rem;
+ margin-bottom: 1rem;
+ font-size: 0.875em;
+ color: #6c757d;
}
-
-.pl-e,
-.pl-en {
- color: var(--color-prettylights-syntax-entity);
+.blockquote-footer::before {
+ content: '— ';
}
-.pl-smi,
-.pl-s .pl-s1 {
- color: var(--color-prettylights-syntax-storage-modifier-import);
+.img-fluid {
+ max-width: 100%;
+ height: auto;
}
-.pl-ent {
- color: var(--color-prettylights-syntax-entity-tag);
+.img-thumbnail {
+ padding: 0.25rem;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+ border-radius: 0.25rem;
+ max-width: 100%;
+ height: auto;
}
-.pl-k {
- color: var(--color-prettylights-syntax-keyword);
+.figure {
+ display: inline-block;
}
-.pl-s,
-.pl-pds,
-.pl-s .pl-pse .pl-s1,
-.pl-sr,
-.pl-sr .pl-cce,
-.pl-sr .pl-sre,
-.pl-sr .pl-sra {
- color: var(--color-prettylights-syntax-string);
+.figure-img {
+ margin-bottom: 0.5rem;
+ line-height: 1;
}
-.pl-v,
-.pl-smw {
- color: var(--color-prettylights-syntax-variable);
+.figure-caption {
+ font-size: 0.875em;
+ color: #6c757d;
}
-.pl-bu {
- color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
+.container,
+.container-fluid,
+.container-xxl,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm {
+ width: 100%;
+ padding-right: var(--bs-gutter-x, 0.75rem);
+ padding-left: var(--bs-gutter-x, 0.75rem);
+ margin-right: auto;
+ margin-left: auto;
}
-.pl-ii {
- color: var(--color-prettylights-syntax-invalid-illegal-text);
- background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
+@media (min-width: 576px) {
+ .container-sm,
+ .container {
+ max-width: 540px;
+ }
}
-
-.pl-c2 {
- color: var(--color-prettylights-syntax-carriage-return-text);
- background-color: var(--color-prettylights-syntax-carriage-return-bg);
+@media (min-width: 768px) {
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 720px;
+ }
+}
+@media (min-width: 992px) {
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 960px;
+ }
+}
+@media (min-width: 1200px) {
+ .container-xl,
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 1140px;
+ }
+}
+@media (min-width: 1400px) {
+ .container-xxl,
+ .container-xl,
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 1320px;
+ }
+}
+.row {
+ --bs-gutter-x: 1.5rem;
+ --bs-gutter-y: 0;
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: calc(-1 * var(--bs-gutter-y));
+ margin-right: calc(-0.5 * var(--bs-gutter-x));
+ margin-left: calc(-0.5 * var(--bs-gutter-x));
}
-
-.pl-c2::before {
- content: '^M';
+.row > * {
+ flex-shrink: 0;
+ width: 100%;
+ max-width: 100%;
+ padding-right: calc(var(--bs-gutter-x) * 0.5);
+ padding-left: calc(var(--bs-gutter-x) * 0.5);
+ margin-top: var(--bs-gutter-y);
}
-.pl-sr .pl-cce {
- font-weight: bold;
- color: var(--color-prettylights-syntax-string-regexp);
+.col {
+ flex: 1 0 0%;
}
-.pl-ml {
- color: var(--color-prettylights-syntax-markup-list);
+.row-cols-auto > * {
+ flex: 0 0 auto;
+ width: auto;
}
-.pl-mh,
-.pl-mh .pl-en,
-.pl-ms {
- font-weight: bold;
- color: var(--color-prettylights-syntax-markup-heading);
+.row-cols-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
}
-.pl-mi {
- font-style: italic;
- color: var(--color-prettylights-syntax-markup-italic);
+.row-cols-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
}
-.pl-mb {
- font-weight: bold;
- color: var(--color-prettylights-syntax-markup-bold);
+.row-cols-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
}
-.pl-md {
- color: var(--color-prettylights-syntax-markup-deleted-text);
- background-color: var(--color-prettylights-syntax-markup-deleted-bg);
+.row-cols-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
}
-.pl-mi1 {
- color: var(--color-prettylights-syntax-markup-inserted-text);
- background-color: var(--color-prettylights-syntax-markup-inserted-bg);
+.row-cols-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
}
-.pl-mc {
- color: var(--color-prettylights-syntax-markup-changed-text);
- background-color: var(--color-prettylights-syntax-markup-changed-bg);
+.row-cols-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
}
-.pl-mi2 {
- color: var(--color-prettylights-syntax-markup-ignored-text);
- background-color: var(--color-prettylights-syntax-markup-ignored-bg);
+.col-auto {
+ flex: 0 0 auto;
+ width: auto;
}
-.pl-mdr {
- font-weight: bold;
- color: var(--color-prettylights-syntax-meta-diff-range);
+.col-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
}
-.pl-ba {
- color: var(--color-prettylights-syntax-brackethighlighter-angle);
+.col-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
}
-.pl-sg {
- color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
+.col-3 {
+ flex: 0 0 auto;
+ width: 25%;
}
-.pl-corl {
- text-decoration: underline;
- color: var(--color-prettylights-syntax-constant-other-reference-link);
+.col-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
}
-.CodeMirror {
- font-family: monospace;
- height: 300px;
- color: black;
- direction: ltr;
+.col-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
}
-.CodeMirror-lines {
- padding: 4px 0;
+.col-6 {
+ flex: 0 0 auto;
+ width: 50%;
}
-.CodeMirror pre.CodeMirror-line,
-.CodeMirror pre.CodeMirror-line-like {
- padding: 0 4px;
+.col-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
}
-.CodeMirror-scrollbar-filler,
-.CodeMirror-gutter-filler {
- background-color: white;
+.col-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
}
-.CodeMirror-gutters {
- border-right: 1px solid #ddd;
- background-color: #f7f7f7;
- white-space: nowrap;
+.col-9 {
+ flex: 0 0 auto;
+ width: 75%;
}
-.CodeMirror-linenumber {
- padding: 0 3px 0 5px;
- min-width: 20px;
- text-align: right;
- color: #999;
- white-space: nowrap;
+.col-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
}
-.CodeMirror-guttermarker {
- color: black;
+.col-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
}
-.CodeMirror-guttermarker-subtle {
- color: #999;
+.col-12 {
+ flex: 0 0 auto;
+ width: 100%;
}
-.CodeMirror-cursor {
- border-left: 1px solid black;
- border-right: none;
- width: 0;
+.offset-1 {
+ margin-left: 8.33333333%;
}
-.CodeMirror div.CodeMirror-secondarycursor {
- border-left: 1px solid silver;
+.offset-2 {
+ margin-left: 16.66666667%;
}
-.cm-fat-cursor .CodeMirror-cursor {
- width: auto;
- border: 0 !important;
- background: #7e7;
+.offset-3 {
+ margin-left: 25%;
}
-.cm-fat-cursor div.CodeMirror-cursors {
- z-index: 1;
+.offset-4 {
+ margin-left: 33.33333333%;
}
-.cm-fat-cursor-mark {
- background-color: rgba(20, 255, 20, 0.5);
- animation: blink 1.06s steps(1) infinite;
+.offset-5 {
+ margin-left: 41.66666667%;
}
-.cm-animate-fat-cursor {
- width: auto;
- border: 0;
- animation: blink 1.06s steps(1) infinite;
- background-color: #7e7;
+.offset-6 {
+ margin-left: 50%;
}
-@keyframes blink {
- 50% {
- background-color: transparent;
- }
+.offset-7 {
+ margin-left: 58.33333333%;
}
-.cm-tab {
- display: inline-block;
- text-decoration: inherit;
+.offset-8 {
+ margin-left: 66.66666667%;
}
-.CodeMirror-rulers {
- position: absolute;
- left: 0;
- right: 0;
- top: -50px;
- bottom: 0;
- overflow: hidden;
+.offset-9 {
+ margin-left: 75%;
}
-.CodeMirror-ruler {
- border-left: 1px solid #ccc;
- top: 0;
- bottom: 0;
- position: absolute;
+.offset-10 {
+ margin-left: 83.33333333%;
}
-.cm-s-default .cm-header {
- color: blue;
+.offset-11 {
+ margin-left: 91.66666667%;
}
-.cm-s-default .cm-quote {
- color: #090;
+.g-0,
+.gx-0 {
+ --bs-gutter-x: 0;
}
-.cm-negative {
- color: #d44;
+.g-0,
+.gy-0 {
+ --bs-gutter-y: 0;
}
-.cm-positive {
- color: #292;
+.g-1,
+.gx-1 {
+ --bs-gutter-x: 0.25rem;
}
-.cm-header,
-.cm-strong {
- font-weight: bold;
+.g-1,
+.gy-1 {
+ --bs-gutter-y: 0.25rem;
}
-.cm-em {
- font-style: italic;
+.g-2,
+.gx-2 {
+ --bs-gutter-x: 0.5rem;
}
-.cm-link {
- text-decoration: underline;
+.g-2,
+.gy-2 {
+ --bs-gutter-y: 0.5rem;
}
-.cm-strikethrough {
- text-decoration: line-through;
+.g-3,
+.gx-3 {
+ --bs-gutter-x: 1rem;
}
-.cm-s-default .cm-keyword {
- color: #708;
+.g-3,
+.gy-3 {
+ --bs-gutter-y: 1rem;
}
-.cm-s-default .cm-atom {
- color: #219;
+.g-4,
+.gx-4 {
+ --bs-gutter-x: 1.5rem;
}
-.cm-s-default .cm-number {
- color: #164;
+.g-4,
+.gy-4 {
+ --bs-gutter-y: 1.5rem;
}
-.cm-s-default .cm-def {
- color: blue;
+.g-5,
+.gx-5 {
+ --bs-gutter-x: 3rem;
}
-.cm-s-default .cm-variable-2 {
- color: #05a;
+.g-5,
+.gy-5 {
+ --bs-gutter-y: 3rem;
}
-.cm-s-default .cm-variable-3,
-.cm-s-default .cm-type {
- color: #085;
-}
+@media (min-width: 576px) {
+ .col-sm {
+ flex: 1 0 0%;
+ }
-.cm-s-default .cm-comment {
- color: #a50;
-}
+ .row-cols-sm-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.cm-s-default .cm-string {
- color: #a11;
-}
+ .row-cols-sm-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.cm-s-default .cm-string-2 {
- color: #f50;
-}
+ .row-cols-sm-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.cm-s-default .cm-meta {
- color: #555;
-}
+ .row-cols-sm-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.cm-s-default .cm-qualifier {
- color: #555;
-}
+ .row-cols-sm-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.cm-s-default .cm-builtin {
- color: #30a;
-}
+ .row-cols-sm-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.cm-s-default .cm-bracket {
- color: #997;
-}
+ .row-cols-sm-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.cm-s-default .cm-tag {
- color: #170;
-}
+ .col-sm-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.cm-s-default .cm-attribute {
- color: #00c;
-}
+ .col-sm-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.cm-s-default .cm-hr {
- color: #999;
-}
+ .col-sm-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.cm-s-default .cm-link {
- color: #00c;
-}
+ .col-sm-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.cm-s-default .cm-error {
- color: red;
-}
+ .col-sm-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.cm-invalidchar {
- color: red;
-}
+ .col-sm-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.CodeMirror-composing {
- border-bottom: 2px solid;
-}
+ .col-sm-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-div.CodeMirror span.CodeMirror-matchingbracket {
- color: #0b0;
-}
+ .col-sm-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-div.CodeMirror span.CodeMirror-nonmatchingbracket {
- color: #a22;
-}
+ .col-sm-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.CodeMirror-matchingtag {
- background: rgba(255, 150, 0, 0.3);
-}
+ .col-sm-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.CodeMirror-activeline-background {
- background: #e8f2ff;
-}
+ .col-sm-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.CodeMirror {
- position: relative;
- overflow: hidden;
- background: white;
-}
+ .col-sm-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.CodeMirror-scroll {
- overflow: scroll !important;
- margin-bottom: -50px;
- margin-right: -50px;
- padding-bottom: 50px;
- height: 100%;
- outline: none;
- position: relative;
-}
+ .col-sm-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-sizer {
- position: relative;
- border-right: 50px solid transparent;
-}
+ .offset-sm-0 {
+ margin-left: 0;
+ }
-.CodeMirror-vscrollbar,
-.CodeMirror-hscrollbar,
-.CodeMirror-scrollbar-filler,
-.CodeMirror-gutter-filler {
- position: absolute;
- z-index: 6;
- display: none;
- outline: none;
-}
+ .offset-sm-1 {
+ margin-left: 8.33333333%;
+ }
-.CodeMirror-vscrollbar {
- right: 0;
- top: 0;
- overflow-x: hidden;
- overflow-y: scroll;
-}
+ .offset-sm-2 {
+ margin-left: 16.66666667%;
+ }
-.CodeMirror-hscrollbar {
- bottom: 0;
- left: 0;
- overflow-y: hidden;
- overflow-x: scroll;
-}
+ .offset-sm-3 {
+ margin-left: 25%;
+ }
-.CodeMirror-scrollbar-filler {
- right: 0;
- bottom: 0;
-}
+ .offset-sm-4 {
+ margin-left: 33.33333333%;
+ }
-.CodeMirror-gutter-filler {
- left: 0;
- bottom: 0;
-}
+ .offset-sm-5 {
+ margin-left: 41.66666667%;
+ }
-.CodeMirror-gutters {
- position: absolute;
- left: 0;
- top: 0;
- min-height: 100%;
- z-index: 3;
-}
+ .offset-sm-6 {
+ margin-left: 50%;
+ }
-.CodeMirror-gutter {
- white-space: normal;
- height: 100%;
- display: inline-block;
- vertical-align: top;
- margin-bottom: -50px;
-}
+ .offset-sm-7 {
+ margin-left: 58.33333333%;
+ }
-.CodeMirror-gutter-wrapper {
- position: absolute;
- z-index: 4;
- background: none !important;
- border: none !important;
-}
+ .offset-sm-8 {
+ margin-left: 66.66666667%;
+ }
-.CodeMirror-gutter-background {
- position: absolute;
- top: 0;
- bottom: 0;
- z-index: 4;
-}
+ .offset-sm-9 {
+ margin-left: 75%;
+ }
-.CodeMirror-gutter-elt {
- position: absolute;
- cursor: default;
- z-index: 4;
-}
+ .offset-sm-10 {
+ margin-left: 83.33333333%;
+ }
-.CodeMirror-gutter-wrapper ::selection {
- background-color: transparent;
-}
+ .offset-sm-11 {
+ margin-left: 91.66666667%;
+ }
-.CodeMirror-gutter-wrapper ::-moz-selection {
- background-color: transparent;
-}
+ .g-sm-0,
+ .gx-sm-0 {
+ --bs-gutter-x: 0;
+ }
-.CodeMirror-lines {
- cursor: text;
- min-height: 1px;
-}
+ .g-sm-0,
+ .gy-sm-0 {
+ --bs-gutter-y: 0;
+ }
-.CodeMirror pre.CodeMirror-line,
-.CodeMirror pre.CodeMirror-line-like {
- border-radius: 0;
- border-width: 0;
- background: transparent;
- font-family: inherit;
- font-size: inherit;
- margin: 0;
- white-space: pre;
- word-wrap: normal;
- line-height: inherit;
- color: inherit;
- z-index: 2;
- position: relative;
- overflow: visible;
- -webkit-tap-highlight-color: transparent;
- font-variant-ligatures: contextual;
-}
+ .g-sm-1,
+ .gx-sm-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.CodeMirror-wrap pre.CodeMirror-line,
-.CodeMirror-wrap pre.CodeMirror-line-like {
- word-wrap: break-word;
- white-space: pre-wrap;
- word-break: normal;
-}
+ .g-sm-1,
+ .gy-sm-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.CodeMirror-linebackground {
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- z-index: 0;
-}
+ .g-sm-2,
+ .gx-sm-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.CodeMirror-linewidget {
- position: relative;
- z-index: 2;
- padding: 0.1px;
-}
+ .g-sm-2,
+ .gy-sm-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.CodeMirror-rtl pre {
- direction: rtl;
-}
+ .g-sm-3,
+ .gx-sm-3 {
+ --bs-gutter-x: 1rem;
+ }
-.CodeMirror-code {
- outline: none;
-}
+ .g-sm-3,
+ .gy-sm-3 {
+ --bs-gutter-y: 1rem;
+ }
-.CodeMirror-scroll,
-.CodeMirror-sizer,
-.CodeMirror-gutter,
-.CodeMirror-gutters,
-.CodeMirror-linenumber {
- box-sizing: content-box;
-}
+ .g-sm-4,
+ .gx-sm-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.CodeMirror-measure {
- position: absolute;
- width: 100%;
- height: 0;
- overflow: hidden;
- visibility: hidden;
-}
+ .g-sm-4,
+ .gy-sm-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.CodeMirror-cursor {
- position: absolute;
- pointer-events: none;
-}
+ .g-sm-5,
+ .gx-sm-5 {
+ --bs-gutter-x: 3rem;
+ }
-.CodeMirror-measure pre {
- position: static;
+ .g-sm-5,
+ .gy-sm-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 768px) {
+ .col-md {
+ flex: 1 0 0%;
+ }
-div.CodeMirror-cursors {
- visibility: hidden;
- position: relative;
- z-index: 3;
-}
+ .row-cols-md-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-div.CodeMirror-dragcursors {
- visibility: visible;
-}
+ .row-cols-md-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-focused div.CodeMirror-cursors {
- visibility: visible;
-}
+ .row-cols-md-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.CodeMirror-selected {
- background: #d9d9d9;
-}
+ .row-cols-md-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.CodeMirror-focused .CodeMirror-selected {
- background: #d7d4f0;
-}
+ .row-cols-md-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.CodeMirror-crosshair {
- cursor: crosshair;
-}
+ .row-cols-md-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.CodeMirror-line::selection,
-.CodeMirror-line > span::selection,
-.CodeMirror-line > span > span::selection {
- background: #d7d4f0;
-}
+ .row-cols-md-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.CodeMirror-line::-moz-selection,
-.CodeMirror-line > span::-moz-selection,
-.CodeMirror-line > span > span::-moz-selection {
- background: #d7d4f0;
-}
+ .col-md-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.cm-searching {
- background-color: #ffa;
- background-color: rgba(255, 255, 0, 0.4);
-}
+ .col-md-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.cm-force-border {
- padding-right: 0.1px;
-}
+ .col-md-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-@media print {
- .CodeMirror div.CodeMirror-cursors {
- visibility: hidden;
+ .col-md-3 {
+ flex: 0 0 auto;
+ width: 25%;
}
-}
-.cm-tab-wrap-hack:after {
- content: '';
-}
+ .col-md-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-span.CodeMirror-selectedtext {
- background: none;
-}
+ .col-md-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.CodeMirror-dialog {
- position: absolute;
- left: 0;
- right: 0;
- background: inherit;
- z-index: 15;
- padding: 0.1em 0.8em;
- overflow: hidden;
- color: inherit;
-}
+ .col-md-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.CodeMirror-dialog-top {
- border-bottom: 1px solid #eee;
- top: 0;
-}
+ .col-md-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.CodeMirror-dialog-bottom {
- border-top: 1px solid #eee;
- bottom: 0;
-}
+ .col-md-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.CodeMirror-dialog input {
- border: none;
- outline: none;
- background: transparent;
- width: 20em;
- color: inherit;
- font-family: monospace;
-}
+ .col-md-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.CodeMirror-dialog button {
- font-size: 70%;
-}
+ .col-md-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.CodeMirror-merge {
- position: relative;
- border: 1px solid #ddd;
- white-space: pre;
-}
+ .col-md-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.CodeMirror-merge,
-.CodeMirror-merge .CodeMirror {
- height: 350px;
-}
+ .col-md-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-merge-2pane .CodeMirror-merge-pane {
- width: 47%;
-}
+ .offset-md-0 {
+ margin-left: 0;
+ }
-.CodeMirror-merge-2pane .CodeMirror-merge-gap {
- width: 6%;
-}
+ .offset-md-1 {
+ margin-left: 8.33333333%;
+ }
-.CodeMirror-merge-3pane .CodeMirror-merge-pane {
- width: 31%;
-}
+ .offset-md-2 {
+ margin-left: 16.66666667%;
+ }
-.CodeMirror-merge-3pane .CodeMirror-merge-gap {
- width: 3.5%;
-}
+ .offset-md-3 {
+ margin-left: 25%;
+ }
-.CodeMirror-merge-pane {
- display: inline-block;
- white-space: normal;
- vertical-align: top;
-}
+ .offset-md-4 {
+ margin-left: 33.33333333%;
+ }
-.CodeMirror-merge-pane-rightmost {
- position: absolute;
- right: 0px;
- z-index: 1;
-}
+ .offset-md-5 {
+ margin-left: 41.66666667%;
+ }
-.CodeMirror-merge-gap {
- z-index: 2;
- display: inline-block;
- height: 100%;
- box-sizing: border-box;
- overflow: hidden;
- border-left: 1px solid #ddd;
- border-right: 1px solid #ddd;
- position: relative;
- background: #f8f8f8;
-}
+ .offset-md-6 {
+ margin-left: 50%;
+ }
-.CodeMirror-merge-scrolllock-wrap {
- position: absolute;
- bottom: 0;
- left: 50%;
-}
+ .offset-md-7 {
+ margin-left: 58.33333333%;
+ }
-.CodeMirror-merge-scrolllock {
- position: relative;
- left: -50%;
- cursor: pointer;
- color: #555;
- line-height: 1;
-}
+ .offset-md-8 {
+ margin-left: 66.66666667%;
+ }
-.CodeMirror-merge-scrolllock:after {
- content: '⇛ ⇚';
-}
+ .offset-md-9 {
+ margin-left: 75%;
+ }
-.CodeMirror-merge-scrolllock.CodeMirror-merge-scrolllock-enabled:after {
- content: '⇛⇚';
-}
+ .offset-md-10 {
+ margin-left: 83.33333333%;
+ }
-.CodeMirror-merge-copybuttons-left,
-.CodeMirror-merge-copybuttons-right {
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- line-height: 1;
-}
+ .offset-md-11 {
+ margin-left: 91.66666667%;
+ }
-.CodeMirror-merge-copy {
- position: absolute;
- cursor: pointer;
- color: #44c;
- z-index: 3;
-}
+ .g-md-0,
+ .gx-md-0 {
+ --bs-gutter-x: 0;
+ }
-.CodeMirror-merge-copy-reverse {
- position: absolute;
- cursor: pointer;
- color: #44c;
-}
+ .g-md-0,
+ .gy-md-0 {
+ --bs-gutter-y: 0;
+ }
-.CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy {
- left: 2px;
-}
+ .g-md-1,
+ .gx-md-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy {
- right: 2px;
-}
+ .g-md-1,
+ .gy-md-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.CodeMirror-merge-r-inserted,
-.CodeMirror-merge-l-inserted {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==);
- background-position: bottom left;
- background-repeat: repeat-x;
-}
+ .g-md-2,
+ .gx-md-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.CodeMirror-merge-r-deleted,
-.CodeMirror-merge-l-deleted {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
- background-position: bottom left;
- background-repeat: repeat-x;
-}
+ .g-md-2,
+ .gy-md-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.CodeMirror-merge-r-chunk {
- background: #ffffe0;
-}
+ .g-md-3,
+ .gx-md-3 {
+ --bs-gutter-x: 1rem;
+ }
-.CodeMirror-merge-r-chunk-start {
- border-top: 1px solid #ee8;
-}
+ .g-md-3,
+ .gy-md-3 {
+ --bs-gutter-y: 1rem;
+ }
-.CodeMirror-merge-r-chunk-end {
- border-bottom: 1px solid #ee8;
-}
+ .g-md-4,
+ .gx-md-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.CodeMirror-merge-r-connect {
- fill: #ffffe0;
- stroke: #ee8;
- stroke-width: 1px;
-}
+ .g-md-4,
+ .gy-md-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.CodeMirror-merge-l-chunk {
- background: #eef;
-}
+ .g-md-5,
+ .gx-md-5 {
+ --bs-gutter-x: 3rem;
+ }
-.CodeMirror-merge-l-chunk-start {
- border-top: 1px solid #88e;
+ .g-md-5,
+ .gy-md-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 992px) {
+ .col-lg {
+ flex: 1 0 0%;
+ }
-.CodeMirror-merge-l-chunk-end {
- border-bottom: 1px solid #88e;
-}
+ .row-cols-lg-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.CodeMirror-merge-l-connect {
- fill: #eef;
- stroke: #88e;
- stroke-width: 1px;
-}
+ .row-cols-lg-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk {
- background: #dfd;
-}
+ .row-cols-lg-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start {
- border-top: 1px solid #4e4;
-}
+ .row-cols-lg-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end {
- border-bottom: 1px solid #4e4;
-}
+ .row-cols-lg-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.CodeMirror-merge-collapsed-widget:before {
- content: '(...)';
-}
+ .row-cols-lg-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.CodeMirror-merge-collapsed-widget {
- cursor: pointer;
- color: #88b;
- background: #eef;
- border: 1px solid #ddf;
- font-size: 90%;
- padding: 0 3px;
- border-radius: 4px;
-}
+ .row-cols-lg-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt {
- display: none;
-}
+ .col-lg-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-/*!
-* GitHub Light v0.4.2
-* Copyright (c) 2012 - 2017 GitHub, Inc.
-* Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
-*/
-.cm-s-github-light.CodeMirror {
- color: var(--codeMirror-fgColor);
- background: var(--codeMirror-bgColor);
-}
+ .col-lg-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.cm-s-github-light .CodeMirror-gutters {
- background: var(--codeMirror-gutters-bgColor);
- border-right-width: 0;
-}
+ .col-lg-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.cm-s-github-light .CodeMirror-guttermarker {
- color: var(--codeMirror-gutterMarker-fgColor-default);
-}
+ .col-lg-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.cm-s-github-light .CodeMirror-guttermarker-subtle {
- color: var(--codeMirror-gutterMarker-fgColor-muted);
-}
+ .col-lg-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.cm-s-github-light .CodeMirror-scrollbar-filler,
-.cm-s-github-light .CodeMirror-gutter-filler {
- background-color: transparent;
-}
+ .col-lg-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.cm-s-github-light .CodeMirror-linenumber {
- padding: 0 var(--base-size-16) 0 var(--base-size-16);
- color: var(--codeMirror-lineNumber-fgColor);
-}
+ .col-lg-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.cm-s-github-light .CodeMirror-cursor {
- border-left: var(--borderWidth-thin) solid var(--codeMirror-cursor-fgColor);
-}
+ .col-lg-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.cm-s-github-light.CodeMirror-focused .CodeMirror-selected,
-.cm-s-github-light .CodeMirror-line::selection,
-.cm-s-github-light .CodeMirror-line > span::selection,
-.cm-s-github-light .CodeMirror-line > span > span::selection {
- background: var(--codeMirror-selection-bgColor, var(--color-codemirror-selection-bg, #d7d4f0));
-}
+ .col-lg-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.cm-s-github-light .CodeMirror-line > span::-moz-selection,
-.cm-s-github-light .CodeMirror-line > span > span::-moz-selection {
- background: var(--codeMirror-selection-bgColor, var(--color-codemirror-selection-bg, #d7d4f0));
-}
+ .col-lg-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.cm-s-github-light .CodeMirror-activeline-background {
- background: var(--codeMirror-activeline-bgColor);
-}
+ .col-lg-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.cm-s-github-light .CodeMirror-matchingbracket {
- color: var(--codeMirror-matchingBracket-fgColor) !important;
- text-decoration: underline;
-}
+ .col-lg-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.cm-s-github-light .CodeMirror-lines {
- font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
- font-size: 12px;
- line-height: 1.5;
- background: var(--codeMirror-lines-bgColor);
-}
+ .col-lg-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.react-code-view-edit .CodeMirror,
-.react-code-view-edit .CodeMirror-scroll {
- display: flex;
- flex-direction: column;
- flex: 1 1 auto;
-}
+ .offset-lg-0 {
+ margin-left: 0;
+ }
-.react-code-view-edit .cm-s-github-light .CodeMirror-lines {
- padding-top: var(--base-size-8);
- font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
- line-height: 20px;
-}
+ .offset-lg-1 {
+ margin-left: 8.33333333%;
+ }
-.react-code-view-edit .cm-s-github-light .CodeMirror-line,
-.react-code-view-edit .cm-s-github-light .CodeMirror-placeholder {
- padding-left: var(--base-size-16);
-}
+ .offset-lg-2 {
+ margin-left: 16.66666667%;
+ }
-.cm-s-github-light .cm-comment {
- color: var(--codeMirror-syntax-fgColor-comment);
-}
+ .offset-lg-3 {
+ margin-left: 25%;
+ }
-.cm-s-github-light .cm-constant {
- color: var(--codeMirror-syntax-fgColor-constant);
-}
+ .offset-lg-4 {
+ margin-left: 33.33333333%;
+ }
-.cm-s-github-light .cm-entity {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-entity);
- text-decoration: none;
-}
+ .offset-lg-5 {
+ margin-left: 41.66666667%;
+ }
-.cm-s-github-light .cm-keyword {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-keyword);
- text-decoration: none;
-}
+ .offset-lg-6 {
+ margin-left: 50%;
+ }
-.cm-s-github-light .cm-storage {
- color: var(--codeMirror-syntax-fgColor-storage);
-}
+ .offset-lg-7 {
+ margin-left: 58.33333333%;
+ }
-.cm-s-github-light .cm-string {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-string);
- text-decoration: none;
-}
+ .offset-lg-8 {
+ margin-left: 66.66666667%;
+ }
-.cm-s-github-light .cm-support {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-support);
- text-decoration: none;
-}
+ .offset-lg-9 {
+ margin-left: 75%;
+ }
-.cm-s-github-light .cm-variable {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-variable);
- text-decoration: none;
-}
+ .offset-lg-10 {
+ margin-left: 83.33333333%;
+ }
-details-dialog {
- position: fixed;
- margin: 10vh auto;
- top: 0;
- left: 50%;
- transform: translateX(-50%);
- z-index: 999;
- max-height: 80vh;
- max-width: 90vw;
- width: 448px;
- overflow: auto;
-}
+ .offset-lg-11 {
+ margin-left: 91.66666667%;
+ }
-.user-select-contain {
- -webkit-user-select: contain;
- user-select: contain;
-}
+ .g-lg-0,
+ .gx-lg-0 {
+ --bs-gutter-x: 0;
+ }
-.ajax-pagination-form .ajax-pagination-btn {
- width: 100%;
- padding: 6px;
- margin-top: var(--base-size-20);
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-accent);
- background: var(--bgColor-default);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .g-lg-0,
+ .gy-lg-0 {
+ --bs-gutter-y: 0;
+ }
-.ajax-pagination-form .ajax-pagination-btn:hover,
-.ajax-pagination-form .ajax-pagination-btn:focus {
- color: var(--fgColor-accent);
- background-color: var(--bgColor-muted);
-}
+ .g-lg-1,
+ .gx-lg-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.ajax-pagination-form.loading .ajax-pagination-btn {
- text-indent: -3000px;
- background-color: var(--bgColor-muted);
- background-image: url('/assets/octocat-spinner-16px-EAF2F5-8b50b1cd56db.gif');
- background-repeat: no-repeat;
- background-position: center center;
- border-color: var(--borderColor-default);
-}
+ .g-lg-1,
+ .gy-lg-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-@media only screen and (-moz-min-device-pixel-ratio: 2),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 192dpi),
- only screen and (min-resolution: 2dppx) {
- .ajax-pagination-form.loading .ajax-pagination-btn {
- background-image: url('/assets/octocat-spinner-32-EAF2F5-ada8eb30dd92.gif');
- background-size: 16px auto;
+ .g-lg-2,
+ .gx-lg-2 {
+ --bs-gutter-x: 0.5rem;
}
-}
-body [role='button']:focus:not(:focus-visible),
-body [role='tabpanel'][tabindex='0']:focus:not(:focus-visible),
-body button:focus:not(:focus-visible),
-body summary:focus:not(:focus-visible),
-body a:focus:not(:focus-visible) {
- outline: none;
- box-shadow: none;
-}
+ .g-lg-2,
+ .gy-lg-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-body [tabindex='0']:focus:not(:focus-visible),
-body details-dialog:focus:not(:focus-visible) {
- outline: none;
-}
+ .g-lg-3,
+ .gx-lg-3 {
+ --bs-gutter-x: 1rem;
+ }
-.CodeMirror {
- height: calc(100vh - 1px);
-}
+ .g-lg-3,
+ .gy-lg-3 {
+ --bs-gutter-y: 1rem;
+ }
-.file-editor-upload {
- height: 100%;
-}
+ .g-lg-4,
+ .gx-lg-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.issue-template-editor {
- height: 100%;
-}
+ .g-lg-4,
+ .gy-lg-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.file-editor-textarea {
- width: 100%;
- padding: 5px var(--base-size-4);
- font: 12px
- var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
- resize: vertical;
- border: 0;
- border-radius: 0;
- outline: none;
-}
+ .g-lg-5,
+ .gx-lg-5 {
+ --bs-gutter-x: 3rem;
+ }
-.container-preview .tabnav-tabs {
- margin: -5px 0 -5px -9px;
+ .g-lg-5,
+ .gy-lg-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 1200px) {
+ .col-xl {
+ flex: 1 0 0%;
+ }
-.container-preview .tabnav-tabs .tabnav-tab {
- padding: var(--base-size-12) var(--base-size-16);
- border-radius: 0;
-}
+ .row-cols-xl-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.container-preview .tabnav-tabs > .selected:first-child {
- border-top-left-radius: var(--borderRadius-medium);
-}
+ .row-cols-xl-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.container-preview .tabnav-tabs .selected {
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .row-cols-xl-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.container-preview.template-editor .commit-create,
-.container-preview.template-editor .file-actions {
- display: block;
-}
+ .row-cols-xl-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.container-preview.template-editor .show-code,
-.container-preview.template-editor .commit-preview,
-.container-preview.template-editor .loading-preview-msg,
-.container-preview.template-editor .no-changes-preview-msg,
-.container-preview.template-editor .error-preview-msg {
- display: none !important;
-}
+ .row-cols-xl-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.container-preview.render-editor .commit-create,
-.container-preview.render-editor .file-actions {
- display: block;
-}
+ .row-cols-xl-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.container-preview.render-editor .template-editor,
-.container-preview.render-editor .show-code,
-.container-preview.render-editor .commit-preview,
-.container-preview.render-editor .loading-preview-msg,
-.container-preview.render-editor .no-changes-preview-msg,
-.container-preview.render-editor .error-preview-msg {
- display: none !important;
-}
+ .row-cols-xl-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.container-preview.show-code .commit-create,
-.container-preview.show-code .file-actions {
- display: block;
-}
+ .col-xl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.container-preview.show-code .template-editor,
-.container-preview.show-code .render-editor,
-.container-preview.show-code .commit-preview,
-.container-preview.show-code .loading-preview-msg,
-.container-preview.show-code .no-changes-preview-msg,
-.container-preview.show-code .error-preview-msg {
- display: none !important;
-}
+ .col-xl-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.container-preview:not(.show-code) .commit-create,
-.container-preview:not(.show-code) .file-actions {
- display: none !important;
-}
+ .col-xl-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.container-preview.loading-preview .loading-preview-msg {
- display: block;
-}
+ .col-xl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.container-preview.loading-preview .template-editor,
-.container-preview.loading-preview .render-editor,
-.container-preview.loading-preview .no-changes-preview-msg,
-.container-preview.loading-preview .error-preview-msg,
-.container-preview.loading-preview .commit-preview {
- display: none !important;
-}
+ .col-xl-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.container-preview.show-preview .commit-preview {
- display: block;
-}
+ .col-xl-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.container-preview.show-preview .template-editor,
-.container-preview.show-preview .render-editor,
-.container-preview.show-preview .loading-preview-msg,
-.container-preview.show-preview .no-changes-preview-msg,
-.container-preview.show-preview .error-preview-msg {
- display: none !important;
-}
+ .col-xl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.container-preview.no-changes-preview .no-changes-preview-msg {
- display: block;
-}
+ .col-xl-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.container-preview.no-changes-preview .template-editor,
-.container-preview.no-changes-preview .render-editor,
-.container-preview.no-changes-preview .loading-preview-msg,
-.container-preview.no-changes-preview .error-preview-msg,
-.container-preview.no-changes-preview .commit-preview {
- display: none !important;
-}
+ .col-xl-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.container-preview.error-preview .error-preview-msg {
- display: block;
-}
+ .col-xl-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.container-preview.error-preview .template-editor,
-.container-preview.error-preview .render-editor,
-.container-preview.error-preview .loading-preview-msg,
-.container-preview.error-preview .no-changes-preview-msg,
-.container-preview.error-preview .commit-preview {
- display: none !important;
-}
+ .col-xl-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.container-preview p.preview-msg {
- padding: 30px;
- font-size: 16px;
-}
+ .col-xl-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.CodeMirror-merge-header {
- height: 30px;
-}
+ .col-xl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-merge-header .CodeMirror-merge-pane {
- height: 30px;
- line-height: 30px;
-}
+ .offset-xl-0 {
+ margin-left: 0;
+ }
-.cm-s-github-light .merge-gutter {
- width: 14px;
-}
+ .offset-xl-1 {
+ margin-left: 8.33333333%;
+ }
-.conflict-background + .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
- background-color: var(--bgColor-attention-muted);
-}
+ .offset-xl-2 {
+ margin-left: 16.66666667%;
+ }
-.commit-create .CodeMirror {
- padding-top: var(--base-size-8);
-}
+ .offset-xl-3 {
+ margin-left: 25%;
+ }
-auto-complete,
-details-dialog,
-details-menu,
-file-attachment,
-filter-input,
-remote-input,
-tab-container,
-text-expander,
-turbo-frame,
-[data-catalyst] {
- display: block;
-}
+ .offset-xl-4 {
+ margin-left: 33.33333333%;
+ }
-[data-catalyst-inline] {
- display: inline;
-}
+ .offset-xl-5 {
+ margin-left: 41.66666667%;
+ }
-[data-catalyst-grid] {
- display: grid;
-}
+ .offset-xl-6 {
+ margin-left: 50%;
+ }
-.Details--on .Details-content--shown {
- display: none !important;
-}
+ .offset-xl-7 {
+ margin-left: 58.33333333%;
+ }
-.Details:not(.Details--on) .Details-content--hidden {
- display: none !important;
-}
+ .offset-xl-8 {
+ margin-left: 66.66666667%;
+ }
-.Details:not(.Details--on) .Details-content--hidden-not-important {
- display: none;
-}
+ .offset-xl-9 {
+ margin-left: 75%;
+ }
-.Details-element[open] > summary .Details-content--closed {
- display: none !important;
-}
+ .offset-xl-10 {
+ margin-left: 83.33333333%;
+ }
-.Details-element:not([open]) > summary .Details-content--open {
- display: none !important;
-}
+ .offset-xl-11 {
+ margin-left: 91.66666667%;
+ }
-g-emoji {
- display: inline-block;
- min-width: 1ch;
- font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
- font-size: 1em;
- font-style: normal !important;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1;
- vertical-align: -0.075em;
-}
+ .g-xl-0,
+ .gx-xl-0 {
+ --bs-gutter-x: 0;
+ }
-g-emoji img {
- width: 1em;
- height: 1em;
-}
+ .g-xl-0,
+ .gy-xl-0 {
+ --bs-gutter-y: 0;
+ }
-.emoji-icon {
- display: inline-block;
- width: 20px;
- height: 20px;
- vertical-align: middle;
- background-repeat: no-repeat;
- background-size: 20px 20px;
-}
+ .g-xl-1,
+ .gx-xl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.emoji-result {
- display: inline-block;
- height: 20px;
- font-size: 16px;
- font-weight: var(--base-text-weight-normal, 400);
- vertical-align: middle;
-}
+ .g-xl-1,
+ .gy-xl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.gollum-editor .comment-form-head.tabnav {
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
-}
+ .g-xl-2,
+ .gx-xl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.gollum-editor .gollum-editor-body {
- height: 390px;
- resize: vertical;
-}
+ .g-xl-2,
+ .gy-xl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.active .gollum-editor-function-buttons {
- display: block !important;
-}
+ .g-xl-3,
+ .gx-xl-3 {
+ --bs-gutter-x: 1rem;
+ }
-.auth-form {
- width: 320px;
- margin: 0 auto;
-}
+ .g-xl-3,
+ .gy-xl-3 {
+ --bs-gutter-y: 1rem;
+ }
-.auth-form .form-group.warn .warning,
-.auth-form .form-group.warn .error,
-.auth-form .form-group.errored .warning,
-.auth-form .form-group.errored .error {
- max-width: 274px;
-}
+ .g-xl-4,
+ .gx-xl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.auth-form-wide {
- width: 440px;
- margin: 0 auto;
-}
+ .g-xl-4,
+ .gy-xl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.auth-form-wide .form-group.warn .warning,
-.auth-form-wide .form-group.warn .error,
-.auth-form-wide .form-group.errored .warning,
-.auth-form-wide .form-group.errored .error {
- max-width: 274px;
-}
+ .g-xl-5,
+ .gx-xl-5 {
+ --bs-gutter-x: 3rem;
+ }
-.auth-form-header {
- padding: var(--base-size-8) var(--base-size-16);
- margin: 0;
- color: #fff;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
- background-color: #829aa8;
- border: var(--borderWidth-thin) solid #768995;
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+ .g-xl-5,
+ .gy-xl-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 1400px) {
+ .col-xxl {
+ flex: 1 0 0%;
+ }
-.auth-form-header h1 {
- font-size: 16px;
-}
+ .row-cols-xxl-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.auth-form-header h1 a {
- color: #fff;
-}
+ .row-cols-xxl-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.auth-form-header .octicon {
- position: absolute;
- top: 10px;
- right: var(--base-size-20);
- color: rgba(0, 0, 0, 0.4);
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
-}
+ .row-cols-xxl-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.auth-form-header .Overlay .octicon {
- position: static;
-}
+ .row-cols-xxl-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.inactive-user-avatar {
- filter: grayscale(1);
-}
+ .row-cols-xxl-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.auth-divider {
- display: flex;
- flex-basis: 100%;
- align-items: center;
-}
+ .row-cols-xxl-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.auth-divider::before,
-.auth-divider::after {
- position: relative;
- display: inline-block;
- width: 50%;
- height: 1px;
- vertical-align: middle;
- content: '';
- background-color: var(--borderColor-default);
-}
+ .row-cols-xxl-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.auth-divider::before {
- right: 0.5em;
-}
+ .col-xxl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.auth-divider::after {
- left: 0.5em;
-}
+ .col-xxl-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.auth-form-message {
- max-height: 140px;
- padding: var(--base-size-16) var(--base-size-16) var(--base-size-8);
- overflow-y: scroll;
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .col-xxl-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.auth-form-message ol,
-.auth-form-message ul {
- padding-left: inherit;
- margin-bottom: inherit;
-}
+ .col-xxl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.auth-form-body {
- font-size: 14px;
- padding: var(--base-size-16);
- background-color: var(--bgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-top: 0;
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
-}
+ .col-xxl-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.auth-form-body .input-block {
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-16);
-}
+ .col-xxl-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.auth-form-body p {
- margin-bottom: 0;
-}
+ .col-xxl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.auth-form-body ol,
-.auth-form-body ul {
- padding-left: inherit;
- margin-bottom: inherit;
-}
+ .col-xxl-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.auth-form-captcha {
- font-size: 14px;
-}
+ .col-xxl-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-@media (min-width: 544px) {
- .auth-form-captcha {
- padding: var(--base-size-16);
- background-color: var(--bgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-top: 0;
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
+ .col-xxl-9 {
+ flex: 0 0 auto;
+ width: 75%;
}
-}
-.auth-form-captcha .input-block {
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-16);
-}
+ .col-xxl-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.auth-form-captcha p {
- margin-bottom: 0;
-}
+ .col-xxl-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.auth-form-captcha ol,
-.auth-form-captcha ul {
- padding-left: inherit;
- margin-bottom: inherit;
-}
+ .col-xxl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.two-factor-help {
- position: relative;
- padding: var(--base-size-8) var(--base-size-8) var(--base-size-8) var(--base-size-32);
- margin: 60px 0 auto auto;
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .offset-xxl-0 {
+ margin-left: 0;
+ }
-.two-factor-help h4 {
- margin-top: 0;
- margin-bottom: var(--base-size-4);
-}
+ .offset-xxl-1 {
+ margin-left: 8.33333333%;
+ }
-.two-factor-help .octicon-device-mobile,
-.two-factor-help .octicon-key,
-.two-factor-help .octicon-shield-lock,
-.two-factor-help .octicon-circle-slash {
- position: absolute;
- top: 10px;
- left: 10px;
-}
+ .offset-xxl-2 {
+ margin-left: 16.66666667%;
+ }
-.sms-send-code-spinner {
- position: relative;
- bottom: 2px;
- display: none;
- vertical-align: bottom;
-}
+ .offset-xxl-3 {
+ margin-left: 25%;
+ }
-.loading .sms-send-code-spinner {
- display: inline;
-}
+ .offset-xxl-4 {
+ margin-left: 33.33333333%;
+ }
-.auth-form-body .webauthn-form-body {
- padding: 0;
-}
+ .offset-xxl-5 {
+ margin-left: 41.66666667%;
+ }
-.webauthn-form-body {
- padding: var(--base-size-32) var(--base-size-32) var(--base-size-16);
- text-align: center;
-}
+ .offset-xxl-6 {
+ margin-left: 50%;
+ }
-.webauthn-form-body button {
- margin-top: var(--base-size-16);
-}
+ .offset-xxl-7 {
+ margin-left: 58.33333333%;
+ }
-.flash.sms-error,
-.flash.sms-success {
- display: none;
- margin: 0 0 var(--base-size-8);
-}
+ .offset-xxl-8 {
+ margin-left: 66.66666667%;
+ }
-.is-sent .sms-success {
- display: block;
-}
+ .offset-xxl-9 {
+ margin-left: 75%;
+ }
-.is-sent .sms-error {
- display: none;
-}
+ .offset-xxl-10 {
+ margin-left: 83.33333333%;
+ }
-.is-not-sent .sms-success {
- display: none;
-}
+ .offset-xxl-11 {
+ margin-left: 91.66666667%;
+ }
-.is-not-sent .sms-error {
- display: block;
-}
+ .g-xxl-0,
+ .gx-xxl-0 {
+ --bs-gutter-x: 0;
+ }
-.session-authentication {
- background-color: var(--bgColor-default);
-}
+ .g-xxl-0,
+ .gy-xxl-0 {
+ --bs-gutter-y: 0;
+ }
-.session-authentication .header-logged-out {
- background-color: transparent;
- border-bottom: 0;
-}
+ .g-xxl-1,
+ .gx-xxl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.session-authentication .header-logo {
- color: var(--fgColor-default);
-}
+ .g-xxl-1,
+ .gy-xxl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.session-authentication .flash {
- padding: var(--base-size-16) var(--base-size-16);
- margin: 0 auto;
- margin-bottom: var(--base-size-8);
- font-size: 14px;
- border-style: solid;
- border-width: var(--borderWidth-thin);
- border-radius: var(--borderRadius-medium);
-}
+ .g-xxl-2,
+ .gx-xxl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.session-authentication .flash .container {
- width: auto;
-}
+ .g-xxl-2,
+ .gy-xxl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.session-authentication .flash .flash-close {
- height: 30px;
-}
+ .g-xxl-3,
+ .gx-xxl-3 {
+ --bs-gutter-x: 1rem;
+ }
+
+ .g-xxl-3,
+ .gy-xxl-3 {
+ --bs-gutter-y: 1rem;
+ }
+
+ .g-xxl-4,
+ .gx-xxl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+
+ .g-xxl-4,
+ .gy-xxl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+
+ .g-xxl-5,
+ .gx-xxl-5 {
+ --bs-gutter-x: 3rem;
+ }
-.session-authentication .flash.flash-banner {
+ .g-xxl-5,
+ .gy-xxl-5 {
+ --bs-gutter-y: 3rem;
+ }
+}
+.table {
+ --bs-table-bg: transparent;
+ --bs-table-accent-bg: transparent;
+ --bs-table-striped-color: #212529;
+ --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
+ --bs-table-active-color: #212529;
+ --bs-table-active-bg: rgba(0, 0, 0, 0.1);
+ --bs-table-hover-color: #212529;
+ --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
- border-top: 0;
- border-right: 0;
- border-left: 0;
- border-radius: 0;
+ margin-bottom: 1rem;
+ color: #212529;
+ vertical-align: top;
+ border-color: #dee2e6;
+}
+.table > :not(caption) > * > * {
+ padding: 0.5rem 0.5rem;
+ background-color: var(--bs-table-bg);
+ border-bottom-width: 1px;
+ box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
+}
+.table > tbody {
+ vertical-align: inherit;
+}
+.table > thead {
+ vertical-align: bottom;
+}
+.table > :not(:first-child) {
+ border-top: 2px solid currentColor;
}
-.session-authentication .auth-form label {
- display: block;
- margin-bottom: var(--base-size-8);
- font-weight: var(--base-text-weight-normal, 400);
- text-align: left;
+.caption-top {
+ caption-side: top;
}
-.session-authentication .auth-form .btn {
- margin-top: var(--base-size-16);
+.table-sm > :not(caption) > * > * {
+ padding: 0.25rem 0.25rem;
}
-.session-authentication .auth-form .webauthn-message {
- margin-bottom: 0;
+.table-bordered > :not(caption) > * {
+ border-width: 1px 0;
+}
+.table-bordered > :not(caption) > * > * {
+ border-width: 0 1px;
}
-.session-authentication .label-link {
- float: right;
- font-size: 12px;
+.table-borderless > :not(caption) > * > * {
+ border-bottom-width: 0;
+}
+.table-borderless > :not(:first-child) {
+ border-top-width: 0;
}
-.session-authentication .auth-form-header {
- margin-bottom: var(--base-size-16);
- color: var(--fgColor-default);
- text-align: center;
- text-shadow: none;
- background-color: transparent;
- border: 0;
+.table-striped > tbody > tr:nth-of-type(odd) > * {
+ --bs-table-accent-bg: var(--bs-table-striped-bg);
+ color: var(--bs-table-striped-color);
}
-.session-authentication .auth-form-header h1 {
- font-size: 24px;
- font-weight: var(--base-text-weight-light, 300);
- letter-spacing: -0.5px;
+.table-active {
+ --bs-table-accent-bg: var(--bs-table-active-bg);
+ color: var(--bs-table-active-color);
}
-.session-authentication .auth-form-body {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
+.table-hover > tbody > tr:hover > * {
+ --bs-table-accent-bg: var(--bs-table-hover-bg);
+ color: var(--bs-table-hover-color);
}
-.session-authentication .auth-form-body.webauthn-form-body {
- padding: var(--base-size-16);
+.table-primary {
+ --bs-table-bg: #cfe2ff;
+ --bs-table-striped-bg: #c5d7f2;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #bacbe6;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #bfd1ec;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #bacbe6;
}
-@media (min-width: 544px) {
- .session-authentication .auth-form-captcha {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
- }
+.table-secondary {
+ --bs-table-bg: #e2e3e5;
+ --bs-table-striped-bg: #d7d8da;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #cbccce;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #d1d2d4;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #cbccce;
+}
- .session-authentication .auth-form-captcha.webauthn-form-body {
- padding: var(--base-size-16);
- }
+.table-success {
+ --bs-table-bg: #d1e7dd;
+ --bs-table-striped-bg: #c7dbd2;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #bcd0c7;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #c1d6cc;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #bcd0c7;
}
-.session-authentication .login-callout {
- padding: var(--base-size-16) var(--base-size-16);
- text-align: center;
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+.table-info {
+ --bs-table-bg: #cff4fc;
+ --bs-table-striped-bg: #c5e8ef;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #badce3;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #bfe2e9;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #badce3;
}
-.session-authentication .two-factor-help {
- padding: 0 0 0 var(--base-size-16);
- margin-top: var(--base-size-16);
- border: 0;
+.table-warning {
+ --bs-table-bg: #fff3cd;
+ --bs-table-striped-bg: #f2e7c3;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #e6dbb9;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #ece1be;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #e6dbb9;
}
-
-.session-authentication .two-factor-help .octicon-device-mobile,
-.session-authentication .two-factor-help .octicon-key,
-.session-authentication .two-factor-help .octicon-shield-lock,
-.session-authentication .two-factor-help .octicon-circle-slash {
- top: var(--base-size-4);
- left: 0;
+
+.table-danger {
+ --bs-table-bg: #f8d7da;
+ --bs-table-striped-bg: #eccccf;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #dfc2c4;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #e5c7ca;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #dfc2c4;
+}
+
+.table-light {
+ --bs-table-bg: #f8f9fa;
+ --bs-table-striped-bg: #ecedee;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #dfe0e1;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #e5e6e7;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #dfe0e1;
+}
+
+.table-dark {
+ --bs-table-bg: #212529;
+ --bs-table-striped-bg: #2c3034;
+ --bs-table-striped-color: #fff;
+ --bs-table-active-bg: #373b3e;
+ --bs-table-active-color: #fff;
+ --bs-table-hover-bg: #323539;
+ --bs-table-hover-color: #fff;
+ color: #fff;
+ border-color: #373b3e;
}
-.session-authentication.enterprise .header-logged-out {
- padding: var(--base-size-48) 0 var(--base-size-24);
- background-color: transparent;
+.table-responsive {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
}
-.session-authentication.hosted .header-logged-out {
- padding: var(--base-size-40) 0 var(--base-size-16);
- background-color: transparent;
+@media (max-width: 575.98px) {
+ .table-responsive-sm {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-.session-authentication .notification-shelf {
- display: none;
+@media (max-width: 767.98px) {
+ .table-responsive-md {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-.two-factor-recovery-modal-prompt.fit-in-box .Button-content,
-.two-factor-recovery-modal-prompt.fit-in-box .Button-label {
- display: block;
- width: 254px;
- text-align: left;
- white-space: normal;
+@media (max-width: 991.98px) {
+ .table-responsive-lg {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-#recovery-dialog #recovery-dialog-title {
- font-size: 20px;
- text-align: center;
+@media (max-width: 1199.98px) {
+ .table-responsive-xl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-#recovery-dialog #recovery-dialog-description {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- word-wrap: normal;
- border: 0;
+@media (max-width: 1399.98px) {
+ .table-responsive-xxl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-.switch-account-popover-body {
- width: auto;
- min-width: 250px;
- max-width: 350px;
+.form-label {
+ margin-bottom: 0.5rem;
}
-.switch-account-popover-body::before,
-.switch-account-popover-body::after {
- display: none;
+.col-form-label {
+ padding-top: calc(0.375rem + 1px);
+ padding-bottom: calc(0.375rem + 1px);
+ margin-bottom: 0;
+ font-size: inherit;
+ line-height: 1.5;
}
-.switch-account-popover-row {
- width: 100%;
- padding: 0;
- background-color: transparent;
+.col-form-label-lg {
+ padding-top: calc(0.5rem + 1px);
+ padding-bottom: calc(0.5rem + 1px);
+ font-size: 1.25rem;
}
-.switch-account-popover-row:hover {
- color: var(--fgColor-onEmphasis);
- cursor: pointer;
- background-color: var(--bgColor-accent-emphasis);
+.col-form-label-sm {
+ padding-top: calc(0.25rem + 1px);
+ padding-bottom: calc(0.25rem + 1px);
+ font-size: 0.875rem;
}
-@media (prefers-reduced-motion: no-preference) {
- .HeaderMktg-backdrop,
- .HeaderMenu,
- .HeaderMenu-link,
- .HeaderMenu-toggle-bar,
- .HeaderMenu-icon,
- .HeaderMenu-dropdown,
- .HeaderMenu-external-icon,
- .HeaderMktg.header-logged-out::before,
- .HeaderMktg .search-input {
- transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
- transition-duration: 500ms;
- transition-property: opacity, transform;
- }
-}
-
-.HeaderMktg {
- position: relative;
- z-index: 32;
- padding-top: var(--base-size-12);
- padding-bottom: var(--base-size-12);
- color: var(--fgColor-white);
- background-color: var(--header-bgColor);
+.form-text {
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #6c757d;
}
-.server-stats + .HeaderMktg {
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.075);
+.form-control {
+ display: block;
+ width: 100%;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ced4da;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ border-radius: 0.25rem;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
-
-.HeaderMktg .dropdown-menu {
- width: 300px;
+@media (prefers-reduced-motion: reduce) {
+ .form-control {
+ transition: none;
+ }
}
-
-.HeaderMktg .notification-indicator:hover::after {
- content: none;
+.form-control[type='file'] {
+ overflow: hidden;
}
-
-@media (min-width: 1012px) {
- .HeaderMktg .notification-indicator:hover::after {
- content: attr(aria-label);
- }
+.form-control[type='file']:not(:disabled):not([readonly]) {
+ cursor: pointer;
}
-
-.HeaderMenu-toggle-bar {
- width: 22px;
- height: 2px;
- background-color: var(--fgColor-onEmphasis);
+.form-control:focus {
+ color: #212529;
+ background-color: #fff;
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu-toggle-bar:nth-of-type(1) {
- transform-origin: bottom right;
+.form-control::-webkit-date-and-time-value {
+ height: 1.5em;
}
-
-.HeaderMenu-toggle-bar:nth-of-type(3) {
- transform-origin: top right;
+.form-control::-moz-placeholder {
+ color: #6c757d;
+ opacity: 1;
}
-
-.open .HeaderMenu-toggle-bar:nth-of-type(1) {
- transform: rotate(-45deg) translateY(-3px);
+.form-control::placeholder {
+ color: #6c757d;
+ opacity: 1;
}
-
-.open .HeaderMenu-toggle-bar:nth-of-type(2) {
- opacity: 0;
- transform: scale(0);
+.form-control:disabled,
+.form-control[readonly] {
+ background-color: #e9ecef;
+ opacity: 1;
}
-
-.open .HeaderMenu-toggle-bar:nth-of-type(3) {
- transform: rotate(45deg) translateY(3px);
+.form-control::-webkit-file-upload-button {
+ padding: 0.375rem 0.75rem;
+ margin: -0.375rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.75rem;
+ color: #212529;
+ background-color: #e9ecef;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+.form-control::file-selector-button {
+ padding: 0.375rem 0.75rem;
+ margin: -0.375rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.75rem;
+ color: #212529;
+ background-color: #e9ecef;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
}
-
-@media (max-width: 1011px) {
- body:has(.header-logged-out.open) {
- height: 100%;
- overflow: hidden;
- }
-
- .HeaderMktg-backdrop {
- visibility: hidden;
- background: var(--overlay-backdrop-bgColor);
- opacity: 0;
+@media (prefers-reduced-motion: reduce) {
+ .form-control::-webkit-file-upload-button {
+ -webkit-transition: none;
+ transition: none;
}
-
- .open .HeaderMktg-backdrop {
- visibility: visible;
- opacity: 1;
+ .form-control::file-selector-button {
+ transition: none;
}
}
-
-@media (max-width: 1011px) {
- .open .HeaderMktg-backdrop {
- background: var(--header-bgColor) !important;
- -webkit-backdrop-filter: none;
- backdrop-filter: none;
- }
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+ background-color: #dde0e3;
}
-
-.HeaderMenu {
- z-index: 100;
- width: 100%;
- padding-top: 68px;
- pointer-events: none;
- contain: layout;
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+ background-color: #dde0e3;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu {
- width: auto;
- padding: 0 !important;
+.form-control::-webkit-file-upload-button {
+ padding: 0.375rem 0.75rem;
+ margin: -0.375rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.75rem;
+ color: #212529;
+ background-color: #e9ecef;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-control::-webkit-file-upload-button {
+ -webkit-transition: none;
transition: none;
}
}
-
-.HeaderMenu .HeaderMenu-link--sign-in:focus {
- outline-offset: var(--base-size-4);
-}
-
-@media (max-width: 1011px) {
- .HeaderMenu {
- position: fixed;
- display: flex;
- height: 100%;
- transform-origin: top center;
- }
-
- .header-logged-out:not(.open) .HeaderMenu {
- position: absolute;
- visibility: hidden;
- opacity: 0;
- transform: translateX(-12px);
- }
-
- .header-logged-out:not(.open) .HeaderMenu::before {
- opacity: 0;
- }
-
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-up,
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-up:hover,
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-in,
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-in:hover {
- color: var(--fgColor-onEmphasis) !important;
- background-color: var(--bgColor-emphasis);
- border-color: var(--bgColor-emphasis) !important;
- opacity: 1;
- }
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+ background-color: #dde0e3;
}
-.HeaderMenu .HeaderMenu-wrapper {
+.form-control-plaintext {
+ display: block;
width: 100%;
- height: 100%;
- overflow: auto;
- pointer-events: auto;
- background-color: var(--bgColor-default);
- box-shadow: var(--shadow-floating-small);
+ padding: 0.375rem 0;
+ margin-bottom: 0;
+ line-height: 1.5;
+ color: #212529;
+ background-color: transparent;
+ border: solid transparent;
+ border-width: 1px 0;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu .HeaderMenu-wrapper {
- padding: var(--base-size-20) var(--base-size-28) var(--base-size-36);
- border-top-left-radius: var(--base-size-12) !important;
- border-top-right-radius: var(--base-size-12) !important;
- border-bottom-right-radius: 0 !important;
- border-bottom-left-radius: 0 !important;
- }
+.form-control-plaintext.form-control-sm,
+.form-control-plaintext.form-control-lg {
+ padding-right: 0;
+ padding-left: 0;
}
-@media (min-width: 1012px) {
- .HeaderMenu .HeaderMenu-wrapper {
- width: 100%;
- overflow: visible;
- background-color: transparent;
- box-shadow: none;
- }
+.form-control-sm {
+ min-height: calc(1.5em + 0.5rem + 2px);
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu .HeaderMenu-link {
- padding: var(--base-size-12) 0;
- font-weight: var(--base-text-weight-semibold, 600);
- }
+.form-control-sm::-webkit-file-upload-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
}
-
-.HeaderMenu .jump-to-suggestions {
- top: 100%;
+.form-control-sm::file-selector-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
}
-
-.HeaderMenu .header-search-key-slash {
- margin-right: var(--base-size-8) !important;
+.form-control-sm::-webkit-file-upload-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
}
-@media (max-width: 1012px) {
- .HeaderMenu .header-search-key-slash {
- display: none;
- }
+.form-control-lg {
+ min-height: calc(1.5em + 1rem + 2px);
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-
-.HeaderMenu .dropdown-menu {
- position: static;
- z-index: 0;
- width: auto;
- border: 0 solid transparent;
- box-shadow: none;
+.form-control-lg::-webkit-file-upload-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
}
-
-.HeaderMenu .dropdown-menu::before,
-.HeaderMenu .dropdown-menu::after {
- display: none;
+.form-control-lg::file-selector-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .dropdown-menu {
- position: absolute;
- width: 320px;
- border: 0;
- box-shadow: var(--shadow-floating-small);
- }
-
- .HeaderMenu .dropdown-menu::before,
- .HeaderMenu .dropdown-menu::after {
- content: '';
- }
-
- .HeaderMenu .dropdown-menu.dropdown-menu-wide {
- width: 520px;
- }
+.form-control-lg::-webkit-file-upload-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
}
-.HeaderMenu .dropdown-menu-s {
- transform: none;
+textarea.form-control {
+ min-height: calc(1.5em + 0.75rem + 2px);
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .dropdown-menu-s {
- transform: translateX(50%);
- }
+textarea.form-control-sm {
+ min-height: calc(1.5em + 0.5rem + 2px);
}
-
-.HeaderMenu .header-search-wrapper {
- border-color: var(--borderColor-muted);
+textarea.form-control-lg {
+ min-height: calc(1.5em + 1rem + 2px);
}
-@media (min-width: 1012px) {
- .HeaderMenu .header-search-wrapper {
- border-color: var(--headerSearch-borderColor);
- }
+.form-control-color {
+ width: 3rem;
+ height: auto;
+ padding: 0.375rem;
}
-
-@media (max-width: 1012px) {
- .HeaderMenu .header-search-wrapper {
- background-color: var(--bgColor-muted);
- }
+.form-control-color:not(:disabled):not([readonly]) {
+ cursor: pointer;
}
-
-.HeaderMenu-button {
- height: 32px;
- padding-right: var(--base-size-12) !important;
- padding-left: var(--base-size-12) !important;
- font-size: var(--h5-size);
- line-height: 1;
- align-items: center;
- justify-content: center;
+.form-control-color::-moz-color-swatch {
+ height: 1.5em;
+ border-radius: 0.25rem;
}
-
-@media screen and (max-width: 1011px) {
- .HeaderMenu-button {
- font-weight: 500;
- }
+.form-control-color::-webkit-color-swatch {
+ height: 1.5em;
+ border-radius: 0.25rem;
}
-@media screen and (max-width: 1011px) {
- .HeaderMenu-button.HeaderMenu-link--sign-up {
- height: var(--base-size-40);
- font-size: var(--h4-size) !important;
+.form-select {
+ display: block;
+ width: 100%;
+ padding: 0.375rem 2.25rem 0.375rem 0.75rem;
+ -moz-padding-start: calc(0.75rem - 3px);
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ background-color: #fff;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right 0.75rem center;
+ background-size: 16px 12px;
+ border: 1px solid #ced4da;
+ border-radius: 0.25rem;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-select {
+ transition: none;
}
}
-
-.HeaderMenu-link {
- color: var(--fgColor-default);
- white-space: nowrap;
- background: transparent;
+.form-select:focus {
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu-link:hover {
- color: var(--fgColor-default);
+.form-select[multiple],
+.form-select[size]:not([size='1']) {
+ padding-right: 0.75rem;
+ background-image: none;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-link {
- color: var(--fgColor-white);
- }
-
- .HeaderMenu-link:hover {
- color: var(--fgColor-white);
- opacity: 0.75;
- }
+.form-select:disabled {
+ background-color: #e9ecef;
}
-
-.HeaderMenu-trailing-link {
- width: 100%;
- background-color: #eaeef2;
+.form-select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 #212529;
}
-.HeaderMenu-trailing-link a {
- color: #24292f;
+.form-select-sm {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ padding-left: 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-.HeaderMenu-trailing-link a .HeaderMenu-trailing-link-icon {
- margin-left: calc(var(--base-size-2) * -1);
- transition: transform 0.2s ease-in-out;
- transform: translateX(0);
+.form-select-lg {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ padding-left: 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-.HeaderMenu-trailing-link a:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
+.form-check {
+ display: block;
+ min-height: 1.5rem;
+ padding-left: 1.5em;
+ margin-bottom: 0.125rem;
}
-
-.HeaderMenu-trailing-link a:hover .HeaderMenu-trailing-link-icon {
- transform: translateX(2px);
+.form-check .form-check-input {
+ float: left;
+ margin-left: -1.5em;
}
-@media (max-width: 1011px) {
- .HeaderMenu-trailing-link {
- background-color: transparent;
- }
+.form-check-input {
+ width: 1em;
+ height: 1em;
+ margin-top: 0.25em;
+ vertical-align: top;
+ background-color: #fff;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: contain;
+ border: 1px solid rgba(0, 0, 0, 0.25);
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ -webkit-print-color-adjust: exact;
+ color-adjust: exact;
}
-
-.HeaderMenu-item .HeaderMenu-dropdown {
- visibility: hidden;
- opacity: 0;
- transform: scale(0.99) translateY(-0.7em);
- transform-origin: top;
+.form-check-input[type='checkbox'] {
+ border-radius: 0.25em;
}
-
-.HeaderMenu-item .HeaderMenu-dropdown .HeaderMenu-column {
- min-width: 200px;
+.form-check-input[type='radio'] {
+ border-radius: 50%;
}
-
-.HeaderMenu-item:hover .HeaderMenu-dropdown,
-.HeaderMenu-item.open .HeaderMenu-dropdown {
- visibility: visible;
- opacity: 1;
- transform: scale(1) translateY(0);
+.form-check-input:active {
+ filter: brightness(90%);
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-item:hover .HeaderMenu-icon,
- .HeaderMenu-item.open .HeaderMenu-icon {
- transform: translateY(2px);
- }
+.form-check-input:focus {
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-@media (max-width: 1011px) {
- .HeaderMenu-item .HeaderMenu-dropdown {
- background-color: transparent;
- }
-
- .HeaderMenu-item .HeaderMenu-icon {
- transform: scale(1.2);
- }
-
- .HeaderMenu-item:not(.open) .HeaderMenu-dropdown {
- position: fixed !important;
- }
-
- .HeaderMenu-item:not(.open) .HeaderMenu-icon {
- transform: rotate(-90deg) scale(1.2);
- }
-
- .HeaderMenu-item .HeaderMenu-link {
- font-size: var(--h3-size);
- }
+.form-check-input:checked {
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.HeaderMenu-dropdown-link:not(:hover):not(:focus) .HeaderMenu-external-icon {
- opacity: 0;
- transform: translateX(-0.5em);
+.form-check-input:checked[type='checkbox'] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-button-separator {
- width: var(--base-size-8);
- margin: 0 var(--base-size-8);
+.form-check-input:checked[type='radio'] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-button-separator::before {
- display: block;
- width: var(--borderWidth-thin);
- height: var(--base-size-20);
- margin: var(--base-size-4);
- content: '';
- background: #57606a;
+.form-check-input[type='checkbox']:indeterminate {
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-button-muted-outline {
- border-color: #57606a !important;
+.form-check-input:disabled {
+ pointer-events: none;
+ filter: none;
+ opacity: 0.5;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-link-wrap {
- margin-right: var(--base-size-12);
- }
+.form-check-input[disabled] ~ .form-check-label,
+.form-check-input:disabled ~ .form-check-label {
+ opacity: 0.5;
}
-@media (max-width: 1011px) {
- .HeaderMktg.header-logged-out::before {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- content: '';
- background-color: var(--header-bgColor);
- opacity: 0;
- }
-
- .HeaderMktg.header-logged-out.open::before {
- opacity: 1;
- }
+.form-switch {
+ padding-left: 2.5em;
}
-
-.HeaderMenu-dropdown-link {
- line-height: 1.4;
+.form-switch .form-check-input {
+ width: 2em;
+ margin-left: -2.5em;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
+ background-position: left center;
+ border-radius: 2em;
+ transition: background-position 0.15s ease-in-out;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu-dropdown-link.Link--has-description {
- padding-top: 10px !important;
- padding-bottom: 10px !important;
+@media (prefers-reduced-motion: reduce) {
+ .form-switch .form-check-input {
+ transition: none;
}
}
-
-.HeaderMenu-dropdown-link.Link--external {
- padding-right: var(--base-size-24);
+.form-switch .form-check-input:focus {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-dropdown-link.Link--external svg {
- position: absolute;
- margin-left: var(--base-size-4);
+.form-switch .form-check-input:checked {
+ background-position: right center;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
-.server-stats,
-.global-banner {
- position: relative;
- z-index: 36;
+.form-check-inline {
+ display: inline-block;
+ margin-right: 1rem;
}
-@media (max-width: 1011px) {
- [blackbird-search-active='true'] .server-stats,
- [blackbird-search-active='true'] .global-banner {
- z-index: 0;
- }
+.btn-check {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ pointer-events: none;
+}
+.btn-check[disabled] + .btn,
+.btn-check:disabled + .btn {
+ pointer-events: none;
+ filter: none;
+ opacity: 0.65;
}
-.HeaderMenu .search-input {
+.form-range {
width: 100%;
- max-width: 320px;
+ height: 1.5rem;
+ padding: 0;
+ background-color: transparent;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
}
-
-.HeaderMenu .search-input .search-input-container {
- margin-right: 0 !important;
+.form-range:focus {
+ outline: 0;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .search-input .search-input-container {
- position: static !important;
- }
-
- .HeaderMenu .search-input .search-input-container .search-suggestions {
- position: absolute !important;
- }
+.form-range:focus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu .search-input .header-search-button svg {
- display: block;
+.form-range:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu .search-input .header-search-button [data-target='qbsearch-input.inputButtonText'] {
- padding-top: var(--base-size-2);
+.form-range::-moz-focus-outer {
+ border: 0;
}
-
-@media screen and (max-width: 1011px) {
- .HeaderMenu .search-input {
- width: 100%;
- max-width: none;
- }
-
- .HeaderMenu .search-input .search-input-container {
- height: var(--base-size-40) !important;
- margin-bottom: var(--base-size-16) !important;
- margin-left: 0 !important;
- background-color: #f9fafb !important;
- border-color: var(--borderColor-muted) !important;
- }
-
- .HeaderMenu .search-input .header-search-button {
- color: var(--fgColor-muted);
- }
-
- .HeaderMenu .search-input .FormControl-input,
- .HeaderMenu .search-input .QueryBuilder-StyledInputContent {
- font-size: 16px !important;
- }
+.form-range::-webkit-slider-thumb {
+ width: 1rem;
+ height: 1rem;
+ margin-top: -0.25rem;
+ background-color: #0d6efd;
+ border: 0;
+ border-radius: 1rem;
+ -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ -webkit-appearance: none;
+ appearance: none;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .search-input .dark-backdrop {
- margin-top: calc(var(--base-size-16) * -1);
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-webkit-slider-thumb {
+ -webkit-transition: none;
+ transition: none;
}
}
-
-.HeaderMenu .search-input .Overlay {
- width: 0;
- min-width: 0;
- max-width: 0;
- height: 0;
- min-height: 0;
- max-height: 0;
- box-shadow: none;
+.form-range::-webkit-slider-thumb:active {
+ background-color: #b6d4fe;
}
-
-.HeaderMenu .search-input .dark-backdrop {
- background: var(--overlay-backdrop-bgColor);
+.form-range::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu .search-input .dark-backdrop {
- width: 100vw;
- height: 100vh;
- margin-top: 0;
- margin-left: 0;
+.form-range::-moz-range-thumb {
+ width: 1rem;
+ height: 1rem;
+ background-color: #0d6efd;
+ border: 0;
+ border-radius: 1rem;
+ -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ -moz-appearance: none;
+ appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-moz-range-thumb {
+ -moz-transition: none;
+ transition: none;
}
}
-
-.HeaderMenu .search-input [data-target='qbsearch-input.inputButtonText'] {
+.form-range::-moz-range-thumb:active {
+ background-color: #b6d4fe;
+}
+.form-range::-moz-range-track {
width: 100%;
- margin-right: auto;
- overflow: hidden;
- text-overflow: ellipsis;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem;
}
-
-.HeaderMenu .search-input [data-target='qbsearch-input.hotkeyIndicator'] {
- margin-left: var(--base-size-8);
+.form-range:disabled {
+ pointer-events: none;
}
-
-@media (min-width: 1012px) and (max-width: 1280px) {
- .HeaderMenu .search-input {
- width: 32px;
- }
-
- .HeaderMenu .search-input .header-search-button {
- padding-left: 7px !important;
- }
-
- body:not(.header-white) .HeaderMenu .search-input .header-search-button svg {
- fill: var(--fgColor-onEmphasis);
- }
-
- .HeaderMenu .search-input:not(.expanded):hover {
- opacity: 0.75;
- }
-
- .HeaderMenu .search-input [data-target='qbsearch-input.inputButtonText'],
- .HeaderMenu .search-input [data-target='qbsearch-input.hotkeyIndicator'] {
- display: none !important;
- }
+.form-range:disabled::-webkit-slider-thumb {
+ background-color: #adb5bd;
}
-
-.HeaderMenu .search-suggestions {
- top: -10px;
- left: 0;
- width: calc(100% - var(--base-size-48)) !important;
+.form-range:disabled::-moz-range-thumb {
+ background-color: #adb5bd;
}
-@media screen and (max-width: 1011px) {
- .HeaderMenu .search-suggestions {
- top: var(--base-size-16);
- left: var(--base-size-16);
- width: calc(100% - var(--base-size-32)) !important;
- }
+.form-floating {
+ position: relative;
}
-
-.HeaderMenu .header-search {
- width: 100%;
- min-width: auto;
- max-width: none;
- margin-right: 0 !important;
- margin-bottom: 0 !important;
+.form-floating > .form-control,
+.form-floating > .form-select {
+ height: calc(3.5rem + 2px);
+ line-height: 1.25;
}
-
-.HeaderMenu .header-search-input {
- height: 38px;
+.form-floating > label {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ padding: 1rem 0.75rem;
+ pointer-events: none;
+ border: 1px solid transparent;
+ transform-origin: 0 0;
+ transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .header-search-input {
- max-width: 240px;
- height: 30px;
- padding-top: var(--base-size-8);
- padding-bottom: var(--base-size-8);
- font-size: var(--h5-size);
- -webkit-appearance: none;
+@media (prefers-reduced-motion: reduce) {
+ .form-floating > label {
+ transition: none;
}
}
-
-.HeaderMenu .header-search-input::placeholder {
- color: var(--control-fgColor-placeholder);
-}
-
-.HeaderMenu-nav {
- margin-bottom: auto;
+.form-floating > .form-control {
+ padding: 1rem 0.75rem;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-nav {
- margin-bottom: 0;
- }
+.form-floating > .form-control::-moz-placeholder {
+ color: transparent;
}
-
-.header-logo-invertocat {
- margin: -1px var(--base-size-16) -1px -2px;
- color: var(--fgColor-white);
- white-space: nowrap;
+.form-floating > .form-control::placeholder {
+ color: transparent;
}
-
-.header-logo-invertocat .octicon-mark-github {
- float: left;
+.form-floating > .form-control:not(:-moz-placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.header-logo-invertocat:hover {
- color: var(--fgColor-white);
- text-decoration: none;
+.form-floating > .form-control:focus,
+.form-floating > .form-control:not(:placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.notification-indicator .mail-status {
- position: absolute;
- top: -6px;
- left: 6px;
- display: none;
- width: 14px;
- height: 14px;
- color: var(--fgColor-white);
- background-image: linear-gradient(#54a3ff, #006eed);
- background-clip: padding-box;
- border: var(--borderWidth-thick) solid var(--header-bgColor);
- border-radius: 50%;
+.form-floating > .form-control:-webkit-autofill {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.notification-indicator .mail-status.unread {
- display: inline-block;
+.form-floating > .form-select {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.notification-indicator:hover .mail-status {
- text-decoration: none;
- background-color: var(--bgColor-accent-emphasis);
+.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
-
-.header-nav-current-user {
- padding-bottom: 0;
- font-size: inherit;
+.form-floating > .form-control:focus ~ label,
+.form-floating > .form-control:not(:placeholder-shown) ~ label,
+.form-floating > .form-select ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
-
-.header-nav-current-user .css-truncate-target {
- max-width: 100%;
+.form-floating > .form-control:-webkit-autofill ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
-.header-nav-current-user .user-profile-link {
- color: var(--fgColor-default);
+.input-group {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: stretch;
+ width: 100%;
}
-
-.unread-indicator {
- position: absolute;
- top: 0;
- left: 13px;
- z-index: 2;
- width: 14px;
- height: 14px;
- color: var(--fgColor-white);
- background-image: linear-gradient(#54a3ff, #006eed);
- background-clip: padding-box;
- border: var(--borderWidth-thick) solid var(--header-bgColor);
- border-radius: 50%;
+.input-group > .form-control,
+.input-group > .form-select {
+ position: relative;
+ flex: 1 1 auto;
+ width: 1%;
+ min-width: 0;
}
-
-.unread-indicator-container .unread-indicator {
- top: 9px;
- right: 10px;
- left: inherit;
- width: 10px;
- height: 10px;
- border: 0;
+.input-group > .form-control:focus,
+.input-group > .form-select:focus {
+ z-index: 3;
}
-
-.header-search-wrapper {
- display: table;
- width: 100%;
- max-width: 100%;
- padding: 0;
- font-size: inherit;
- font-weight: var(--base-text-weight-normal, 400);
- vertical-align: middle;
- background-color: var(--headerSearch-bgColor);
- border: var(--borderWidth-thin) solid var(--headerSearch-borderColor);
- box-shadow: none;
+.input-group .btn {
+ position: relative;
+ z-index: 2;
}
-
-@media (min-width: 1012px) {
- .header-search-wrapper {
- color: var(--fgColor-white);
- }
+.input-group .btn:focus {
+ z-index: 3;
}
-.header-search-wrapper.header-search-wrapper-jump-to.search-wrapper-suggestions-active {
- color: var(--fgColor-default);
- background-color: var(--bgColor-default);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+.input-group-text {
+ display: flex;
+ align-items: center;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #e9ecef;
+ border: 1px solid #ced4da;
+ border-radius: 0.25rem;
}
-.header-search-wrapper.focus {
- background-color: rgba(255, 255, 255, 0.175);
- box-shadow: none;
+.input-group-lg > .form-control,
+.input-group-lg > .form-select,
+.input-group-lg > .input-group-text,
+.input-group-lg > .btn {
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-.search-input.search-input-absolute {
- position: absolute;
- width: calc(100% - 180px);
+.input-group-sm > .form-control,
+.input-group-sm > .form-select,
+.input-group-sm > .input-group-text,
+.input-group-sm > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-.header-search-key-slash {
- position: absolute;
- right: var(--base-size-2);
+.input-group-lg > .form-select,
+.input-group-sm > .form-select {
+ padding-right: 3rem;
}
-.header-search-input {
- display: table-cell;
- width: 100%;
- padding-top: 0;
- padding-bottom: 0;
- font-size: inherit;
- color: inherit;
- background: none;
- border: 0;
- box-shadow: none;
+.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-
-.header-search-input::placeholder {
- color: rgba(255, 255, 255, 0.75);
+.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-
-.header-search-input:focus {
- border: 0;
- box-shadow: none;
+.input-group
+ > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(
+ .invalid-feedback
+ ) {
+ margin-left: -1px;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
}
-.header-search-input:focus ~ .header-search-key-slash {
- display: none !important;
+.valid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #198754;
}
-.header-search-input::-ms-clear {
+.valid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: 0.1rem;
+ font-size: 0.875rem;
+ color: #fff;
+ background-color: rgba(25, 135, 84, 0.9);
+ border-radius: 0.25rem;
}
-.header-search-button {
- display: table-cell;
- overflow: hidden;
- font-size: inherit;
- color: inherit;
- word-break: break-word;
- white-space: pre;
- background: none;
+.was-validated :valid ~ .valid-feedback,
+.was-validated :valid ~ .valid-tooltip,
+.is-valid ~ .valid-feedback,
+.is-valid ~ .valid-tooltip {
+ display: block;
}
-.header-search-button.input-button:focus {
- border: 0 !important;
+.was-validated .form-control:valid,
+.form-control.is-valid {
+ border-color: #198754;
+ padding-right: calc(1.5em + 0.75rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right calc(0.375em + 0.1875rem) center;
+ background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.header-search-button.input-button:focus ~ .header-search-key-slash {
- display: none !important;
+.was-validated .form-control:valid:focus,
+.form-control.is-valid:focus {
+ border-color: #198754;
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
-.header-search-button.input-button:focus-visible {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: -2px;
- box-shadow: none;
+.was-validated textarea.form-control:valid,
+textarea.form-control.is-valid {
+ padding-right: calc(1.5em + 0.75rem);
+ background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
-.header-search-button::-ms-clear {
- display: none;
+.was-validated .form-select:valid,
+.form-select.is-valid {
+ border-color: #198754;
}
-
-.Header .header-search-button,
-.header-logged-out .header-search-button {
- font-size: 14px;
+.was-validated .form-select:valid:not([multiple]):not([size]),
+.was-validated .form-select:valid:not([multiple])[size='1'],
+.form-select.is-valid:not([multiple]):not([size]),
+.form-select.is-valid:not([multiple])[size='1'] {
+ padding-right: 4.125rem;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
+ url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-position: right 0.75rem center, center right 2.25rem;
+ background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.Header .header-search-button .input-parsed-symbol,
-.header-logged-out .header-search-button .input-parsed-symbol {
- color: #58a6ff;
- background: #388bfd26;
- border-radius: 3px;
- box-shadow: 0 0 0 0.8px #388bfd26;
+.was-validated .form-select:valid:focus,
+.form-select.is-valid:focus {
+ border-color: #198754;
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
-.Header .header-search-button .pl-c1,
-.header-logged-out .header-search-button .pl-c1 {
- color: #58a6ff;
+.was-validated .form-check-input:valid,
+.form-check-input.is-valid {
+ border-color: #198754;
}
-
-.Header .header-search-button .pl-en,
-.header-logged-out .header-search-button .pl-en {
- color: #58a6ff;
+.was-validated .form-check-input:valid:checked,
+.form-check-input.is-valid:checked {
+ background-color: #198754;
}
-
-.header-search-button.placeholder {
- color: rgba(255, 255, 255, 0.75);
+.was-validated .form-check-input:valid:focus,
+.form-check-input.is-valid:focus {
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
-
-.scoped-search .header-search-wrapper {
- display: flex;
+.was-validated .form-check-input:valid ~ .form-check-label,
+.form-check-input.is-valid ~ .form-check-label {
+ color: #198754;
}
-.jump-to-field-active {
- color: var(--fgColor-default) !important;
- background-color: var(--bgColor-default);
+.form-check-inline .form-check-input ~ .valid-feedback {
+ margin-left: 0.5em;
}
-.jump-to-field-active::placeholder {
- color: var(--fgColor-muted) !important;
+.was-validated .input-group .form-control:valid,
+.input-group .form-control.is-valid,
+.was-validated .input-group .form-select:valid,
+.input-group .form-select.is-valid {
+ z-index: 1;
}
-
-.jump-to-field-active ~ .header-search-key-slash {
- display: none;
+.was-validated .input-group .form-control:valid:focus,
+.input-group .form-control.is-valid:focus,
+.was-validated .input-group .form-select:valid:focus,
+.input-group .form-select.is-valid:focus {
+ z-index: 3;
}
-.jump-to-field-active.jump-to-dropdown-visible {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+.invalid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #dc3545;
}
-.jump-to-suggestions {
+.invalid-tooltip {
+ position: absolute;
top: 100%;
- left: 0;
- z-index: 35;
- width: 100%;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: 0.1rem;
+ font-size: 0.875rem;
+ color: #fff;
+ background-color: rgba(220, 53, 69, 0.9);
+ border-radius: 0.25rem;
}
-.jump-to-suggestions-path {
- min-width: 0;
- min-height: 44px;
- color: var(--fgColor-default);
+.was-validated :invalid ~ .invalid-feedback,
+.was-validated :invalid ~ .invalid-tooltip,
+.is-invalid ~ .invalid-feedback,
+.is-invalid ~ .invalid-tooltip {
+ display: block;
}
-.jump-to-suggestions-path .jump-to-octicon {
- width: 28px;
- color: var(--fgColor-muted);
+.was-validated .form-control:invalid,
+.form-control.is-invalid {
+ border-color: #dc3545;
+ padding-right: calc(1.5em + 0.75rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right calc(0.375em + 0.1875rem) center;
+ background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.jump-to-suggestions-path .jump-to-suggestion-name {
- max-width: none;
+.was-validated .form-control:invalid:focus,
+.form-control.is-invalid:focus {
+ border-color: #dc3545;
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
-.jump-to-suggestions-path mark {
- font-weight: var(--base-text-weight-semibold, 600);
- background-color: transparent;
+.was-validated textarea.form-control:invalid,
+textarea.form-control.is-invalid {
+ padding-right: calc(1.5em + 0.75rem);
+ background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
-.jump-to-suggestions-results-container .navigation-item {
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
+.was-validated .form-select:invalid,
+.form-select.is-invalid {
+ border-color: #dc3545;
}
-
-.jump-to-suggestions-results-container .navigation-item:last-child {
- border-bottom: 0;
+.was-validated .form-select:invalid:not([multiple]):not([size]),
+.was-validated .form-select:invalid:not([multiple])[size='1'],
+.form-select.is-invalid:not([multiple]):not([size]),
+.form-select.is-invalid:not([multiple])[size='1'] {
+ padding-right: 4.125rem;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
+ url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+ background-position: right 0.75rem center, center right 2.25rem;
+ background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.jump-to-suggestions-results-container .d-on-nav-focus {
- display: none;
+.was-validated .form-select:invalid:focus,
+.form-select.is-invalid:focus {
+ border-color: #dc3545;
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
-.jump-to-suggestions-results-container [aria-selected='true'] .jump-to-octicon,
-.jump-to-suggestions-results-container .navigation-focus .jump-to-octicon {
- color: var(--fgColor-onEmphasis);
+.was-validated .form-check-input:invalid,
+.form-check-input.is-invalid {
+ border-color: #dc3545;
}
-
-.jump-to-suggestions-results-container [aria-selected='true'] .jump-to-suggestions-path,
-.jump-to-suggestions-results-container .navigation-focus .jump-to-suggestions-path {
- color: var(--fgColor-onEmphasis);
- background: var(--bgColor-accent-emphasis);
+.was-validated .form-check-input:invalid:checked,
+.form-check-input.is-invalid:checked {
+ background-color: #dc3545;
}
-
-.jump-to-suggestions-results-container [aria-selected='true'] mark,
-.jump-to-suggestions-results-container .navigation-focus mark {
- color: var(--fgColor-onEmphasis);
+.was-validated .form-check-input:invalid:focus,
+.form-check-input.is-invalid:focus {
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
-
-.jump-to-suggestions-results-container [aria-selected='true'] .d-on-nav-focus,
-.jump-to-suggestions-results-container .navigation-focus .d-on-nav-focus {
- display: block;
+.was-validated .form-check-input:invalid ~ .form-check-label,
+.form-check-input.is-invalid ~ .form-check-label {
+ color: #dc3545;
}
-.header-search {
- max-width: 100%;
- transition: 0.2s ease-in-out;
- transition-property: max-width, padding-bottom, padding-top;
+.form-check-inline .form-check-input ~ .invalid-feedback {
+ margin-left: 0.5em;
}
-@media (min-width: 768px) {
- .header-search {
- max-width: 272px;
- }
+.was-validated .input-group .form-control:invalid,
+.input-group .form-control.is-invalid,
+.was-validated .input-group .form-select:invalid,
+.input-group .form-select.is-invalid {
+ z-index: 2;
}
-
-@media (min-width: 768px) {
- .header-search:focus-within {
- max-width: 544px;
- }
+.was-validated .input-group .form-control:invalid:focus,
+.input-group .form-control.is-invalid:focus,
+.was-validated .input-group .form-select:invalid:focus,
+.input-group .form-select.is-invalid:focus {
+ z-index: 3;
}
-@media (min-width: 768px) {
- .header-search.fixed-width:focus-within {
- max-width: 272px;
+.btn {
+ display: inline-block;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ text-decoration: none;
+ vertical-align: middle;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ background-color: transparent;
+ border: 1px solid transparent;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ border-radius: 0.25rem;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .btn {
+ transition: none;
}
}
-
-.search-input {
- width: 260px;
+.btn:hover {
+ color: #212529;
}
-
-@media only screen and (max-width: 768px) {
- .search-input {
- width: 100%;
- }
-
- .search-input-container {
- margin-right: 10px !important;
- margin-bottom: 10px !important;
- margin-left: 10px !important;
- }
+.btn-check:focus + .btn,
+.btn:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.search-input.expanded {
- flex: 1;
+.btn:disabled,
+.btn.disabled,
+fieldset:disabled .btn {
+ pointer-events: none;
+ opacity: 0.65;
}
-.search-with-dialog {
- height: 32px;
- color: var(--fgColor-white);
- background-color: var(--header-bgColor);
- border: var(--borderWidth-thin) solid var(--headerSearch-borderColor);
+.btn-primary {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.search-with-dialog:hover {
- background-color: var(--headerSearch-bgColor);
+.btn-primary:hover {
+ color: #fff;
+ background-color: #0b5ed7;
+ border-color: #0a58ca;
}
-
-.search-with-dialog .input-parsed-symbol {
- color: var(--fgColor-accent);
- background-color: var(--bgColor-accent-muted);
- border-radius: 3px;
- box-shadow: 0 0 0 0.8px var(--bgColor-muted);
+.btn-check:focus + .btn-primary,
+.btn-primary:focus {
+ color: #fff;
+ background-color: #0b5ed7;
+ border-color: #0a58ca;
+ box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
+}
+.btn-check:checked + .btn-primary,
+.btn-check:active + .btn-primary,
+.btn-primary:active,
+.btn-primary.active,
+.show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #0a58ca;
+ border-color: #0a53be;
+}
+.btn-check:checked + .btn-primary:focus,
+.btn-check:active + .btn-primary:focus,
+.btn-primary:active:focus,
+.btn-primary.active:focus,
+.show > .btn-primary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
+}
+.btn-primary:disabled,
+.btn-primary.disabled {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-.create-custom-scope-form {
- margin-top: -16px;
- margin-bottom: -16px;
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
}
-
-.query-builder-container {
- padding-top: 10px;
- padding-right: 0;
- padding-left: 0;
-}
-
-.query-builder-container .QueryBuilder-StyledInput {
- width: auto;
- margin-right: var(--base-size-12, 12px);
- margin-left: var(--base-size-12, 12px);
-}
-
-.query-builder-container .QueryBuilder-sectionTitle {
- margin-left: 8px;
+.btn-secondary:hover {
+ color: #fff;
+ background-color: #5c636a;
+ border-color: #565e64;
}
-
-.query-builder-container .QueryBuilder-ListItem-trailing {
- font-size: 14px;
+.btn-check:focus + .btn-secondary,
+.btn-secondary:focus {
+ color: #fff;
+ background-color: #5c636a;
+ border-color: #565e64;
+ box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
+}
+.btn-check:checked + .btn-secondary,
+.btn-check:active + .btn-secondary,
+.btn-secondary:active,
+.btn-secondary.active,
+.show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #565e64;
+ border-color: #51585e;
+}
+.btn-check:checked + .btn-secondary:focus,
+.btn-check:active + .btn-secondary:focus,
+.btn-secondary:active:focus,
+.btn-secondary.active:focus,
+.show > .btn-secondary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
+}
+.btn-secondary:disabled,
+.btn-secondary.disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
}
-.query-builder-container .ActionListItem {
- margin-right: 8px;
- margin-left: 8px;
+.btn-success {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
}
-
-.search-feedback-prompt {
- padding-top: var(--base-size-12, 12px);
- padding-bottom: var(--base-size-12, 12px);
- border-top-color: var(--borderColor-muted);
- border-top-style: solid;
- border-top-width: var(--borderWidth-thin);
+.btn-success:hover {
+ color: #fff;
+ background-color: #157347;
+ border-color: #146c43;
}
-
-.search-suggestions {
- top: -14px;
- left: -14px;
- z-index: 35;
- width: calc(100% + 26px) !important;
- max-height: 80vh;
- padding-top: var(--base-size-12, 12px);
- border-radius: var(--borderRadius-large, 12px);
+.btn-check:focus + .btn-success,
+.btn-success:focus {
+ color: #fff;
+ background-color: #157347;
+ border-color: #146c43;
+ box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
+}
+.btn-check:checked + .btn-success,
+.btn-check:active + .btn-success,
+.btn-success:active,
+.btn-success.active,
+.show > .btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #146c43;
+ border-color: #13653f;
+}
+.btn-check:checked + .btn-success:focus,
+.btn-check:active + .btn-success:focus,
+.btn-success:active:focus,
+.btn-success.active:focus,
+.show > .btn-success.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
+}
+.btn-success:disabled,
+.btn-success.disabled {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
+}
+
+.btn-info {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-info:hover {
+ color: #000;
+ background-color: #31d2f2;
+ border-color: #25cff2;
+}
+.btn-check:focus + .btn-info,
+.btn-info:focus {
+ color: #000;
+ background-color: #31d2f2;
+ border-color: #25cff2;
+ box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+}
+.btn-check:checked + .btn-info,
+.btn-check:active + .btn-info,
+.btn-info:active,
+.btn-info.active,
+.show > .btn-info.dropdown-toggle {
+ color: #000;
+ background-color: #3dd5f3;
+ border-color: #25cff2;
+}
+.btn-check:checked + .btn-info:focus,
+.btn-check:active + .btn-info:focus,
+.btn-info:active:focus,
+.btn-info.active:focus,
+.show > .btn-info.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+}
+.btn-info:disabled,
+.btn-info.disabled {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+
+.btn-warning {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-warning:hover {
+ color: #000;
+ background-color: #ffca2c;
+ border-color: #ffc720;
+}
+.btn-check:focus + .btn-warning,
+.btn-warning:focus {
+ color: #000;
+ background-color: #ffca2c;
+ border-color: #ffc720;
+ box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
+}
+.btn-check:checked + .btn-warning,
+.btn-check:active + .btn-warning,
+.btn-warning:active,
+.btn-warning.active,
+.show > .btn-warning.dropdown-toggle {
+ color: #000;
+ background-color: #ffcd39;
+ border-color: #ffc720;
+}
+.btn-check:checked + .btn-warning:focus,
+.btn-check:active + .btn-warning:focus,
+.btn-warning:active:focus,
+.btn-warning.active:focus,
+.show > .btn-warning.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
+}
+.btn-warning:disabled,
+.btn-warning.disabled {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+
+.btn-danger {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
}
-
-.search-suggestions .header-search-input {
- overflow: hidden;
+.btn-danger:hover {
+ color: #fff;
+ background-color: #bb2d3b;
+ border-color: #b02a37;
}
-
-.search-suggestions .octicon {
- pointer-events: none;
+.btn-check:focus + .btn-danger,
+.btn-danger:focus {
+ color: #fff;
+ background-color: #bb2d3b;
+ border-color: #b02a37;
+ box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
+}
+.btn-check:checked + .btn-danger,
+.btn-check:active + .btn-danger,
+.btn-danger:active,
+.btn-danger.active,
+.show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #b02a37;
+ border-color: #a52834;
+}
+.btn-check:checked + .btn-danger:focus,
+.btn-check:active + .btn-danger:focus,
+.btn-danger:active:focus,
+.btn-danger.active:focus,
+.show > .btn-danger.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
+}
+.btn-danger:disabled,
+.btn-danger.disabled {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+
+.btn-light {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-light:hover {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+}
+.btn-check:focus + .btn-light,
+.btn-light:focus {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+ box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+}
+.btn-check:checked + .btn-light,
+.btn-check:active + .btn-light,
+.btn-light:active,
+.btn-light.active,
+.show > .btn-light.dropdown-toggle {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+}
+.btn-check:checked + .btn-light:focus,
+.btn-check:active + .btn-light:focus,
+.btn-light:active:focus,
+.btn-light.active:focus,
+.show > .btn-light.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+}
+.btn-light:disabled,
+.btn-light.disabled {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+
+.btn-dark {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
}
-
-.dark-backdrop {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 32;
- width: 120vw;
- height: 120vh;
- margin-top: -24px;
- margin-left: -80px;
- background-color: var(--overlay-backdrop-bgColor);
+.btn-dark:hover {
+ color: #fff;
+ background-color: #1c1f23;
+ border-color: #1a1e21;
}
-
-.search-query-builder .QueryBuilder-ListWrap {
- max-height: 60vh;
- padding-right: 0;
- padding-left: 0;
- overflow-y: auto;
+.btn-check:focus + .btn-dark,
+.btn-dark:focus {
+ color: #fff;
+ background-color: #1c1f23;
+ border-color: #1a1e21;
+ box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
+}
+.btn-check:checked + .btn-dark,
+.btn-check:active + .btn-dark,
+.btn-dark:active,
+.btn-dark.active,
+.show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #1a1e21;
+ border-color: #191c1f;
+}
+.btn-check:checked + .btn-dark:focus,
+.btn-check:active + .btn-dark:focus,
+.btn-dark:active:focus,
+.btn-dark.active:focus,
+.show > .btn-dark.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
+}
+.btn-dark:disabled,
+.btn-dark.disabled {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
}
-.Header .search-input {
- flex: 1;
- width: auto;
- max-width: 350px;
+.btn-outline-primary {
+ color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.Header .search-input.expanded {
- max-width: none;
+.btn-outline-primary:hover {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+}
+.btn-check:focus + .btn-outline-primary,
+.btn-outline-primary:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
+}
+.btn-check:checked + .btn-outline-primary,
+.btn-check:active + .btn-outline-primary,
+.btn-outline-primary:active,
+.btn-outline-primary.active,
+.btn-outline-primary.dropdown-toggle.show {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+}
+.btn-check:checked + .btn-outline-primary:focus,
+.btn-check:active + .btn-outline-primary:focus,
+.btn-outline-primary:active:focus,
+.btn-outline-primary.active:focus,
+.btn-outline-primary.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
+}
+.btn-outline-primary:disabled,
+.btn-outline-primary.disabled {
+ color: #0d6efd;
+ background-color: transparent;
}
-.app-banner {
- background-color: var(--header-bgColor);
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d;
}
-
-.app-banner-title {
- color: var(--header-fgColor-logo);
+.btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+.btn-check:focus + .btn-outline-secondary,
+.btn-outline-secondary:focus {
+ box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
+}
+.btn-check:checked + .btn-outline-secondary,
+.btn-check:active + .btn-outline-secondary,
+.btn-outline-secondary:active,
+.btn-outline-secondary.active,
+.btn-outline-secondary.dropdown-toggle.show {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+.btn-check:checked + .btn-outline-secondary:focus,
+.btn-check:active + .btn-outline-secondary:focus,
+.btn-outline-secondary:active:focus,
+.btn-outline-secondary.active:focus,
+.btn-outline-secondary.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
+}
+.btn-outline-secondary:disabled,
+.btn-outline-secondary.disabled {
+ color: #6c757d;
+ background-color: transparent;
}
-.app-banner-text {
- color: var(--header-fgColor-default);
+.btn-outline-success {
+ color: #198754;
+ border-color: #198754;
}
-
-.app-banner-icon {
- --icon-gradient-start-color: #171a1e;
- --icon-gradient-end-color: #060606;
- width: 32px;
- height: 32px;
- padding-top: 6px;
- padding-left: 6px;
+.btn-outline-success:hover {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
+}
+.btn-check:focus + .btn-outline-success,
+.btn-outline-success:focus {
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
+}
+.btn-check:checked + .btn-outline-success,
+.btn-check:active + .btn-outline-success,
+.btn-outline-success:active,
+.btn-outline-success.active,
+.btn-outline-success.dropdown-toggle.show {
color: #fff;
- background: var(--icon-gradient-end-color);
- background: linear-gradient(var(--icon-gradient-start-color), var(--icon-gradient-end-color));
+ background-color: #198754;
+ border-color: #198754;
+}
+.btn-check:checked + .btn-outline-success:focus,
+.btn-check:active + .btn-outline-success:focus,
+.btn-outline-success:active:focus,
+.btn-outline-success.active:focus,
+.btn-outline-success.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
+}
+.btn-outline-success:disabled,
+.btn-outline-success.disabled {
+ color: #198754;
+ background-color: transparent;
}
-.app-banner-icon .octicon {
- width: 20px;
- height: 20px;
+.btn-outline-info {
+ color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-outline-info:hover {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-check:focus + .btn-outline-info,
+.btn-outline-info:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
+}
+.btn-check:checked + .btn-outline-info,
+.btn-check:active + .btn-outline-info,
+.btn-outline-info:active,
+.btn-outline-info.active,
+.btn-outline-info.dropdown-toggle.show {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-check:checked + .btn-outline-info:focus,
+.btn-check:active + .btn-outline-info:focus,
+.btn-outline-info:active:focus,
+.btn-outline-info.active:focus,
+.btn-outline-info.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
+}
+.btn-outline-info:disabled,
+.btn-outline-info.disabled {
+ color: #0dcaf0;
+ background-color: transparent;
}
-.ActionList {
- padding: var(--base-size-8);
+.btn-outline-warning {
+ color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-outline-warning:hover {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-check:focus + .btn-outline-warning,
+.btn-outline-warning:focus {
+ box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
+}
+.btn-check:checked + .btn-outline-warning,
+.btn-check:active + .btn-outline-warning,
+.btn-outline-warning:active,
+.btn-outline-warning.active,
+.btn-outline-warning.dropdown-toggle.show {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-check:checked + .btn-outline-warning:focus,
+.btn-check:active + .btn-outline-warning:focus,
+.btn-outline-warning:active:focus,
+.btn-outline-warning.active:focus,
+.btn-outline-warning.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
+}
+.btn-outline-warning:disabled,
+.btn-outline-warning.disabled {
+ color: #ffc107;
+ background-color: transparent;
}
-.ActionList--full {
- padding: 0;
+.btn-outline-danger {
+ color: #dc3545;
+ border-color: #dc3545;
}
-
-.ActionList--subGroup {
- padding: 0;
+.btn-outline-danger:hover {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+.btn-check:focus + .btn-outline-danger,
+.btn-outline-danger:focus {
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
+}
+.btn-check:checked + .btn-outline-danger,
+.btn-check:active + .btn-outline-danger,
+.btn-outline-danger:active,
+.btn-outline-danger.active,
+.btn-outline-danger.dropdown-toggle.show {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+.btn-check:checked + .btn-outline-danger:focus,
+.btn-check:active + .btn-outline-danger:focus,
+.btn-outline-danger:active:focus,
+.btn-outline-danger.active:focus,
+.btn-outline-danger.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
+}
+.btn-outline-danger:disabled,
+.btn-outline-danger.disabled {
+ color: #dc3545;
+ background-color: transparent;
}
-.ActionList--divided .ActionList-item-label::before {
- position: absolute;
- top: -6px;
- display: block;
- width: 100%;
- height: 1px;
- content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+.btn-outline-light {
+ color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-outline-light:hover {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-check:focus + .btn-outline-light,
+.btn-outline-light:focus {
+ box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
+}
+.btn-check:checked + .btn-outline-light,
+.btn-check:active + .btn-outline-light,
+.btn-outline-light:active,
+.btn-outline-light.active,
+.btn-outline-light.dropdown-toggle.show {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-check:checked + .btn-outline-light:focus,
+.btn-check:active + .btn-outline-light:focus,
+.btn-outline-light:active:focus,
+.btn-outline-light.active:focus,
+.btn-outline-light.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
+}
+.btn-outline-light:disabled,
+.btn-outline-light.disabled {
+ color: #f8f9fa;
+ background-color: transparent;
}
-.ActionList--divided .ActionList-item-descriptionWrap--inline::before {
- position: absolute;
- top: -6px;
- display: block;
- width: 100%;
- height: var(--borderWidth-thin);
- content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+.btn-outline-dark {
+ color: #212529;
+ border-color: #212529;
}
-
-.ActionList--divided .ActionList-item-descriptionWrap--inline .ActionList-item-label::before {
- content: unset;
+.btn-outline-dark:hover {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+.btn-check:focus + .btn-outline-dark,
+.btn-outline-dark:focus {
+ box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
+}
+.btn-check:checked + .btn-outline-dark,
+.btn-check:active + .btn-outline-dark,
+.btn-outline-dark:active,
+.btn-outline-dark.active,
+.btn-outline-dark.dropdown-toggle.show {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+.btn-check:checked + .btn-outline-dark:focus,
+.btn-check:active + .btn-outline-dark:focus,
+.btn-outline-dark:active:focus,
+.btn-outline-dark.active:focus,
+.btn-outline-dark.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
+}
+.btn-outline-dark:disabled,
+.btn-outline-dark.disabled {
+ color: #212529;
+ background-color: transparent;
}
-.ActionList--divided .ActionList-item--navActive .ActionList-item-label::before,
-.ActionList--divided .ActionList-item--navActive + .ActionList-item .ActionList-item-label::before {
- visibility: hidden;
+.btn-link {
+ font-weight: 400;
+ color: #0d6efd;
+ text-decoration: underline;
}
-
-.ActionList-item:first-of-type .ActionList-item-label::before,
-.ActionList-sectionDivider + .ActionList-item .ActionList-item-label::before {
- visibility: hidden;
+.btn-link:hover {
+ color: #0a58ca;
}
-
-.ActionList-item:first-of-type .ActionList-item-descriptionWrap--inline::before,
-.ActionList-sectionDivider + .ActionList-item .ActionList-item-descriptionWrap--inline::before {
- visibility: hidden;
+.btn-link:disabled,
+.btn-link.disabled {
+ color: #6c757d;
}
-.ActionList--tree {
- --ActionList-tree-depth: 1;
+.btn-lg,
+.btn-group-lg > .btn {
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-.ActionList--tree .ActionList-item--subItem > .ActionList-content {
- font-size: 14px;
+.btn-sm,
+.btn-group-sm > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-.ActionList--tree .ActionList-item.ActionList-item--singleton .ActionList-content {
- padding-left: var(--base-size-32);
+.fade {
+ transition: opacity 0.15s linear;
}
-
-.ActionList--tree .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .fade {
+ transition: none;
+ }
}
-
-.ActionList--tree .ActionList-content[aria-expanded] + .ActionList--subGroup {
- position: relative;
+.fade:not(.show) {
+ opacity: 0;
}
-.ActionList--tree .ActionList-content[aria-expanded] + .ActionList--subGroup .ActionList-content {
- padding-left: calc(8px * var(--ActionList-tree-depth));
+.collapse:not(.show) {
+ display: none;
}
-.ActionList--tree .ActionList-content[aria-expanded='true'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: rotate(0deg);
+.collapsing {
+ height: 0;
+ overflow: hidden;
+ transition: height 0.35s ease;
}
-
-.ActionList--tree
- .ActionList-content[aria-expanded='true'].ActionList-content--hasActiveSubItem
- > .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .collapsing {
+ transition: none;
+ }
}
-
-.ActionList--tree .ActionList-content[aria-expanded='false'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: rotate(-90deg);
+.collapsing.collapse-horizontal {
+ width: 0;
+ height: auto;
+ transition: width 0.35s ease;
}
-
-.ActionList--tree
- .ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem
- > .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .collapsing.collapse-horizontal {
+ transition: none;
+ }
}
-.ActionList--tree
- .ActionList-item--hasSubItem
- .ActionList-item--subItem:not(.ActionList-item--hasSubItem)
- .ActionList-content
- > span:first-child {
- padding-left: var(--base-size-24);
+.dropup,
+.dropend,
+.dropdown,
+.dropstart {
+ position: relative;
}
-.ActionList--tree > [aria-level='1'].ActionList-item--hasSubItem > .ActionList--subGroup::before {
- position: absolute;
- left: 16px;
- width: 1px;
- height: 100%;
- content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+.dropdown-toggle {
+ white-space: nowrap;
}
-
-.ActionList--tree .ActionList-item--hasSubItem:not([aria-level='1']) > .ActionList--subGroup::before {
- position: absolute;
- left: calc(8px * (var(--ActionList-tree-depth)) + 7px);
- width: 1px;
- height: 100%;
+.dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+ border-top: 0.3em solid;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0;
+ border-left: 0.3em solid transparent;
+}
+.dropdown-toggle:empty::after {
+ margin-left: 0;
}
-.ActionList-item {
- position: relative;
+.dropdown-menu {
+ position: absolute;
+ z-index: 1000;
+ display: none;
+ min-width: 10rem;
+ padding: 0.5rem 0;
+ margin: 0;
+ font-size: 1rem;
+ color: #212529;
+ text-align: left;
list-style: none;
- background-color: transparent;
- border-radius: var(--borderRadius-medium);
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0.25rem;
}
-
-.ActionList-item:hover,
-.ActionList-item:active {
- cursor: pointer;
+.dropdown-menu[data-bs-popper] {
+ top: 100%;
+ left: 0;
+ margin-top: 0.125rem;
}
-@media (hover: hover) {
- .ActionList-item:not(.ActionList-item--hasSubItem):hover,
- .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover {
- cursor: pointer;
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
-
- .ActionList-item:not(.ActionList-item--hasSubItem):hover:not(.ActionList-item--navActive):not(:focus-visible),
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover:not(.ActionList-item--navActive):not(:focus-visible) {
- outline: solid var(--borderWidth-thin) transparent;
- outline-offset: -var(--borderWidth-thin);
- box-shadow: inset 0 0 0 var(--borderWidth-thin)
- var(--control-transparent-borderColor-active, var(--color-action-list-item-default-active-border));
- }
+.dropdown-menu-start {
+ --bs-position: start;
}
-
-.ActionList-item:not(.ActionList-item--hasSubItem):active,
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active {
- background: var(--control-transparent-bgColor-active, var(--color-action-list-item-default-active-bg));
+.dropdown-menu-start[data-bs-popper] {
+ right: auto;
+ left: 0;
}
-.ActionList-item:not(.ActionList-item--hasSubItem):active:not(.ActionList-item--navActive),
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active:not(.ActionList-item--navActive) {
- outline: solid var(--borderWidth-thin) transparent;
- outline-offset: -var(--borderWidth-thin);
- box-shadow: inset 0 0 0 var(--borderWidth-thin)
- var(--control-transparent-borderColor-active, var(--color-action-list-item-default-active-border));
+.dropdown-menu-end {
+ --bs-position: end;
+}
+.dropdown-menu-end[data-bs-popper] {
+ right: 0;
+ left: auto;
}
-@media (hover: hover) {
- .ActionList-item:not(.ActionList-item--hasSubItem):hover .ActionList-item-label::before,
- .ActionList-item:not(.ActionList-item--hasSubItem):hover + .ActionList-item .ActionList-item-label::before,
- .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover .ActionList-item-label::before,
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover
- + .ActionList-item
- .ActionList-item-label::before {
- visibility: hidden;
+@media (min-width: 576px) {
+ .dropdown-menu-sm-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-sm-start[data-bs-popper] {
+ right: auto;
+ left: 0;
}
- .ActionList-item:not(.ActionList-item--hasSubItem):hover .ActionList-item-descriptionWrap--inline::before,
- .ActionList-item:not(.ActionList-item--hasSubItem):hover
- + .ActionList-item
- .ActionList-item-descriptionWrap--inline::before,
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover
- .ActionList-item-descriptionWrap--inline::before,
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover
- + .ActionList-item
- .ActionList-item-descriptionWrap--inline::before {
- visibility: hidden;
+ .dropdown-menu-sm-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-sm-end[data-bs-popper] {
+ right: 0;
+ left: auto;
}
}
+@media (min-width: 768px) {
+ .dropdown-menu-md-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-md-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-.ActionList-item:not(.ActionList-item--hasSubItem):active .ActionList-item-label::before,
-.ActionList-item:not(.ActionList-item--hasSubItem):active + .ActionList-item .ActionList-item-label::before,
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active .ActionList-item-label::before,
-.ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:active
- + .ActionList-item
- .ActionList-item-label::before {
- visibility: hidden;
+ .dropdown-menu-md-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-md-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
}
+@media (min-width: 992px) {
+ .dropdown-menu-lg-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-lg-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content {
- z-index: 1;
+ .dropdown-menu-lg-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-lg-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
}
+@media (min-width: 1200px) {
+ .dropdown-menu-xl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-@media (hover: hover) {
- .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
+ .dropdown-menu-xl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
}
}
+@media (min-width: 1400px) {
+ .dropdown-menu-xxl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xxl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active {
- background-color: var(--control-transparent-bgColor-active, var(--color-action-list-item-default-active-bg));
+ .dropdown-menu-xxl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xxl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
}
-
-.ActionList-item[hidden] + .ActionList-sectionDivider {
- display: none;
+.dropup .dropdown-menu[data-bs-popper] {
+ top: auto;
+ bottom: 100%;
+ margin-top: 0;
+ margin-bottom: 0.125rem;
}
-
-.ActionList-item[aria-selected='true'] {
- font-weight: var(--base-text-weight-normal, 400);
- background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
+.dropup .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: '';
+ border-top: 0;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0.3em solid;
+ border-left: 0.3em solid transparent;
}
-
-@media (hover: hover) {
- .ActionList-item[aria-selected='true']:hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
+.dropup .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-.ActionList-item[aria-selected='true']::before,
-.ActionList-item[aria-selected='true'] + .ActionList-item::before {
- visibility: hidden;
+.dropend .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: auto;
+ left: 100%;
+ margin-top: 0;
+ margin-left: 0.125rem;
}
-
-.ActionList-item[aria-selected='true']::after {
- position: absolute;
- top: calc(50% - var(--base-size-12));
- left: -4px;
- width: var(--base-size-4);
- height: var(--base-size-24);
+.dropend .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-fg));
- border-radius: var(--borderRadius-medium);
+ border-top: 0.3em solid transparent;
+ border-right: 0;
+ border-bottom: 0.3em solid transparent;
+ border-left: 0.3em solid;
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+.dropend .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) {
- background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
+.dropend .dropdown-toggle::after {
+ vertical-align: 0;
}
-@media (hover: hover) {
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
+.dropstart .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: 100%;
+ left: auto;
+ margin-top: 0;
+ margin-right: 0.125rem;
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::before,
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) + .ActionList-item::before {
- visibility: hidden;
+.dropstart .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: '';
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::after {
- position: absolute;
- top: calc(50% - var(--base-size-12));
- left: -var(--base-size-8);
- width: var(--base-size-4);
- height: var(--base-size-24);
+.dropstart .dropdown-toggle::after {
+ display: none;
+}
+.dropstart .dropdown-toggle::before {
+ display: inline-block;
+ margin-right: 0.255em;
+ vertical-align: 0.255em;
content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-fg));
- border-radius: var(--borderRadius-medium);
+ border-top: 0.3em solid transparent;
+ border-right: 0.3em solid;
+ border-bottom: 0.3em solid transparent;
}
-
-.ActionList-item[aria-checked='true'] .ActionList-item-multiSelectCheckmark,
-.ActionList-item[aria-selected='true'] .ActionList-item-multiSelectCheckmark {
- visibility: visible;
- opacity: 1;
- transition: visibility 0 linear 0, opacity 50ms;
+.dropstart .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-
-.ActionList-item[aria-checked='true'] .ActionList-item-singleSelectCheckmark,
-.ActionList-item[aria-selected='true'] .ActionList-item-singleSelectCheckmark {
- visibility: visible;
+.dropstart .dropdown-toggle::before {
+ vertical-align: 0;
}
-@media screen and (prefers-reduced-motion: no-preference) {
- .ActionList-item[aria-checked='true'] .ActionList-item-singleSelectCheckmark,
- .ActionList-item[aria-selected='true'] .ActionList-item-singleSelectCheckmark {
- animation: checkmarkIn 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;
- }
+.dropdown-divider {
+ height: 0;
+ margin: 0.5rem 0;
+ overflow: hidden;
+ border-top: 1px solid rgba(0, 0, 0, 0.15);
}
-.ActionList-item[aria-checked='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,
-.ActionList-item[aria-selected='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect {
- fill: var(--fgColor-accent, var(--color-accent-fg));
- stroke: var(--fgColor-accent, var(--color-accent-fg));
- stroke-width: var(--borderWidth-thin);
+.dropdown-item {
+ display: block;
+ width: 100%;
+ padding: 0.25rem 1rem;
+ clear: both;
+ font-weight: 400;
+ color: #212529;
+ text-align: inherit;
+ text-decoration: none;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 0;
}
-
-.ActionList-item[aria-checked='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark,
-.ActionList-item[aria-selected='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark {
- fill: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
+.dropdown-item:hover,
+.dropdown-item:focus {
+ color: #1e2125;
+ background-color: #e9ecef;
}
-
-.ActionList-item[aria-checked='false'] .ActionList-item-multiSelectCheckmark,
-.ActionList-item[aria-selected='false'] .ActionList-item-multiSelectCheckmark {
- visibility: hidden;
- opacity: 0;
- transition: visibility 0 linear 50ms, opacity 50ms;
+.dropdown-item.active,
+.dropdown-item:active {
+ color: #fff;
+ text-decoration: none;
+ background-color: #0d6efd;
}
-
-.ActionList-item[aria-checked='false'] .ActionList-item-singleSelectCheckmark,
-.ActionList-item[aria-selected='false'] .ActionList-item-singleSelectCheckmark {
- visibility: hidden;
- transition: visibility 0s linear 200ms;
- clip-path: inset(16px 0 0 0);
+.dropdown-item.disabled,
+.dropdown-item:disabled {
+ color: #adb5bd;
+ pointer-events: none;
+ background-color: transparent;
}
-@media screen and (prefers-reduced-motion: no-preference) {
- .ActionList-item[aria-checked='false'] .ActionList-item-singleSelectCheckmark,
- .ActionList-item[aria-selected='false'] .ActionList-item-singleSelectCheckmark {
- animation: checkmarkOut 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;
- }
+.dropdown-menu.show {
+ display: block;
}
-.ActionList-item[aria-checked='false'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,
-.ActionList-item[aria-selected='false'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect {
- fill: var(--bgColor-default, var(--color-canvas-default));
- stroke: var(--borderColor-default, var(--color-border-default));
- stroke-width: var(--borderWidth-thin);
+.dropdown-header {
+ display: block;
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ font-size: 0.875rem;
+ color: #6c757d;
+ white-space: nowrap;
}
-.ActionList-item[aria-checked='false'] .ActionList-item-multiSelectIconRect,
-.ActionList-item[aria-selected='false'] .ActionList-item-multiSelectIconRect {
- fill: var(--bgColor-default, var(--color-canvas-default));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.dropdown-item-text {
+ display: block;
+ padding: 0.25rem 1rem;
+ color: #212529;
}
-@keyframes checkmarkIn {
- from {
- clip-path: inset(16px 0 0 0);
- }
-
- to {
- clip-path: inset(0 0 0 0);
- }
+.dropdown-menu-dark {
+ color: #dee2e6;
+ background-color: #343a40;
+ border-color: rgba(0, 0, 0, 0.15);
}
-
-@keyframes checkmarkOut {
- from {
- clip-path: inset(0 0 0 0);
- }
-
- to {
- clip-path: inset(16px 0 0 0);
- }
+.dropdown-menu-dark .dropdown-item {
+ color: #dee2e6;
}
-
-.ActionList-item[aria-disabled='true'] .ActionList-content .ActionList-item-label,
-.ActionList-item[aria-disabled='true'] .ActionList-content .ActionList-item-description {
- color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.dropdown-menu-dark .dropdown-item:hover,
+.dropdown-menu-dark .dropdown-item:focus {
+ color: #fff;
+ background-color: rgba(255, 255, 255, 0.15);
}
-
-.ActionList-item[aria-disabled='true'] .ActionList-content .ActionList-item-visual {
- fill: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.dropdown-menu-dark .dropdown-item.active,
+.dropdown-menu-dark .dropdown-item:active {
+ color: #fff;
+ background-color: #0d6efd;
}
-
-@media (hover: hover) {
- .ActionList-item[aria-disabled='true']:hover {
- cursor: not-allowed;
- background-color: transparent;
- }
+.dropdown-menu-dark .dropdown-item.disabled,
+.dropdown-menu-dark .dropdown-item:disabled {
+ color: #adb5bd;
}
-
-.ActionList-item.ActionList-item--danger .ActionList-item-label {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.dropdown-menu-dark .dropdown-divider {
+ border-color: rgba(0, 0, 0, 0.15);
}
-
-.ActionList-item.ActionList-item--danger .ActionList-item-visual {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.dropdown-menu-dark .dropdown-item-text {
+ color: #dee2e6;
}
-
-@media (hover: hover) {
- .ActionList-item.ActionList-item--danger:hover {
- background: var(--control-danger-bgColor-hover, var(--color-action-list-item-danger-hover-bg));
- }
-
- .ActionList-item.ActionList-item--danger:hover .ActionList-item-label {
- color: var(--control-danger-fgColor-hover, var(--color-action-list-item-danger-hover-text));
- }
+.dropdown-menu-dark .dropdown-header {
+ color: #adb5bd;
}
-.ActionList-item.ActionList-item--danger .ActionList-content:active {
- background: var(--control-danger-bgColor-active, var(--color-action-list-item-danger-active-bg));
-}
-
-.ActionList-item .ActionList {
- padding: unset;
-}
-
-.ActionList-content {
+.btn-group,
+.btn-group-vertical {
position: relative;
- display: grid;
- width: 100%;
- padding: 6px var(--base-size-8);
- font-size: 14px;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-default, var(--color-fg-default));
- text-align: left;
- -webkit-user-select: none;
- user-select: none;
- background-color: transparent;
- border: none;
- border-radius: var(--borderRadius-medium);
- transition: background 33.333ms linear;
- touch-action: manipulation;
- touch-action: manipulation;
- -webkit-tap-highlight-color: transparent;
- grid-template-rows: min-content;
- grid-template-areas: 'leadingAction leadingVisual label trailingVisual trailingAction';
- grid-template-columns: min-content min-content minmax(0, auto) min-content min-content;
- align-items: start;
+ display: inline-flex;
+ vertical-align: middle;
}
-
-.ActionList-content > :not(:last-child) {
- margin-right: var(--base-size-8);
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+ position: relative;
+ flex: 1 1 auto;
}
-
-.ActionList-content:hover {
- text-decoration: none;
+.btn-group > .btn-check:checked + .btn,
+.btn-group > .btn-check:focus + .btn,
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn-check:checked + .btn,
+.btn-group-vertical > .btn-check:focus + .btn,
+.btn-group-vertical > .btn:hover,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+ z-index: 1;
}
-.ActionList-content:focus {
- outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
- outline-offset: -2px;
- box-shadow: none;
+.btn-toolbar {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
}
-
-.ActionList-content:focus:not(:focus-visible) {
- outline: solid 1px transparent;
+.btn-toolbar .input-group {
+ width: auto;
}
-.ActionList-content:focus-visible {
- outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
- outline-offset: -2px;
- box-shadow: none;
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) {
+ margin-left: -1px;
}
-
-.ActionList-content[aria-disabled='true'] .ActionList-item-label,
-.ActionList-content[aria-disabled='true'] .ActionList-item-description {
- color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn-group:not(:last-child) > .btn {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-
-.ActionList-content[aria-disabled='true'] .ActionList-item-visual {
- fill: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.btn-group > .btn:nth-child(n + 3),
+.btn-group > :not(.btn-check) + .btn,
+.btn-group > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
}
-@media (hover: hover) {
- .ActionList-content[aria-disabled='true']:hover {
- cursor: not-allowed;
- background-color: transparent;
- }
+.dropdown-toggle-split {
+ padding-right: 0.5625rem;
+ padding-left: 0.5625rem;
}
-
-@media screen and (prefers-reduced-motion: no-preference) {
- .ActionList-content[aria-expanded] + .ActionList--subGroup {
- transition: opacity 160ms cubic-bezier(0.25, 1, 0.5, 1), transform 160ms cubic-bezier(0.25, 1, 0.5, 1);
- }
+.dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after,
+.dropend .dropdown-toggle-split::after {
+ margin-left: 0;
}
-
-.ActionList-content[aria-expanded] + .ActionList--subGroup .ActionList-content {
- padding-left: var(--base-size-24);
+.dropstart .dropdown-toggle-split::before {
+ margin-right: 0;
}
-.ActionList-content[aria-expanded].ActionList-content--visual16 + .ActionList--subGroup .ActionList-content {
- padding-left: var(--base-size-32);
+.btn-sm + .dropdown-toggle-split,
+.btn-group-sm > .btn + .dropdown-toggle-split {
+ padding-right: 0.375rem;
+ padding-left: 0.375rem;
}
-.ActionList-content[aria-expanded].ActionList-content--visual20 + .ActionList--subGroup .ActionList-content {
- padding-left: 36px;
+.btn-lg + .dropdown-toggle-split,
+.btn-group-lg > .btn + .dropdown-toggle-split {
+ padding-right: 0.75rem;
+ padding-left: 0.75rem;
}
-.ActionList-content[aria-expanded].ActionList-content--visual24 + .ActionList--subGroup .ActionList-content {
- padding-left: var(--base-size-40);
+.btn-group-vertical {
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center;
}
-
-.ActionList-content[aria-expanded='true'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: scaleY(-1);
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
+ width: 100%;
}
-
-.ActionList-content[aria-expanded='true'] + .ActionList--subGroup {
- height: auto;
- overflow: visible;
- visibility: visible;
- opacity: 1;
- transform: translateY(0);
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) {
+ margin-top: -1px;
}
-
-.ActionList-content[aria-expanded='true'].ActionList-content--hasActiveSubItem > .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
}
-
-.ActionList-content[aria-expanded='false'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: scaleY(1);
+.btn-group-vertical > .btn ~ .btn,
+.btn-group-vertical > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
}
-.ActionList-content[aria-expanded='false'] + .ActionList--subGroup {
- height: 0;
- overflow: hidden;
- visibility: hidden;
- opacity: 0;
- transform: translateY(calc(var(--base-size-16) * -1));
+.nav {
+ display: flex;
+ flex-wrap: wrap;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
}
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem {
- background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
+.nav-link {
+ display: block;
+ padding: 0.5rem 1rem;
+ color: #0d6efd;
+ text-decoration: none;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
-
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+@media (prefers-reduced-motion: reduce) {
+ .nav-link {
+ transition: none;
+ }
}
-
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem::before,
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem + .ActionList-item::before {
- visibility: hidden;
+.nav-link:hover,
+.nav-link:focus {
+ color: #0a58ca;
}
-
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem::after {
- position: absolute;
- top: calc(50% - var(--base-size-12));
- left: -var(--base-size-8);
- width: var(--base-size-4);
- height: var(--base-size-24);
- content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-fg));
- border-radius: var(--borderRadius-medium);
+.nav-link.disabled {
+ color: #6c757d;
+ pointer-events: none;
+ cursor: default;
}
-.ActionList-content.ActionList-content--sizeMedium {
- padding: 10px var(--base-size-8);
+.nav-tabs {
+ border-bottom: 1px solid #dee2e6;
}
-
-.ActionList-content.ActionList-content--sizeLarge {
- padding: 14px var(--base-size-8);
+.nav-tabs .nav-link {
+ margin-bottom: -1px;
+ background: none;
+ border: 1px solid transparent;
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
}
-
-.ActionList-content.ActionList-content--fontSmall {
- font-size: 12px;
+.nav-tabs .nav-link:hover,
+.nav-tabs .nav-link:focus {
+ border-color: #e9ecef #e9ecef #dee2e6;
+ isolation: isolate;
}
-
-@media (pointer: coarse) {
- .ActionList-content {
- padding: 14px var(--base-size-8);
- }
+.nav-tabs .nav-link.disabled {
+ color: #6c757d;
+ background-color: transparent;
+ border-color: transparent;
}
-
-.ActionList-content.ActionList-content--blockDescription .ActionList-item-visual {
- place-self: start;
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+ color: #495057;
+ background-color: #fff;
+ border-color: #dee2e6 #dee2e6 #fff;
}
-
-.ActionList-item-action--leading {
- grid-area: leadingAction;
+.nav-tabs .dropdown-menu {
+ margin-top: -1px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
}
-.ActionList-item-visual--leading {
- grid-area: leadingVisual;
+.nav-pills .nav-link {
+ background: none;
+ border: 0;
+ border-radius: 0.25rem;
}
-
-.ActionList-item-label {
- grid-area: label;
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+ color: #fff;
+ background-color: #0d6efd;
}
-.ActionList-item-visual--trailing {
- grid-area: trailingVisual;
+.nav-fill > .nav-link,
+.nav-fill .nav-item {
+ flex: 1 1 auto;
+ text-align: center;
}
-.ActionList-item-action--trailing {
- grid-area: trailingAction;
+.nav-justified > .nav-link,
+.nav-justified .nav-item {
+ flex-basis: 0;
+ flex-grow: 1;
+ text-align: center;
}
-.ActionList-item-descriptionWrap {
- grid-area: label;
- display: flex;
- flex-direction: column;
+.nav-fill .nav-item .nav-link,
+.nav-justified .nav-item .nav-link {
+ width: 100%;
}
-.ActionList-item-descriptionWrap .ActionList-item-description {
- margin-top: var(--base-size-4);
+.tab-content > .tab-pane {
+ display: none;
}
-
-.ActionList-item-descriptionWrap .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+.tab-content > .active {
+ display: block;
}
-.ActionList-item-descriptionWrap--inline {
+.navbar {
position: relative;
- flex-direction: row;
- align-items: baseline;
-}
-
-.ActionList-item-descriptionWrap--inline .ActionList-item-description {
- margin-left: var(--base-size-8);
-}
-
-.ActionList-item-description {
- font-size: 12px;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1.5;
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.ActionList-item-visual,
-.ActionList-item-action {
display: flex;
- min-height: 20px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- pointer-events: none;
- fill: var(--fgColor-muted, var(--color-fg-muted));
+ flex-wrap: wrap;
align-items: center;
+ justify-content: space-between;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+.navbar > .container,
+.navbar > .container-fluid,
+.navbar > .container-sm,
+.navbar > .container-md,
+.navbar > .container-lg,
+.navbar > .container-xl,
+.navbar > .container-xxl {
+ display: flex;
+ flex-wrap: inherit;
+ align-items: center;
+ justify-content: space-between;
}
-
-.ActionList-item-label {
- position: relative;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 20px;
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.ActionList-item-label--truncate {
- overflow: hidden;
- text-overflow: ellipsis;
+.navbar-brand {
+ padding-top: 0.3125rem;
+ padding-bottom: 0.3125rem;
+ margin-right: 1rem;
+ font-size: 1.25rem;
+ text-decoration: none;
white-space: nowrap;
}
-
-.ActionList-item--subItem > .ActionList-content {
- font-size: 12px;
-}
-
-.ActionList-sectionDivider:not(:empty) {
+.navbar-nav {
display: flex;
- padding: 6px 8px;
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
flex-direction: column;
-}
-
-.ActionList-sectionDivider:empty {
- display: block;
- height: 1px;
- padding: 0;
- margin: 7px -8px 8px;
+ padding-left: 0;
+ margin-bottom: 0;
list-style: none;
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
- border: 0;
-}
-
-.ActionList-sectionDivider .ActionList-sectionDivider-title {
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.ActionList-sectionDivider--filled {
- margin: 8px -8px;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-action-list-item-inline-divider));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-action-list-item-inline-divider));
-}
-
-.ActionList-sectionDivider--filled:empty {
- height: var(--base-size-8);
- box-sizing: border-box;
}
-
-.ActionList-sectionDivider--filled:first-child {
- margin-top: 0;
-}
-
-.boxed-group {
- position: relative;
- margin-bottom: 30px;
- border-radius: var(--borderRadius-medium);
+.navbar-nav .nav-link {
+ padding-right: 0;
+ padding-left: 0;
}
-
-.boxed-group .Counter {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-neutral-emphasis, var(--color-neutral-emphasis));
+.navbar-nav .dropdown-menu {
+ position: static;
}
-.boxed-group.flush .boxed-group-inner {
- padding: 0;
+.navbar-text {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
}
-.boxed-group.condensed .boxed-group-inner {
- padding: 0;
- font-size: 12px;
+.navbar-collapse {
+ flex-basis: 100%;
+ flex-grow: 1;
+ align-items: center;
}
-.boxed-group > h3,
-.boxed-group .heading {
- display: block;
- padding: 9px 10px 10px;
- margin: 0;
- font-size: 14px;
- line-height: 17px;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-bottom: 0;
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.navbar-toggler {
+ padding: 0.25rem 0.75rem;
+ font-size: 1.25rem;
+ line-height: 1;
+ background-color: transparent;
+ border: 1px solid transparent;
+ border-radius: 0.25rem;
+ transition: box-shadow 0.15s ease-in-out;
}
-
-.boxed-group > h3 a,
-.boxed-group .heading a {
- color: inherit;
+@media (prefers-reduced-motion: reduce) {
+ .navbar-toggler {
+ transition: none;
+ }
}
-
-.boxed-group > h3 a.boxed-group-breadcrumb,
-.boxed-group .heading a.boxed-group-breadcrumb {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.navbar-toggler:hover {
text-decoration: none;
}
-
-.boxed-group > h3 .avatar,
-.boxed-group .heading .avatar {
- margin-top: calc(var(--base-size-4) * -1);
-}
-
-.boxed-group .tabnav.heading {
- padding: 0;
-}
-
-.boxed-group .tabnav.heading .tabnav-tab.selected {
- border-top: 0;
-}
-
-.boxed-group .tabnav.heading li:first-child .selected {
- border-left-color: var(--bgColor-default, var(--color-canvas-default));
- border-top-left-radius: var(--borderRadius-medium);
-}
-
-.boxed-group .tabnav-tab {
- border-top: 0;
- border-radius: 0;
-}
-
-.boxed-group code.heading {
- font-size: 12px;
-}
-
-.boxed-group.dangerzone > h3 {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-danger-emphasis, var(--color-danger-emphasis));
- border: var(--borderWidth-thin) solid var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
-}
-
-.boxed-group.dangerzone .boxed-group-inner {
- border-top: 0;
-}
-
-.boxed-group.condensed > h3 {
- padding: 6px 6px 7px;
- font-size: 12px;
-}
-
-.boxed-group.condensed > h3 .octicon {
- padding: 0 6px 0 2px;
-}
-
-.dashboard-sidebar .boxed-group {
- margin-bottom: var(--base-size-20);
+.navbar-toggler:focus {
+ text-decoration: none;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem;
}
-.boxed-group .bleed-flush {
- width: 100%;
- padding: 0 10px;
- margin-left: -10px;
+.navbar-toggler-icon {
+ display: inline-block;
+ width: 1.5em;
+ height: 1.5em;
+ vertical-align: middle;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 100%;
}
-.boxed-group .compact {
- margin-top: 10px;
- margin-bottom: 10px;
+.navbar-nav-scroll {
+ max-height: var(--bs-scroll-height, 75vh);
+ overflow-y: auto;
}
-.boxed-group-inner {
- padding: 10px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- background: var(--bgColor-default, var(--color-canvas-default));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+@media (min-width: 576px) {
+ .navbar-expand-sm {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-sm .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-sm .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-sm .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-sm .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-sm .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-sm .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-sm .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-sm .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-sm .offcanvas-top,
+ .navbar-expand-sm .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-sm .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.boxed-group-inner .markdown-body {
- padding: var(--base-size-20) 10px 10px;
- font-size: 13px;
+@media (min-width: 768px) {
+ .navbar-expand-md {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-md .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-md .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-md .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-md .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-md .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-md .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-md .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-md .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-md .offcanvas-top,
+ .navbar-expand-md .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-md .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.boxed-group-inner.markdown-body {
- padding-top: 10px;
- padding-bottom: 10px;
-}
-
-.boxed-group-inner.seamless {
- padding: 0;
-}
-
-.boxed-group-inner .tabnav {
- padding-right: 10px;
- padding-left: 10px;
- margin-right: -10px;
- margin-left: -10px;
-}
-
-.boxed-group-inner .tabnav-tab.selected {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
-}
-
-.boxed-action {
- float: right;
- margin-left: 10px;
-}
-
-.boxed-action .boxed-action {
- float: none;
- margin-left: 0;
-}
-
-.boxed-group-action {
- position: relative;
- z-index: 2;
- float: right;
- margin: 5px 10px 0 0;
-}
-
-.boxed-group-action.flush {
- margin-top: 0;
- margin-right: 0;
-}
-
-.field-with-errors {
- display: inline;
-}
-
-.boxed-group-list {
- margin: 0;
- list-style: none;
-}
-
-.boxed-group-list:first-child > li:first-child {
- border-top: 0;
-}
-
-.boxed-group-list > li {
- display: block;
- padding: 5px 10px;
- margin-right: -10px;
- margin-left: -10px;
- line-height: 23px;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
-}
-
-.boxed-group-list > li:first-child {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
-}
-
-.boxed-group-list > li:last-of-type {
- border-bottom: 0;
-}
-
-.boxed-group-list > li.selected {
- background: var(--bgColor-success-muted, var(--color-success-subtle));
-}
-
-.boxed-group-list > li.approved .btn-sm,
-.boxed-group-list > li.rejected .btn-sm {
- display: none;
-}
-
-.boxed-group-list > li.rejected a {
- text-decoration: line-through;
-}
-
-.boxed-group-list > li .avatar {
- margin-top: -2px;
- margin-right: var(--base-size-4);
-}
-
-.boxed-group-list > li .octicon {
- width: 24px;
- margin-right: var(--base-size-4);
-}
-
-.boxed-group-list > li .btn-sm {
- float: right;
- margin: -1px 0 0 10px;
-}
-
-.boxed-group-list > li .BtnGroup {
- float: right;
-}
-
-.boxed-group-list > li .BtnGroup .btn-sm {
- float: left;
-}
-
-.boxed-group.flush .boxed-group-list li {
- width: auto;
- padding-right: 0;
- padding-left: 0;
- margin-left: 0;
-}
-
-.boxed-group-list.standalone {
- margin-top: -1px;
-}
-
-.boxed-group-list.standalone > li:first-child {
- border-top: 0;
-}
-
-.boxed-group-table {
- width: 100%;
- text-align: left;
-}
-
-.boxed-group-table tr:last-child td {
- border-bottom: 0;
-}
-
-.boxed-group-table th {
- padding: 9px;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.boxed-group-table td {
- padding: 9px;
- vertical-align: top;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.ajax-error-message {
- position: fixed;
- top: 0;
- left: 50%;
- z-index: 9999;
- width: 974px;
- margin: 0 3px;
- margin-left: -487px;
- transition: top 0.5s ease-in-out;
-}
-
-.ajax-error-message > .octicon-alert {
- vertical-align: text-top;
-}
-
-.container {
- width: 980px;
- margin-right: auto;
- margin-left: auto;
-}
-
-.container::before {
- display: table;
- content: '';
-}
-
-.container::after {
- display: table;
- clear: both;
- content: '';
-}
-
-.draft.octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.closed.octicon,
-.reverted.octicon {
- color: var(--fgColor-closed, var(--color-closed-fg));
-}
-
-.open.octicon {
- color: var(--fgColor-open, var(--color-open-fg));
-}
-
-.closed.octicon.octicon-issue-closed,
-.merged.octicon {
- color: var(--fgColor-done, var(--color-done-fg));
-}
-
-.progress-bar {
- display: block;
- height: 15px;
- overflow: hidden;
- background-color: var(--borderColor-muted, var(--color-border-muted));
- border-radius: var(--borderRadius-medium);
-}
-
-.progress-bar .progress {
- display: block;
- height: 100%;
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
-}
-
-.reverse-progress-container {
- position: relative;
- height: 3px;
- background-color: var(--borderColor-muted, var(--color-border-muted));
- background-image: linear-gradient(
- to right,
- var(--bgColor-success-emphasis, var(--color-success-emphasis)),
- var(--bgColor-accent-emphasis, var(--color-accent-emphasis)),
- var(--bgColor-done-emphasis, var(--color-done-emphasis)),
- var(--bgColor-danger-emphasis, var(--color-danger-emphasis)),
- var(--bgColor-severe-emphasis, var(--color-severe-emphasis))
- );
- background-size: 100% 3px;
-}
-
-.reverse-progress-bar {
- position: absolute;
- right: 0;
- height: 100%;
- background-color: var(--borderColor-muted, var(--color-border-muted));
-}
-
-.progress-bar-small {
- height: 10px;
-}
-
-.select-menu-button::after {
- display: inline-block;
- width: 0;
- height: 0;
- vertical-align: -2px;
- content: '';
- border: var(--borderWidth-thicker) solid;
- border-right-color: transparent;
- border-bottom-color: transparent;
- border-left-color: transparent;
-}
-
-.select-menu-button.icon-only {
- padding-left: 7px;
-}
-
-.select-menu-button.primary::after {
- border-top-color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
-}
-
-.select-menu-button.primary::after:active {
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
-}
-
-.select-menu-button-large::after {
- margin-left: 0.25em;
- border-width: 0.33em;
-}
-
-.select-menu .spinner {
- float: left;
- margin: var(--base-size-4) 0 0 calc(var(--base-size-24) * -1);
-}
-
-.select-menu.active .select-menu-modal-holder {
- display: block;
-}
-
-.select-menu.select-menu-modal-right {
- position: relative;
-}
-
-.select-menu.select-menu-modal-right .select-menu-modal-holder {
- right: 0;
-}
-
-.select-menu .select-menu-clear-item {
- display: block;
-}
-
-.select-menu .select-menu-clear-item .octicon {
- color: inherit;
-}
-
-.select-menu .select-menu-clear-item + .select-menu-no-results {
- display: none !important;
-}
-
-.select-menu.is-loading .select-menu-loading-overlay {
- display: block;
-}
-
-.select-menu.is-loading .select-menu-modal {
- min-height: 200px;
-}
-
-.select-menu.has-error .select-menu-error {
- display: block;
-}
-
-.select-menu-error {
- display: none;
-}
-
-.select-menu-loading-overlay {
- position: absolute;
- top: 0;
- z-index: 5;
- display: none;
- width: 100%;
- height: 100%;
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- border: var(--borderWidth-thin) solid transparent;
- border-radius: 5px;
-}
-
-.select-menu-modal-holder {
- position: absolute;
- z-index: 30;
- display: none;
-}
-
-.select-menu-modal {
- position: relative;
- width: 300px;
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-20);
- overflow: hidden;
- font-size: 12px;
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- background-clip: padding-box;
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
- box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
-}
-
-.select-menu-header,
-.select-menu-divider {
- padding: var(--base-size-8) 10px;
- line-height: 16px;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-header .select-menu-title,
-.select-menu-divider {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-divider {
- margin-top: -1px;
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-header .close-button,
-.select-menu-header .octicon {
- display: block;
- float: right;
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: pointer;
-}
-
-.select-menu-header .close-button:hover,
-.select-menu-header .octicon:hover {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-header:focus {
- outline: none;
-}
-
-.select-menu-filters {
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
-
-.select-menu-text-filter {
- padding: 10px 10px 0;
-}
-
-.select-menu-text-filter:first-child:last-child {
- padding-bottom: 10px;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-text-filter input {
- display: block;
- width: 100%;
- max-width: 100%;
- padding: 5px;
- border: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
- border-radius: var(--borderRadius-medium);
-}
-
-.select-menu-text-filter input::placeholder {
- color: var(--fgColor-muted, var(--color-fg-subtle));
-}
-
-.select-menu-tabs {
- padding: 10px 10px 0;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-tabs ul {
- position: relative;
- bottom: -1px;
-}
-
-.select-menu-tabs .select-menu-tab {
- display: inline-block;
-}
-
-.select-menu-tabs a,
-.select-menu-tabs .select-menu-tab-nav {
- display: inline-block;
- padding: var(--base-size-4) var(--base-size-8) 2px;
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
- text-decoration: none;
- cursor: pointer;
- background: transparent;
- border: var(--borderWidth-thin) solid transparent;
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
-}
-
-.select-menu-tabs a:hover,
-.select-menu-tabs .select-menu-tab-nav:hover {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-tabs a[aria-selected='true'],
-.select-menu-tabs a.selected,
-.select-menu-tabs .select-menu-tab-nav[aria-selected='true'],
-.select-menu-tabs .select-menu-tab-nav.selected {
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- border-color: var(--borderColor-muted, var(--color-border-muted));
- border-bottom-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
-
-.select-menu-list {
- position: relative;
- max-height: 400px;
- overflow: auto;
-}
-
-.select-menu-list.is-showing-new-item-form .select-menu-new-item-form {
- display: block;
-}
-
-.select-menu-list.is-showing-new-item-form .select-menu-no-results,
-.select-menu-list.is-showing-new-item-form .select-menu-clear-item {
- display: none;
-}
-
-.select-menu-blankslate {
- padding: var(--base-size-16);
- text-align: center;
-}
-
-.select-menu-blankslate svg {
- display: block;
- margin-right: auto;
- margin-bottom: 9px;
- margin-left: auto;
- fill: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-blankslate h3 {
- font-size: 14px;
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-blankslate p {
- width: 195px;
- margin-right: auto;
- margin-bottom: 0;
- margin-left: auto;
-}
-
-.select-menu-item {
- display: block;
- padding: var(--base-size-8) var(--base-size-8) var(--base-size-8) 30px;
- overflow: hidden;
- color: inherit;
- cursor: pointer;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-item .select-menu-item-text .octicon-x {
- display: none;
- float: right;
- margin: 1px 10px 0 0;
- opacity: 0.6;
-}
-
-.select-menu-item:hover {
- text-decoration: none;
-}
-
-.select-menu-item.disabled,
-.select-menu-item[disabled],
-.select-menu-item[aria-disabled='true'],
-.select-menu-item.disabled.selected {
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: default;
-}
-
-.select-menu-item.disabled .description,
-.select-menu-item[disabled] .description,
-.select-menu-item[aria-disabled='true'] .description,
-.select-menu-item.disabled.selected .description {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-item.disabled.opaque,
-.select-menu-item[disabled].opaque,
-.select-menu-item[aria-disabled='true'].opaque,
-.select-menu-item.disabled.selected.opaque {
- opacity: 0.7;
-}
-
-.select-menu-item.disabled .select-menu-item-gravatar,
-.select-menu-item[disabled] .select-menu-item-gravatar,
-.select-menu-item[aria-disabled='true'] .select-menu-item-gravatar,
-.select-menu-item.disabled.selected .select-menu-item-gravatar {
- opacity: 0.5;
-}
-
-.select-menu-item .octicon {
- vertical-align: middle;
-}
-
-.select-menu-item .octicon-check,
-.select-menu-item .octicon-circle-slash,
-.select-menu-item input[type='radio']:not(:checked) + .octicon-check,
-.select-menu-item input[type='radio']:not(:checked) + .octicon-circle-slash {
- visibility: hidden;
-}
-
-.select-menu-item.selected .octicon-circle-slash.select-menu-item-icon {
- color: var(--fgColor-muted, var(--color-fg-muted)) !important;
-}
-
-.select-menu-item .octicon-circle-slash {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-item.excluded {
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
-}
-
-.select-menu-item input[type='radio'] {
- display: none;
-}
-
-.select-menu-item:focus {
- outline: none;
-}
-
-.select-menu-item:focus .octicon,
-.select-menu-item:hover .octicon {
- color: inherit !important;
-}
-
-.select-menu-item:hover,
-.select-menu-item:hover.selected,
-.select-menu-item:hover.select-menu-action,
-.select-menu-item:hover .description-inline,
-.select-menu-item:focus,
-.select-menu-item:focus.selected,
-.select-menu-item:focus.select-menu-action,
-.select-menu-item:focus .description-inline,
-.select-menu-item.navigation-focus,
-.select-menu-item.navigation-focus.selected,
-.select-menu-item.navigation-focus.select-menu-action,
-.select-menu-item.navigation-focus .description-inline,
-.select-menu-item.navigation-focus[aria-checked='true'],
-.select-menu-item[aria-checked='true']:focus,
-.select-menu-item[aria-checked='true']:hover,
-.select-menu-item[aria-selected='true']:hover,
-.select-menu-item[aria-selected='true']:focus,
-.select-menu-item[aria-selected='true'].select-menu-action,
-.select-menu-item[aria-selected='true'] .description-inline {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
-}
-
-.select-menu-item:hover > .octicon,
-.select-menu-item:hover.selected > .octicon,
-.select-menu-item:hover.select-menu-action > .octicon,
-.select-menu-item:hover .description-inline > .octicon,
-.select-menu-item:focus > .octicon,
-.select-menu-item:focus.selected > .octicon,
-.select-menu-item:focus.select-menu-action > .octicon,
-.select-menu-item:focus .description-inline > .octicon,
-.select-menu-item.navigation-focus > .octicon,
-.select-menu-item.navigation-focus.selected > .octicon,
-.select-menu-item.navigation-focus.select-menu-action > .octicon,
-.select-menu-item.navigation-focus .description-inline > .octicon,
-.select-menu-item.navigation-focus[aria-checked='true'] > .octicon,
-.select-menu-item[aria-checked='true']:focus > .octicon,
-.select-menu-item[aria-checked='true']:hover > .octicon,
-.select-menu-item[aria-selected='true']:hover > .octicon,
-.select-menu-item[aria-selected='true']:focus > .octicon,
-.select-menu-item[aria-selected='true'].select-menu-action > .octicon,
-.select-menu-item[aria-selected='true'] .description-inline > .octicon {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
-}
-
-.select-menu-item:hover .description,
-.select-menu-item:hover .description-warning,
-.select-menu-item:hover.selected .description,
-.select-menu-item:hover.selected .description-warning,
-.select-menu-item:hover.select-menu-action .description,
-.select-menu-item:hover.select-menu-action .description-warning,
-.select-menu-item:hover .description-inline .description,
-.select-menu-item:hover .description-inline .description-warning,
-.select-menu-item:focus .description,
-.select-menu-item:focus .description-warning,
-.select-menu-item:focus.selected .description,
-.select-menu-item:focus.selected .description-warning,
-.select-menu-item:focus.select-menu-action .description,
-.select-menu-item:focus.select-menu-action .description-warning,
-.select-menu-item:focus .description-inline .description,
-.select-menu-item:focus .description-inline .description-warning,
-.select-menu-item.navigation-focus .description,
-.select-menu-item.navigation-focus .description-warning,
-.select-menu-item.navigation-focus.selected .description,
-.select-menu-item.navigation-focus.selected .description-warning,
-.select-menu-item.navigation-focus.select-menu-action .description,
-.select-menu-item.navigation-focus.select-menu-action .description-warning,
-.select-menu-item.navigation-focus .description-inline .description,
-.select-menu-item.navigation-focus .description-inline .description-warning,
-.select-menu-item.navigation-focus[aria-checked='true'] .description,
-.select-menu-item.navigation-focus[aria-checked='true'] .description-warning,
-.select-menu-item[aria-checked='true']:focus .description,
-.select-menu-item[aria-checked='true']:focus .description-warning,
-.select-menu-item[aria-checked='true']:hover .description,
-.select-menu-item[aria-checked='true']:hover .description-warning,
-.select-menu-item[aria-selected='true']:hover .description,
-.select-menu-item[aria-selected='true']:hover .description-warning,
-.select-menu-item[aria-selected='true']:focus .description,
-.select-menu-item[aria-selected='true']:focus .description-warning,
-.select-menu-item[aria-selected='true'].select-menu-action .description,
-.select-menu-item[aria-selected='true'].select-menu-action .description-warning,
-.select-menu-item[aria-selected='true'] .description-inline .description,
-.select-menu-item[aria-selected='true'] .description-inline .description-warning {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
-}
-
-.select-menu-item:hover.disabled,
-.select-menu-item[disabled]:hover,
-.select-menu-item[aria-disabled='true']:hover,
-.select-menu-item[aria-selected='true'].disabled,
-.select-menu-item.navigation-focus.disabled {
- color: var(--fgColor-muted, var(--color-fg-muted));
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
-
-.select-menu-item:hover.disabled .description,
-.select-menu-item[disabled]:hover .description,
-.select-menu-item[aria-disabled='true']:hover .description,
-.select-menu-item[aria-selected='true'].disabled .description,
-.select-menu-item.navigation-focus.disabled .description {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-item > .octicon-dash {
- display: none;
-}
-
-.select-menu-item[aria-checked='mixed'] > .octicon-check {
- display: none;
-}
-
-.select-menu-item[aria-checked='mixed'] > .octicon-dash {
- display: block;
-}
-
-.select-menu-item input:checked + .octicon-check {
- color: inherit;
- visibility: visible;
-}
-
-details-menu .select-menu-item[aria-checked='true'],
-details-menu .select-menu-item[aria-selected='true'],
-.select-menu-item.selected {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-details-menu .select-menu-item[aria-checked='true'] .description,
-details-menu .select-menu-item[aria-selected='true'] .description,
-.select-menu-item.selected .description {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-details-menu .select-menu-item[aria-checked='true'] > .octicon,
-details-menu .select-menu-item[aria-selected='true'] > .octicon,
-.select-menu-item.selected > .octicon {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-details-menu .select-menu-item[aria-checked='true'] .octicon-check,
-details-menu .select-menu-item[aria-checked='true'] .octicon-circle-slash,
-details-menu .select-menu-item[aria-selected='true'] .octicon-check,
-details-menu .select-menu-item[aria-selected='true'] .octicon-circle-slash,
-.select-menu-item.selected .octicon-check,
-.select-menu-item.selected .octicon-circle-slash {
- color: inherit;
- visibility: visible;
-}
-
-details-menu .select-menu-item[aria-checked='true'] .select-menu-item-text .octicon-x,
-details-menu .select-menu-item[aria-selected='true'] .select-menu-item-text .octicon-x,
-.select-menu-item.selected .select-menu-item-text .octicon-x {
- display: block;
- color: inherit;
-}
-
-.select-menu.label-select-menu .select-menu-item:active {
- background-color: transparent !important;
-}
-
-.select-menu-item:hover .Label,
-.select-menu-item:focus .Label {
- color: inherit;
- border-color: currentColor;
-}
-
-.select-menu-item a {
- color: inherit;
- text-decoration: none;
+@media (min-width: 992px) {
+ .navbar-expand-lg {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-lg .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-lg .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-lg .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-lg .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-lg .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-lg .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-lg .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-lg .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-lg .offcanvas-top,
+ .navbar-expand-lg .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-lg .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.select-menu-item .hidden-select-button-text {
- display: none;
+@media (min-width: 1200px) {
+ .navbar-expand-xl {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xl .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-xl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xl .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-xl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xl .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-xl .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-xl .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-xl .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-xl .offcanvas-top,
+ .navbar-expand-xl .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-xl .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.select-menu-item .css-truncate-target {
- max-width: 100%;
+@media (min-width: 1400px) {
+ .navbar-expand-xxl {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xxl .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-xxl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xxl .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-xxl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xxl .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-xxl .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-xxl .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-xxl .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-xxl .offcanvas-top,
+ .navbar-expand-xxl .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-xxl .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.select-menu-item-icon {
- float: left;
- margin-left: -20px;
+.navbar-expand {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
}
-
-form.select-menu-item > div:first-child {
- display: none !important;
+.navbar-expand .navbar-nav {
+ flex-direction: row;
}
-
-.select-menu-list:last-child .select-menu-item:last-child,
-.select-menu-item.last-visible {
- border-bottom: 0;
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
+.navbar-expand .navbar-nav .dropdown-menu {
+ position: absolute;
}
-
-.select-menu-action {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-default, var(--color-fg-default));
+.navbar-expand .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
}
-
-.select-menu-action > .octicon {
- color: inherit;
+.navbar-expand .navbar-nav-scroll {
+ overflow: visible;
}
-
-.select-menu-action:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.navbar-expand .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
}
-
-.select-menu-no-results {
+.navbar-expand .navbar-toggler {
display: none;
- padding: 9px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: auto;
-}
-
-.select-menu-list.filterable-empty .select-menu-no-results,
-.select-menu-no-results:only-child {
- display: block;
-}
-
-.select-menu-button-gravatar,
-.select-menu-item-gravatar {
- width: 20px;
- overflow: hidden;
- line-height: 0;
-}
-
-.select-menu-button-gravatar img,
-.select-menu-item-gravatar img {
- display: inline-block;
- width: 20px;
- height: 20px;
- border-radius: var(--borderRadius-medium);
}
-
-.select-menu-item-gravatar {
- float: left;
- width: 20px;
- height: 20px;
- margin-right: var(--base-size-8);
- border-radius: var(--borderRadius-medium);
+.navbar-expand .offcanvas-header {
+ display: none;
}
-
-.select-menu-button-gravatar {
- float: left;
- margin-right: 5px;
+.navbar-expand .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
}
-
-.select-menu-item-text {
- display: block;
- text-align: left;
+.navbar-expand .offcanvas-top,
+.navbar-expand .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
}
-
-.select-menu-item-text .description {
- display: block;
- max-width: 265px;
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.navbar-expand .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
}
-.select-menu-item-text .description-inline {
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.navbar-light .navbar-brand {
+ color: rgba(0, 0, 0, 0.9);
}
-
-.select-menu-item-text .description-warning {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.navbar-light .navbar-brand:hover,
+.navbar-light .navbar-brand:focus {
+ color: rgba(0, 0, 0, 0.9);
}
-
-.select-menu-item-text mark {
- font-weight: var(--base-text-weight-semibold, 600);
- color: inherit;
- background-color: inherit;
+.navbar-light .navbar-nav .nav-link {
+ color: rgba(0, 0, 0, 0.55);
}
-
-.select-menu-item-heading {
- display: block;
- margin-top: 0;
- margin-bottom: 0;
- font-size: 14px;
- font-weight: var(--base-text-weight-semibold, 600);
+.navbar-light .navbar-nav .nav-link:hover,
+.navbar-light .navbar-nav .nav-link:focus {
+ color: rgba(0, 0, 0, 0.7);
}
-
-.select-menu-item-heading .description {
- display: inline;
- font-weight: var(--base-text-weight-normal, 400);
+.navbar-light .navbar-nav .nav-link.disabled {
+ color: rgba(0, 0, 0, 0.3);
}
-
-.select-menu-new-item-form {
- display: none;
+.navbar-light .navbar-nav .show > .nav-link,
+.navbar-light .navbar-nav .nav-link.active {
+ color: rgba(0, 0, 0, 0.9);
}
-
-.select-menu-new-item-form .octicon {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.navbar-light .navbar-toggler {
+ color: rgba(0, 0, 0, 0.55);
+ border-color: rgba(0, 0, 0, 0.1);
}
-
-.table-list {
- display: table;
- width: 100%;
- color: var(--fgColor-muted, var(--color-fg-muted));
- table-layout: fixed;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-light .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
-
-.table-list ol {
- list-style-type: decimal;
+.navbar-light .navbar-text {
+ color: rgba(0, 0, 0, 0.55);
}
-
-.table-list-bordered {
- border-bottom-color: var(--borderColor-default, var(--color-border-default));
+.navbar-light .navbar-text a,
+.navbar-light .navbar-text a:hover,
+.navbar-light .navbar-text a:focus {
+ color: rgba(0, 0, 0, 0.9);
}
-.table-list-bordered .table-list-cell:first-child {
- border-left: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-dark .navbar-brand {
+ color: #fff;
}
-
-.table-list-bordered .table-list-cell:last-child {
- border-right: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-dark .navbar-brand:hover,
+.navbar-dark .navbar-brand:focus {
+ color: #fff;
}
-
-.table-list-item {
- position: relative;
- display: table-row;
- list-style: none;
+.navbar-dark .navbar-nav .nav-link {
+ color: rgba(255, 255, 255, 0.55);
}
-
-.table-list-item.unread .table-list-cell:first-child {
- box-shadow: 2px 0 0 var(--borderColor-accent-emphasis, var(--color-accent-emphasis)) inset;
+.navbar-dark .navbar-nav .nav-link:hover,
+.navbar-dark .navbar-nav .nav-link:focus {
+ color: rgba(255, 255, 255, 0.75);
}
-
-.table-list-cell {
- position: relative;
- display: table-cell;
- padding: var(--base-size-8) 10px;
- font-size: 12px;
- vertical-align: top;
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-dark .navbar-nav .nav-link.disabled {
+ color: rgba(255, 255, 255, 0.25);
}
-
-.table-list-cell.flush-left {
- padding-left: 0;
+.navbar-dark .navbar-nav .show > .nav-link,
+.navbar-dark .navbar-nav .nav-link.active {
+ color: #fff;
}
-
-.table-list-cell.flush-right {
- padding-right: 0;
+.navbar-dark .navbar-toggler {
+ color: rgba(255, 255, 255, 0.55);
+ border-color: rgba(255, 255, 255, 0.1);
}
-
-.table-list-header {
- position: relative;
- margin-top: var(--base-size-20);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.navbar-dark .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
-
-.table-list-header::before {
- display: table;
- content: '';
+.navbar-dark .navbar-text {
+ color: rgba(255, 255, 255, 0.55);
}
-
-.table-list-header::after {
- display: table;
- clear: both;
- content: '';
+.navbar-dark .navbar-text a,
+.navbar-dark .navbar-text a:hover,
+.navbar-dark .navbar-text a:focus {
+ color: #fff;
}
-.table-list-header .btn-link {
+.card {
position: relative;
- display: inline-block;
- padding-top: 13px;
- padding-bottom: 13px;
- font-weight: var(--base-text-weight-normal, 400);
-}
-
-.table-list-heading {
- margin-left: 10px;
-}
-
-.table-list-header-meta {
- display: inline-block;
- padding-top: 13px;
- padding-bottom: 13px;
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.table-list-header-toggle h4 {
- padding: var(--base-size-12) 0;
+ display: flex;
+ flex-direction: column;
+ min-width: 0;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: border-box;
+ border: 1px solid rgba(0, 0, 0, 0.125);
+ border-radius: 0.25rem;
}
-
-.table-list-filters:first-child .table-list-header-toggle:first-child {
- padding-left: var(--base-size-16);
+.card > hr {
+ margin-right: 0;
+ margin-left: 0;
}
-
-.table-list-header-toggle.states .selected {
- font-weight: var(--base-text-weight-semibold, 600);
+.card > .list-group {
+ border-top: inherit;
+ border-bottom: inherit;
}
-
-.table-list-header-toggle .btn-link {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.card > .list-group:first-child {
+ border-top-width: 0;
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-
-.table-list-header-toggle .btn-link .octicon {
- margin-right: var(--base-size-4);
+.card > .list-group:last-child {
+ border-bottom-width: 0;
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
}
-
-.table-list-header-toggle .btn-link:hover {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
+.card > .card-header + .list-group,
+.card > .list-group + .card-footer {
+ border-top: 0;
}
-.table-list-header-toggle .btn-link.selected,
-.table-list-header-toggle .btn-link.selected:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.card-body {
+ flex: 1 1 auto;
+ padding: 1rem 1rem;
}
-.table-list-header-toggle .btn-link + .btn-link {
- margin-left: 10px;
+.card-title {
+ margin-bottom: 0.5rem;
}
-.table-list-header-toggle .btn-link:disabled,
-.table-list-header-toggle .btn-link.disabled {
- pointer-events: none;
- opacity: 0.5;
+.card-subtitle {
+ margin-top: -0.25rem;
+ margin-bottom: 0;
}
-.table-list-header-toggle .select-menu {
- position: relative;
+.card-text:last-child {
+ margin-bottom: 0;
}
-.table-list-header-toggle .select-menu-item[aria-checked='true'],
-.table-list-header-toggle .select-menu-item.selected {
- font-weight: var(--base-text-weight-semibold, 600);
+.card-link + .card-link {
+ margin-left: 1rem;
}
-.table-list-header-toggle .select-menu-button {
- padding-right: 15px;
- padding-left: 15px;
+.card-header {
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.table-list-header-toggle .select-menu-button:hover,
-.table-list-header-toggle .select-menu-button.selected,
-.table-list-header-toggle .select-menu-button.selected:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.card-header:first-child {
+ border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
-.table-list-header-toggle .select-menu-modal-holder {
- right: 10px;
+.card-footer {
+ padding: 0.5rem 1rem;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-top: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.table-list-header-toggle .select-menu-modal-holder .select-menu-modal {
- margin-top: -1px;
+.card-footer:last-child {
+ border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
-.table-list-header-next {
- margin-top: var(--base-size-20);
- margin-bottom: -1px;
+.card-header-tabs {
+ margin-right: -0.5rem;
+ margin-bottom: -0.5rem;
+ margin-left: -0.5rem;
+ border-bottom: 0;
}
-.table-list-header-next .table-list-header-select-all {
- padding-left: 14px;
+.card-header-pills {
+ margin-right: -0.5rem;
+ margin-left: -0.5rem;
}
-.table-list-header-next .select-all-dropdown {
- padding-top: 10px;
- padding-bottom: 10px;
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: 1rem;
+ border-radius: calc(0.25rem - 1px);
}
-.table-list-triage {
- display: none;
+.card-img,
+.card-img-top,
+.card-img-bottom {
+ width: 100%;
}
-.triage-mode .table-list-filters {
- display: none !important;
+.card-img,
+.card-img-top {
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-.triage-mode .table-list-triage {
- display: block;
+.card-img,
+.card-img-bottom {
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
}
-.breadcrumb {
- font-size: 16px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.card-group > .card {
+ margin-bottom: 0.75rem;
}
-
-.breadcrumb .separator {
- white-space: pre-wrap;
+@media (min-width: 576px) {
+ .card-group {
+ display: flex;
+ flex-flow: row wrap;
+ }
+ .card-group > .card {
+ flex: 1 0 0%;
+ margin-bottom: 0;
+ }
+ .card-group > .card + .card {
+ margin-left: 0;
+ border-left: 0;
+ }
+ .card-group > .card:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-top,
+ .card-group > .card:not(:last-child) .card-header {
+ border-top-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-bottom,
+ .card-group > .card:not(:last-child) .card-footer {
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-top,
+ .card-group > .card:not(:first-child) .card-header {
+ border-top-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-bottom,
+ .card-group > .card:not(:first-child) .card-footer {
+ border-bottom-left-radius: 0;
+ }
}
-.breadcrumb .separator::before,
-.breadcrumb .separator::after {
- content: ' ';
+.accordion-button {
+ position: relative;
+ display: flex;
+ align-items: center;
+ width: 100%;
+ padding: 1rem 1.25rem;
+ font-size: 1rem;
+ color: #212529;
+ text-align: left;
+ background-color: #fff;
+ border: 0;
+ border-radius: 0;
+ overflow-anchor: none;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
-
-.breadcrumb strong.final-path {
- color: var(--fgColor-default, var(--color-fg-default));
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button {
+ transition: none;
+ }
}
-
-.capped-card-content {
- display: block;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
+.accordion-button:not(.collapsed) {
+ color: #0c63e4;
+ background-color: #e7f1ff;
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
-
-.capped-card-content::before {
- display: table;
- content: '';
+.accordion-button:not(.collapsed)::after {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ transform: rotate(-180deg);
}
-
-.capped-card-content::after {
- display: table;
- clear: both;
+.accordion-button::after {
+ flex-shrink: 0;
+ width: 1.25rem;
+ height: 1.25rem;
+ margin-left: auto;
content: '';
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-size: 1.25rem;
+ transition: transform 0.2s ease-in-out;
}
-
-.collapsible-sidebar-widget-button {
- display: flex;
- padding: 0;
- align-items: center;
- background-color: transparent;
- border: 0;
- justify-content: space-between;
-}
-
-.collapsible-sidebar-widget-indicator {
- transition: transform 0.25s;
- transform: translate(0, 0) translate3d(0, 0, 0);
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button::after {
+ transition: none;
+ }
}
-
-.collapsible-sidebar-widget-loader {
- display: none;
- visibility: hidden;
- opacity: 0;
- transition: opacity 0.25s;
- animation-play-state: paused;
+.accordion-button:hover {
+ z-index: 2;
}
-
-.collapsible-sidebar-widget-content {
- width: 100%;
- max-height: 0;
- overflow: hidden;
- opacity: 0;
- transition: max-height 0.25s ease-in-out, opacity 0.25s ease-in-out;
+.accordion-button:focus {
+ z-index: 3;
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-.collapsible-sidebar-widget-loading .collapsible-sidebar-widget-indicator {
- display: none;
+.accordion-header {
+ margin-bottom: 0;
}
-.collapsible-sidebar-widget-loading .collapsible-sidebar-widget-loader {
- display: block;
- visibility: visible;
- opacity: 1;
- animation-play-state: running;
+.accordion-item {
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-content {
- max-height: 100%;
- overflow: visible;
- opacity: 1;
+.accordion-item:first-of-type {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-indicator {
- display: block;
- transform: rotate(180deg);
+.accordion-item:first-of-type .accordion-button {
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-loader {
- display: none;
- visibility: hidden;
- opacity: 0;
+.accordion-item:not(:first-of-type) {
+ border-top: 0;
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-active-hidden {
- display: none;
- opacity: 0;
+.accordion-item:last-of-type {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
}
-
-.comment .email-format {
- line-height: 1.5;
+.accordion-item:last-of-type .accordion-button.collapsed {
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
}
-
-.previewable-edit .previewable-comment-form {
- display: none;
+.accordion-item:last-of-type .accordion-collapse {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
}
-.previewable-edit .previewable-comment-form::before {
- display: table;
- content: '';
+.accordion-body {
+ padding: 1rem 1.25rem;
}
-.previewable-edit .previewable-comment-form::after {
- display: table;
- clear: both;
- content: '';
+.accordion-flush .accordion-collapse {
+ border-width: 0;
}
-
-.previewable-edit .previewable-comment-form .tabnav-tabs {
- display: inline-block;
+.accordion-flush .accordion-item {
+ border-right: 0;
+ border-left: 0;
+ border-radius: 0;
}
-
-.previewable-edit .previewable-comment-form .form-actions {
- float: right;
- margin-right: var(--base-size-8);
- margin-bottom: var(--base-size-8);
+.accordion-flush .accordion-item:first-child {
+ border-top: 0;
}
-
-.is-comment-editing .previewable-comment-form {
- display: block;
+.accordion-flush .accordion-item:last-child {
+ border-bottom: 0;
+}
+.accordion-flush .accordion-item .accordion-button {
+ border-radius: 0;
}
-.is-comment-editing .timeline-comment-actions,
-.is-comment-editing .edit-comment-hide {
- display: none;
+.breadcrumb {
+ display: flex;
+ flex-wrap: wrap;
+ padding: 0 0;
+ margin-bottom: 1rem;
+ list-style: none;
}
-.is-comment-loading .previewable-comment-form {
- opacity: 0.5;
+.breadcrumb-item + .breadcrumb-item {
+ padding-left: 0.5rem;
+}
+.breadcrumb-item + .breadcrumb-item::before {
+ float: left;
+ padding-right: 0.5rem;
+ color: #6c757d;
+ content: var(--bs-breadcrumb-divider, '/') /* rtl: var(--bs-breadcrumb-divider, "/") */;
+}
+.breadcrumb-item.active {
+ color: #6c757d;
}
-.comment-show-stale {
- display: none;
+.pagination {
+ display: flex;
+ padding-left: 0;
+ list-style: none;
}
-.is-comment-stale .comment-show-stale {
+.page-link {
+ position: relative;
display: block;
+ color: #0d6efd;
+ text-decoration: none;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
}
-
-.comment-body {
- width: 100%;
- padding: var(--base-size-16);
- overflow: visible;
- font-size: 14px;
- color: var(--fgColor-default, var(--color-fg-default));
+@media (prefers-reduced-motion: reduce) {
+ .page-link {
+ transition: none;
+ }
}
-
-.comment-body .highlight {
- overflow: visible !important;
- background-color: transparent;
+.page-link:hover {
+ z-index: 2;
+ color: #0a58ca;
+ background-color: #e9ecef;
+ border-color: #dee2e6;
}
-
-.comment-form-textarea {
- width: 100%;
- max-width: 100%;
- height: 100px;
- min-height: 100px;
- margin: 0;
- line-height: 1.6;
+.page-link:focus {
+ z-index: 3;
+ color: #0a58ca;
+ background-color: #e9ecef;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-.comment-form-textarea.dragover {
- border: solid var(--borderWidth-thin) var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+.page-item:not(:first-child) .page-link {
+ margin-left: -1px;
}
-
-.hide-reaction-suggestion:hover::before,
-.hide-reaction-suggestion:hover::after,
-.hide-reaction-suggestion:active::before,
-.hide-reaction-suggestion:active::after {
- display: none;
+.page-item.active .page-link {
+ z-index: 3;
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.reaction-suggestion[data-reaction-suggestion-message]:hover::before,
-.reaction-suggestion[data-reaction-suggestion-message]:hover::after {
- display: inline-block;
+.page-item.disabled .page-link {
+ color: #6c757d;
+ pointer-events: none;
+ background-color: #fff;
+ border-color: #dee2e6;
}
-.reaction-suggestion[data-reaction-suggestion-message]::before,
-.reaction-suggestion[data-reaction-suggestion-message]::after {
- display: inline-block;
- text-decoration: none;
- animation-name: tooltip-appear;
- animation-duration: 0.1s;
- animation-fill-mode: forwards;
- animation-timing-function: ease-in;
- animation-delay: 0s;
+.page-link {
+ padding: 0.375rem 0.75rem;
}
-.reaction-suggestion[data-reaction-suggestion-message]::after {
- content: attr(data-reaction-suggestion-message);
+.page-item:first-child .page-link {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
}
-
-.discussion-topic-header {
- position: relative;
- padding: var(--base-size-8);
- word-wrap: break-word;
+.page-item:last-child .page-link {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
}
-.comment-form-error {
- padding: var(--base-size-16) var(--base-size-8);
- margin: var(--base-size-8);
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-danger-muted, var(--color-danger-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
- border-radius: var(--borderRadius-medium);
+.pagination-lg .page-link {
+ padding: 0.75rem 1.5rem;
+ font-size: 1.25rem;
}
-
-.email-format {
- line-height: 1.5em !important;
+.pagination-lg .page-item:first-child .page-link {
+ border-top-left-radius: 0.3rem;
+ border-bottom-left-radius: 0.3rem;
}
-
-.email-format div {
- white-space: pre-wrap;
+.pagination-lg .page-item:last-child .page-link {
+ border-top-right-radius: 0.3rem;
+ border-bottom-right-radius: 0.3rem;
}
-.email-format .email-hidden-reply {
- display: none;
- white-space: pre-wrap;
+.pagination-sm .page-link {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
}
-
-.email-format .email-hidden-reply.expanded {
- display: block;
+.pagination-sm .page-item:first-child .page-link {
+ border-top-left-radius: 0.2rem;
+ border-bottom-left-radius: 0.2rem;
}
-
-.email-format .email-quoted-reply,
-.email-format .email-signature-reply {
- padding: 0 var(--base-size-16);
- margin: var(--base-size-16) 0;
- color: var(--fgColor-muted, var(--color-fg-muted));
- border-left: var(--borderWidth-thicker) solid var(--borderColor-default, var(--color-border-default));
+.pagination-sm .page-item:last-child .page-link {
+ border-top-right-radius: 0.2rem;
+ border-bottom-right-radius: 0.2rem;
}
-.email-format .email-hidden-toggle a {
+.badge {
display: inline-block;
- height: 12px;
- padding: 0 var(--base-size-8);
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- line-height: 6px;
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
- vertical-align: middle;
- background: var(--bgColor-neutral-muted, var(--color-neutral-muted));
- border-radius: 1px;
+ padding: 0.35em 0.65em;
+ font-size: 0.75em;
+ font-weight: 700;
+ line-height: 1;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: 0.25rem;
}
-
-.email-format .email-hidden-toggle a:hover {
- background-color: var(--bgColor-accent-muted, var(--color-accent-muted));
+.badge:empty {
+ display: none;
}
-.email-format .email-hidden-toggle a:active {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.btn .badge {
+ position: relative;
+ top: -1px;
}
-.comment-email-format div {
- white-space: normal;
+.alert {
+ position: relative;
+ padding: 1rem 1rem;
+ margin-bottom: 1rem;
+ border: 1px solid transparent;
+ border-radius: 0.25rem;
}
-.comment-email-format .email-hidden-reply {
- display: none;
- white-space: normal;
+.alert-heading {
+ color: inherit;
}
-.comment-email-format .email-hidden-reply.expanded {
- display: block;
+.alert-link {
+ font-weight: 700;
}
-.comment-email-format blockquote,
-.comment-email-format p {
- margin: 0;
+.alert-dismissible {
+ padding-right: 3rem;
}
-
-.locked-conversation .write-tab,
-.locked-conversation .preview-tab {
- color: #c6cbd1;
+.alert-dismissible .btn-close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+ padding: 1.25rem 1rem;
}
-.write-tab:focus,
-.preview-tab:focus {
- outline-offset: -6px !important;
+.alert-primary {
+ color: #084298;
+ background-color: #cfe2ff;
+ border-color: #b6d4fe;
}
-
-.manual-file-chooser-transparent {
- min-height: 0;
- overflow: hidden;
- opacity: 0.01;
+.alert-primary .alert-link {
+ color: #06357a;
}
-.manual-file-chooser-transparent::-webkit-file-upload-button {
- cursor: pointer;
+.alert-secondary {
+ color: #41464b;
+ background-color: #e2e3e5;
+ border-color: #d3d6d8;
}
-
-.manual-file-chooser-transparent:focus {
- opacity: 1 !important;
+.alert-secondary .alert-link {
+ color: #34383c;
}
-.rich-diff clipboard-copy {
- display: none;
+.alert-success {
+ color: #0f5132;
+ background-color: #d1e7dd;
+ border-color: #badbcc;
}
-
-.css-overflow-wrap-anywhere {
- overflow-wrap: anywhere;
+.alert-success .alert-link {
+ color: #0c4128;
}
-.commit-sha {
- padding: 0.2em 0.4em;
- font-size: 90%;
- font-weight: var(--base-text-weight-normal, 400);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
- border-radius: 0.2em;
+.alert-info {
+ color: #055160;
+ background-color: #cff4fc;
+ border-color: #b6effb;
}
-
-.commit .commit-title,
-.commit .commit-title a {
- color: var(--fgColor-default, var(--color-fg-default));
+.alert-info .alert-link {
+ color: #04414d;
}
-.commit .commit-title.blank,
-.commit .commit-title.blank a {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.alert-warning {
+ color: #664d03;
+ background-color: #fff3cd;
+ border-color: #ffecb5;
}
-
-.commit .commit-title .issue-link {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-accent, var(--color-accent-fg));
+.alert-warning .alert-link {
+ color: #523e02;
}
-.commit .sha-block,
-.commit .sha {
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 12px;
+.alert-danger {
+ color: #842029;
+ background-color: #f8d7da;
+ border-color: #f5c2c7;
}
-
-.commit.open .commit-desc {
- display: block;
+.alert-danger .alert-link {
+ color: #6a1a21;
}
-.commit-link {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-accent, var(--color-accent-fg));
+.alert-light {
+ color: #636464;
+ background-color: #fefefe;
+ border-color: #fdfdfe;
}
-
-.commit-ref {
- position: relative;
- display: inline-block;
- padding: 0 var(--base-size-4);
- font: 0.85em/1.8
- var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-radius: var(--borderRadius-medium);
+.alert-light .alert-link {
+ color: #4f5050;
}
-.commit-ref .user {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.alert-dark {
+ color: #141619;
+ background-color: #d3d3d4;
+ border-color: #bcbebf;
}
-
-a.commit-ref:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.alert-dark .alert-link {
+ color: #101214;
}
-.commit-desc {
- display: none;
+@-webkit-keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
}
-.commit-desc pre {
- max-width: 700px;
- margin-top: var(--base-size-8);
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 11px;
- line-height: 1.45;
- color: var(--fgColor-default, var(--color-fg-default));
- white-space: pre-wrap;
+@keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
}
-
-.commit-desc + .commit-branches {
- padding-top: var(--base-size-8);
- margin-top: 2px;
- border-top: solid var(--borderWidth-thin) var(--borderColor-muted, var(--color-border-subtle));
+.progress {
+ display: flex;
+ height: 1rem;
+ overflow: hidden;
+ font-size: 0.75rem;
+ background-color: #e9ecef;
+ border-radius: 0.25rem;
}
-.commit-author-section {
- color: var(--fgColor-default, var(--color-fg-default));
+.progress-bar {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ overflow: hidden;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #0d6efd;
+ transition: width 0.6s ease;
}
-
-.commit-author-section span.user-mention {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar {
+ transition: none;
+ }
}
-.commit-tease-sha {
- display: inline-block;
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
+.progress-bar-striped {
+ background-image: linear-gradient(
+ 45deg,
+ rgba(255, 255, 255, 0.15) 25%,
+ transparent 25%,
+ transparent 50%,
+ rgba(255, 255, 255, 0.15) 50%,
+ rgba(255, 255, 255, 0.15) 75%,
+ transparent 75%,
+ transparent
);
- font-size: 90%;
- color: var(--fgColor-default, var(--color-fg-default));
+ background-size: 1rem 1rem;
}
-.commits-list-item[aria-selected='true'],
-.commits-list-item.navigation-focus {
- background: #f6fbff;
+.progress-bar-animated {
+ -webkit-animation: 1s linear infinite progress-bar-stripes;
+ animation: 1s linear infinite progress-bar-stripes;
}
-
-.commits-list-item .commit-title {
- margin: 0;
- font-size: 16px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar-animated {
+ -webkit-animation: none;
+ animation: none;
+ }
}
-.commits-list-item .commit-meta {
- margin-top: 1px;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group {
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ border-radius: 0.25rem;
}
-.commits-list-item .status .octicon {
- height: 14px;
- line-height: 14px;
+.list-group-numbered {
+ list-style-type: none;
+ counter-reset: section;
}
-
-.commits-list-item .commit-author {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group-numbered > li::before {
+ content: counters(section, '.') '. ';
+ counter-increment: section;
}
-.commits-list-item .octicon-arrow-right {
- margin: 0 var(--base-size-4);
+.list-group-item-action {
+ width: 100%;
+ color: #495057;
+ text-align: inherit;
}
-
-.commits-list-item .commit-desc pre {
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group-item-action:hover,
+.list-group-item-action:focus {
+ z-index: 1;
+ color: #495057;
+ text-decoration: none;
+ background-color: #f8f9fa;
}
-
-.commits-list-item .commit-desc pre a {
- word-break: break-word;
+.list-group-item-action:active {
+ color: #212529;
+ background-color: #e9ecef;
}
-.commit-indicator {
- margin-left: var(--base-size-4);
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: 0.5rem 1rem;
+ color: #212529;
+ text-decoration: none;
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.commit-links-group {
- margin-right: var(--base-size-4);
+.list-group-item:first-child {
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit;
}
-
-.commits-list-item + .commits-list-item {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.list-group-item:last-child {
+ border-bottom-right-radius: inherit;
+ border-bottom-left-radius: inherit;
}
-
-.commit-branches {
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
+.list-group-item.disabled,
+.list-group-item:disabled {
+ color: #6c757d;
+ pointer-events: none;
+ background-color: #fff;
}
-
-.commit-branches .octicon {
- vertical-align: middle;
+.list-group-item.active {
+ z-index: 2;
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.commit-build-statuses {
- position: relative;
- display: inline-block;
- text-align: left;
+.list-group-item + .list-group-item {
+ border-top-width: 0;
}
-
-.commit-build-statuses .dropdown-menu {
- min-width: 362.6666666667px;
- max-width: 544px;
- padding-top: 0;
- padding-bottom: 0;
+.list-group-item + .list-group-item.active {
+ margin-top: -1px;
+ border-top-width: 1px;
}
-.commit-build-statuses .dropdown-menu .merge-status-list {
- max-height: 170px;
- visibility: visible;
- border-bottom: 0;
+.list-group-horizontal {
+ flex-direction: row;
}
-
-.commit-build-statuses .dropdown-menu-w,
-.commit-build-statuses .dropdown-menu-e {
- top: -11px;
+.list-group-horizontal > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
}
-
-.commit-build-statuses .merge-status-item:last-child {
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
+.list-group-horizontal > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
}
-
-.dropdown-signed-commit .dropdown-menu {
- width: 260px;
- margin-top: var(--base-size-8);
- font-size: 14px;
- line-height: 1.4;
- white-space: normal;
+.list-group-horizontal > .list-group-item.active {
+ margin-top: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
}
-.dropdown-signed-commit .dropdown-menu::after {
- border-bottom-color: var(--bgColor-muted, var(--color-canvas-subtle));
+@media (min-width: 576px) {
+ .list-group-horizontal-sm {
+ flex-direction: row;
+ }
+ .list-group-horizontal-sm > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 768px) {
+ .list-group-horizontal-md {
+ flex-direction: row;
+ }
+ .list-group-horizontal-md > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 992px) {
+ .list-group-horizontal-lg {
+ flex-direction: row;
+ }
+ .list-group-horizontal-lg > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 1200px) {
+ .list-group-horizontal-xl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xl > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 1400px) {
+ .list-group-horizontal-xxl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xxl > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+.list-group-flush {
+ border-radius: 0;
+}
+.list-group-flush > .list-group-item {
+ border-width: 0 0 1px;
+}
+.list-group-flush > .list-group-item:last-child {
+ border-bottom-width: 0;
}
-.dropdown-signed-commit .dropdown-menu-w {
- top: -28px;
- margin-top: 0;
+.list-group-item-primary {
+ color: #084298;
+ background-color: #cfe2ff;
}
-
-.dropdown-signed-commit .dropdown-menu-w::after {
- border-bottom-color: transparent;
- border-left-color: var(--bgColor-muted, var(--color-canvas-subtle));
+.list-group-item-primary.list-group-item-action:hover,
+.list-group-item-primary.list-group-item-action:focus {
+ color: #084298;
+ background-color: #bacbe6;
}
-
-.signed-commit-header {
- line-height: 1.3;
- white-space: normal;
- border-collapse: separate;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: solid var(--borderWidth-thin) var(--borderColor-default);
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+.list-group-item-primary.list-group-item-action.active {
+ color: #fff;
+ background-color: #084298;
+ border-color: #084298;
}
-.signed-commit-header .octicon-verified {
- color: var(--fgColor-success, var(--color-success-fg));
+.list-group-item-secondary {
+ color: #41464b;
+ background-color: #e2e3e5;
}
-
-.signed-commit-header .octicon-unverified {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group-item-secondary.list-group-item-action:hover,
+.list-group-item-secondary.list-group-item-action:focus {
+ color: #41464b;
+ background-color: #cbccce;
}
-
-.signed-commit-footer {
- font-size: 12px;
- line-height: 1.5;
+.list-group-item-secondary.list-group-item-action.active {
+ color: #fff;
+ background-color: #41464b;
+ border-color: #41464b;
}
-.signed-commit-cert-info {
- margin-bottom: var(--base-size-4);
+.list-group-item-success {
+ color: #0f5132;
+ background-color: #d1e7dd;
}
-
-.signed-commit-cert-info td {
- vertical-align: top;
+.list-group-item-success.list-group-item-action:hover,
+.list-group-item-success.list-group-item-action:focus {
+ color: #0f5132;
+ background-color: #bcd0c7;
}
-
-.signed-commit-cert-info td:first-child {
- width: 44px;
- padding-right: var(--base-size-12);
+.list-group-item-success.list-group-item-action.active {
+ color: #fff;
+ background-color: #0f5132;
+ border-color: #0f5132;
}
-.signed-commit-badge {
- display: inline-block;
- padding: 1px var(--base-size-4);
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
- -webkit-user-select: none;
- user-select: none;
- background: none;
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+.list-group-item-info {
+ color: #055160;
+ background-color: #cff4fc;
}
-
-.signed-commit-badge:hover {
- text-decoration: none;
- border-color: var(--borderColor-neutral-muted, var(--color-neutral-muted));
+.list-group-item-info.list-group-item-action:hover,
+.list-group-item-info.list-group-item-action:focus {
+ color: #055160;
+ background-color: #badce3;
}
-
-.signed-commit-badge.verified {
- color: var(--fgColor-success, var(--color-success-fg));
+.list-group-item-info.list-group-item-action.active {
+ color: #fff;
+ background-color: #055160;
+ border-color: #055160;
}
-.signed-commit-badge.verified:hover {
- border-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));
+.list-group-item-warning {
+ color: #664d03;
+ background-color: #fff3cd;
}
-
-.signed-commit-badge.unverified {
- color: var(--fgColor-attention, var(--color-attention-fg));
+.list-group-item-warning.list-group-item-action:hover,
+.list-group-item-warning.list-group-item-action:focus {
+ color: #664d03;
+ background-color: #e6dbb9;
}
-
-.signed-commit-badge.unverified:hover {
- border-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
+.list-group-item-warning.list-group-item-action.active {
+ color: #fff;
+ background-color: #664d03;
+ border-color: #664d03;
}
-.signed-commit-badge-small {
- height: 20px;
- margin-top: -2px;
- margin-right: var(--base-size-4);
+.list-group-item-danger {
+ color: #842029;
+ background-color: #f8d7da;
}
-
-.signed-commit-badge-medium {
- height: 20px;
- padding: var(--base-size-4) var(--base-size-8);
- font-size: 12px;
- border-radius: var(--borderRadius-medium);
+.list-group-item-danger.list-group-item-action:hover,
+.list-group-item-danger.list-group-item-action:focus {
+ color: #842029;
+ background-color: #dfc2c4;
}
-
-.signed-commit-badge-large {
- height: 24px;
- padding: var(--base-size-4) var(--base-size-12);
- margin-right: var(--base-size-8);
- font-size: 14px;
- line-height: 20px;
- border-radius: var(--borderRadius-medium);
+.list-group-item-danger.list-group-item-action.active {
+ color: #fff;
+ background-color: #842029;
+ border-color: #842029;
}
-.signed-commit-signer-name {
- font-size: 14px;
- text-align: left;
+.list-group-item-light {
+ color: #636464;
+ background-color: #fefefe;
}
-
-.signed-commit-signer-name .signer {
- display: block;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
+.list-group-item-light.list-group-item-action:hover,
+.list-group-item-light.list-group-item-action:focus {
+ color: #636464;
+ background-color: #e5e5e5;
}
-
-.copyable-terminal {
- position: relative;
- padding: var(--base-size-8) 55px var(--base-size-8) var(--base-size-8);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-radius: var(--borderRadius-medium);
+.list-group-item-light.list-group-item-action.active {
+ color: #fff;
+ background-color: #636464;
+ border-color: #636464;
}
-.copyable-terminal-content {
- overflow: auto;
+.list-group-item-dark {
+ color: #141619;
+ background-color: #d3d3d4;
}
-
-.copyable-terminal-button {
- position: absolute;
- top: 5px;
- right: 5px;
+.list-group-item-dark.list-group-item-action:hover,
+.list-group-item-dark.list-group-item-action:focus {
+ color: #141619;
+ background-color: #bebebf;
}
-
-.copyable-terminal-button .zeroclipboard-button {
- float: right;
+.list-group-item-dark.list-group-item-action.active {
+ color: #fff;
+ background-color: #141619;
+ border-color: #141619;
}
-.copyable-terminal-button .zeroclipboard-button .octicon {
- padding-left: 1px;
- margin: 0 auto;
+.btn-close {
+ box-sizing: content-box;
+ width: 1em;
+ height: 1em;
+ padding: 0.25em 0.25em;
+ color: #000;
+ background: transparent
+ url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
+ center/1em auto no-repeat;
+ border: 0;
+ border-radius: 0.25rem;
+ opacity: 0.5;
}
-
-.blob-wrapper {
- overflow-x: auto;
- overflow-y: hidden;
+.btn-close:hover {
+ color: #000;
+ text-decoration: none;
+ opacity: 0.75;
}
-
-.blob-wrapper table tr:nth-child(2n) {
- background-color: transparent;
+.btn-close:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+ opacity: 1;
}
-
-.page-edit-blob.height-full .CodeMirror {
- height: 300px;
+.btn-close:disabled,
+.btn-close.disabled {
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ opacity: 0.25;
}
-.page-edit-blob.height-full .CodeMirror,
-.page-edit-blob.height-full .CodeMirror-scroll {
- display: flex;
- flex-direction: column;
- flex: 1 1 auto;
+.btn-close-white {
+ filter: invert(1) grayscale(100%) brightness(200%);
}
-.blob-wrapper-embedded {
- max-height: 240px;
- overflow-y: auto;
+.toast {
+ width: 350px;
+ max-width: 100%;
+ font-size: 0.875rem;
+ pointer-events: auto;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ border-radius: 0.25rem;
}
-
-.diff-table {
- width: 100%;
- border-collapse: separate;
+.toast.showing {
+ opacity: 0;
}
-
-.diff-table .blob-code.blob-code-inner {
- padding-left: 22px;
+.toast:not(.show) {
+ display: none;
}
-.diff-table .line-comments {
- padding: 10px;
- vertical-align: top;
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.toast-container {
+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
+ max-width: 100%;
+ pointer-events: none;
}
-
-.diff-table .line-comments:first-child + .empty-cell {
- border-left-width: var(--borderWidth-thin);
+.toast-container > :not(:last-child) {
+ margin-bottom: 0.75rem;
}
-.diff-table tr:not(:last-child) .line-comments {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.toast-header {
+ display: flex;
+ align-items: center;
+ padding: 0.5rem 0.75rem;
+ color: #6c757d;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-
-.diff-view .blob-code-marker-context::before,
-.diff-view .blob-code-marker-injected_context::before,
-.diff-view .blob-code-marker-addition::before,
-.diff-view .blob-code-marker-deletion::before {
- top: var(--base-size-4);
+.toast-header .btn-close {
+ margin-right: -0.375rem;
+ margin-left: 0.75rem;
}
-.diff-view .line-alert,
-.diff-table .line-alert {
- position: absolute;
- left: -60px;
- margin: 2px;
+.toast-body {
+ padding: 0.75rem;
+ word-wrap: break-word;
}
-.comment-body .diff-view .line-alert {
+.modal {
+ position: fixed;
+ top: 0;
left: 0;
+ z-index: 1055;
+ display: none;
+ width: 100%;
+ height: 100%;
+ overflow-x: hidden;
+ overflow-y: auto;
+ outline: 0;
}
-.blob-num {
+.modal-dialog {
position: relative;
- width: 1%;
- min-width: 50px;
- padding-right: 10px;
- padding-left: 10px;
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 12px;
- line-height: 20px;
- color: var(--fgColor-muted, var(--color-fg-subtle));
- text-align: right;
- white-space: nowrap;
- vertical-align: top;
- cursor: pointer;
- -webkit-user-select: none;
- user-select: none;
-}
-
-.blob-num:hover {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.blob-num::before {
- content: attr(data-line-number);
+ width: auto;
+ margin: 0.5rem;
+ pointer-events: none;
}
-
-.blob-num.non-expandable {
- cursor: default;
+.modal.fade .modal-dialog {
+ transition: transform 0.3s ease-out;
+ transform: translate(0, -50px);
}
-
-.blob-num.non-expandable:hover {
- color: var(--fgColor-muted, var(--color-fg-subtle));
+@media (prefers-reduced-motion: reduce) {
+ .modal.fade .modal-dialog {
+ transition: none;
+ }
}
-
-.blob-num-hidden::before {
- visibility: hidden;
+.modal.show .modal-dialog {
+ transform: none;
}
-
-.blob-code {
- position: relative;
- padding-right: 10px;
- padding-left: 10px;
- line-height: 20px;
- vertical-align: top;
+.modal.modal-static .modal-dialog {
+ transform: scale(1.02);
}
-.copilot-chat-enabled .blob-code {
- padding-right: 54px;
+.modal-dialog-scrollable {
+ height: calc(100% - 1rem);
}
-
-.blob-code-inner {
- display: table-cell;
- overflow: visible;
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 12px;
- color: var(--fgColor-default, var(--color-fg-default));
- word-wrap: anywhere;
- white-space: pre;
+.modal-dialog-scrollable .modal-content {
+ max-height: 100%;
+ overflow: hidden;
}
-
-.blob-code-inner .x-first {
- border-top-left-radius: 0.2em;
- border-bottom-left-radius: 0.2em;
+.modal-dialog-scrollable .modal-body {
+ overflow-y: auto;
}
-.blob-code-inner .x-last {
- border-top-right-radius: 0.2em;
- border-bottom-right-radius: 0.2em;
+.modal-dialog-centered {
+ display: flex;
+ align-items: center;
+ min-height: calc(100% - 1rem);
}
-.blob-code-inner.highlighted,
-.blob-code-inner .highlighted {
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
- box-shadow: inset 2px 0 0 var(--borderColor-attention-muted, var(--color-attention-muted));
+.modal-content {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ pointer-events: auto;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 0.3rem;
+ outline: 0;
}
-.blob-code-inner::selection,
-.blob-code-inner *::selection {
- background-color: var(--selection-bgColor, var(--color-accent-muted));
+.modal-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1050;
+ width: 100vw;
+ height: 100vh;
+ background-color: #000;
}
-
-.js-blob-wrapper .blob-code-inner {
- white-space: pre-wrap;
+.modal-backdrop.fade {
+ opacity: 0;
}
-
-.blob-code-inner.blob-code-addition,
-.blob-code-inner.blob-code-deletion {
- position: relative;
- padding-left: 22px !important;
+.modal-backdrop.show {
+ opacity: 0.5;
}
-.blob-code-marker::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- padding-right: var(--base-size-8);
- content: attr(data-code-marker);
+.modal-header {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: space-between;
+ padding: 1rem 1rem;
+ border-bottom: 1px solid #dee2e6;
+ border-top-left-radius: calc(0.3rem - 1px);
+ border-top-right-radius: calc(0.3rem - 1px);
}
-
-.blob-code-context,
-.blob-code-addition,
-.blob-code-deletion {
- padding-left: 22px;
+.modal-header .btn-close {
+ padding: 0.5rem 0.5rem;
+ margin: -0.5rem -0.5rem -0.5rem auto;
}
-.blob-code-marker-addition::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: '+ ';
+.modal-title {
+ margin-bottom: 0;
+ line-height: 1.5;
}
-.blob-code-marker-deletion::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: '- ';
+.modal-body {
+ position: relative;
+ flex: 1 1 auto;
+ padding: 1rem;
}
-.blob-code-marker-context::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: ' ';
+.modal-footer {
+ display: flex;
+ flex-wrap: wrap;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: flex-end;
+ padding: 0.75rem;
+ border-top: 1px solid #dee2e6;
+ border-bottom-right-radius: calc(0.3rem - 1px);
+ border-bottom-left-radius: calc(0.3rem - 1px);
}
-
-.blob-code-marker-injected_context::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: ' ';
+.modal-footer > * {
+ margin: 0.25rem;
}
-.soft-wrap .diff-table {
- table-layout: fixed;
-}
+@media (min-width: 576px) {
+ .modal-dialog {
+ max-width: 500px;
+ margin: 1.75rem auto;
+ }
-.soft-wrap .blob-code {
- padding-left: 18px;
- text-indent: 0;
-}
+ .modal-dialog-scrollable {
+ height: calc(100% - 3.5rem);
+ }
-.soft-wrap .blob-code-inner {
- white-space: pre-wrap;
-}
+ .modal-dialog-centered {
+ min-height: calc(100% - 3.5rem);
+ }
-.soft-wrap .no-nl-marker {
- display: none;
+ .modal-sm {
+ max-width: 300px;
+ }
}
-
-.soft-wrap .add-line-comment {
- margin-top: 0;
- margin-left: -24px;
+@media (min-width: 992px) {
+ .modal-lg,
+ .modal-xl {
+ max-width: 800px;
+ }
}
-
-.soft-wrap .blob-code-context,
-.soft-wrap .blob-code-addition,
-.soft-wrap .blob-code-deletion {
- padding-left: 22px;
- text-indent: 0;
+@media (min-width: 1200px) {
+ .modal-xl {
+ max-width: 1140px;
+ }
}
-
-.blob-num-hunk,
-.blob-code-hunk,
-.blob-num-expandable {
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
+.modal-fullscreen {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
}
-
-.blob-num-hunk,
-.blob-num-expandable {
- background-color: var(--diffBlob-hunkNum-bgColor-rest, var(--diffBlob-hunk-bgColor-num));
+.modal-fullscreen .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
}
-
-.blob-code-hunk {
- padding-top: var(--base-size-4);
- padding-bottom: var(--base-size-4);
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-width: var(--borderWidth-thin) 0;
+.modal-fullscreen .modal-header {
+ border-radius: 0;
}
-
-.blob-expanded .blob-num:not(.blob-num-context-outside-diff),
-.blob-expanded .blob-code:not(.blob-code-context) {
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
+.modal-fullscreen .modal-body {
+ overflow-y: auto;
}
-
-.blob-expanded + tr.show-top-border:not(.blob-expanded) .blob-num,
-.blob-expanded + tr.show-top-border:not(.blob-expanded) .blob-code {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+.modal-fullscreen .modal-footer {
+ border-radius: 0;
}
-.blob-expanded tr.show-top-border .blob-num-hunk,
-.blob-expanded tr.show-top-border .blob-num {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+@media (max-width: 575.98px) {
+ .modal-fullscreen-sm-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-sm-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-sm-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-tr.show-top-border + .blob-expanded .blob-num,
-tr.show-top-border + .blob-expanded .blob-code {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+@media (max-width: 767.98px) {
+ .modal-fullscreen-md-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-md-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-md-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable {
- width: auto;
- padding: 0;
- font-size: 12px;
- text-align: center;
+@media (max-width: 991.98px) {
+ .modal-fullscreen-lg-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-lg-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-lg-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable .directional-expander {
- display: block;
- width: auto;
- height: auto;
- margin-right: -1px;
- color: var(--diffBlob-expander-iconColor, var(--color-diff-blob-expander-icon));
- cursor: pointer;
+@media (max-width: 1199.98px) {
+ .modal-fullscreen-xl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-xl-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable .single-expander {
- padding-top: var(--base-size-4);
- padding-bottom: var(--base-size-4);
+@media (max-width: 1399.98px) {
+ .modal-fullscreen-xxl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-xxl-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable .directional-expander:hover {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
+.tooltip {
+ position: absolute;
+ z-index: 1080;
+ display: block;
+ margin: 0;
+ font-family: var(--bs-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
text-shadow: none;
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.875rem;
+ word-wrap: break-word;
+ opacity: 0;
}
-
-.blob-code-addition {
- background-color: var(--diffBlob-additionLine-bgColor, var(--diffBlob-addition-bgColor-line));
- outline: 1px dotted transparent;
+.tooltip.show {
+ opacity: 0.9;
}
-
-.blob-code-addition .x {
- color: var(--diffBlob-additionWord-fgColor, var(--diffBlob-addition-fgColor-text));
- background-color: var(--diffBlob-additionWord-bgColor, var(--diffBlob-addition-bgColor-word));
+.tooltip .tooltip-arrow {
+ position: absolute;
+ display: block;
+ width: 0.8rem;
+ height: 0.4rem;
}
-
-.blob-num-addition {
- color: var(--diffBlob-additionNum-fgColor, var(--diffBlob-addition-fgColor-num));
- background-color: var(--diffBlob-additionNum-bgColor, var(--diffBlob-addition-bgColor-num));
- border-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));
+.tooltip .tooltip-arrow::before {
+ position: absolute;
+ content: '';
+ border-color: transparent;
+ border-style: solid;
}
-.blob-num-addition:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.bs-tooltip-top,
+.bs-tooltip-auto[data-popper-placement^='top'] {
+ padding: 0.4rem 0;
}
-
-.blob-code-deletion {
- background-color: var(--diffBlob-deletionLine-bgColor, var(--diffBlob-deletion-bgColor-line));
- outline: 1px dashed transparent;
+.bs-tooltip-top .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow {
+ bottom: 0;
}
-
-.blob-code-deletion .x {
- color: var(--diffBlob-deletionWord-fgColor, var(--diffBlob-deletion-fgColor-text));
- background-color: var(--diffBlob-deletionWord-bgColor, var(--diffBlob-deletion-bgColor-word));
+.bs-tooltip-top .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow::before {
+ top: -1px;
+ border-width: 0.4rem 0.4rem 0;
+ border-top-color: #000;
}
-.blob-num-deletion {
- color: var(--diffBlob-deletionNum-fgColor, var(--diffBlob-deletion-fgColor-num));
- background-color: var(--diffBlob-deletionNum-bgColor, var(--diffBlob-deletion-bgColor-num));
- border-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
+.bs-tooltip-end,
+.bs-tooltip-auto[data-popper-placement^='right'] {
+ padding: 0 0.4rem;
}
-
-.blob-num-deletion:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.bs-tooltip-end .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow {
+ left: 0;
+ width: 0.4rem;
+ height: 0.8rem;
}
-
-.is-selecting {
- cursor: ns-resize !important;
+.bs-tooltip-end .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow::before {
+ right: -1px;
+ border-width: 0.4rem 0.4rem 0.4rem 0;
+ border-right-color: #000;
}
-.is-selecting .blob-num {
- cursor: ns-resize !important;
+.bs-tooltip-bottom,
+.bs-tooltip-auto[data-popper-placement^='bottom'] {
+ padding: 0.4rem 0;
}
-
-.is-selecting .add-line-comment,
-.is-selecting a {
- pointer-events: none;
- cursor: ns-resize !important;
+.bs-tooltip-bottom .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow {
+ top: 0;
}
-
-.is-selecting .is-hovered .add-line-comment {
- opacity: 0;
+.bs-tooltip-bottom .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow::before {
+ bottom: -1px;
+ border-width: 0 0.4rem 0.4rem;
+ border-bottom-color: #000;
}
-.is-selecting.file-diff-split {
- cursor: nwse-resize !important;
+.bs-tooltip-start,
+.bs-tooltip-auto[data-popper-placement^='left'] {
+ padding: 0 0.4rem;
}
-
-.is-selecting.file-diff-split .blob-num {
- cursor: nwse-resize !important;
+.bs-tooltip-start .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow {
+ right: 0;
+ width: 0.4rem;
+ height: 0.8rem;
}
-
-.is-selecting.file-diff-split .empty-cell,
-.is-selecting.file-diff-split .add-line-comment,
-.is-selecting.file-diff-split a {
- pointer-events: none;
- cursor: nwse-resize !important;
+.bs-tooltip-start .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow::before {
+ left: -1px;
+ border-width: 0.4rem 0 0.4rem 0.4rem;
+ border-left-color: #000;
}
-.selected-line {
- position: relative;
+.tooltip-inner {
+ max-width: 200px;
+ padding: 0.25rem 0.5rem;
+ color: #fff;
+ text-align: center;
+ background-color: #000;
+ border-radius: 0.25rem;
}
-.selected-line::after {
+.popover {
position: absolute;
top: 0;
- left: 0;
+ left: 0 /* rtl:ignore */;
+ z-index: 1070;
display: block;
- width: 100%;
- height: 100%;
- box-sizing: border-box;
- pointer-events: none;
- content: '';
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
- mix-blend-mode: var(--color-diff-blob-selected-line-highlight-mix-blend-mode);
-}
-
-.selected-line.selected-line-top::after {
- border-top: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
-}
-
-.selected-line.selected-line-bottom::after {
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
-}
-
-.selected-line:first-child::after,
-.selected-line.selected-line-left::after {
- border-left: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
+ max-width: 276px;
+ font-family: var(--bs-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.875rem;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 0.3rem;
}
-
-.selected-line:last-child::after,
-.selected-line.selected-line-right::after {
- border-right: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
+.popover .popover-arrow {
+ position: absolute;
+ display: block;
+ width: 1rem;
+ height: 0.5rem;
}
-
-.is-commenting .selected-line.blob-code::before {
+.popover .popover-arrow::before,
+.popover .popover-arrow::after {
position: absolute;
- top: 0;
- left: -1px;
display: block;
- width: 4px;
- height: 100%;
content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
-}
-
-.add-line-comment {
- position: relative;
- z-index: 1;
- float: left;
- width: 22px;
- height: 22px;
- margin: -2px -10px -2px -32px;
- line-height: 21px;
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- text-align: center;
- text-indent: 0;
- cursor: pointer;
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
- border-radius: var(--borderRadius-medium);
- box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium));
- opacity: 0;
- transition: transform 0.1s ease-in-out;
- transform: scale(0.8, 0.8);
+ border-color: transparent;
+ border-style: solid;
}
-.add-line-comment:hover {
- transform: scale(1, 1);
+.bs-popover-top > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow {
+ bottom: calc(-0.5rem - 1px);
}
-
-.is-hovered .add-line-comment,
-.add-line-comment:focus {
- opacity: 1;
+.bs-popover-top > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before {
+ bottom: 0;
+ border-width: 0.5rem 0.5rem 0;
+ border-top-color: rgba(0, 0, 0, 0.25);
}
-
-.add-line-comment .octicon {
- vertical-align: text-top;
- pointer-events: none;
+.bs-popover-top > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::after {
+ bottom: 1px;
+ border-width: 0.5rem 0.5rem 0;
+ border-top-color: #fff;
}
-.add-line-comment.octicon-check {
- background: #333;
- opacity: 1;
+.bs-popover-end > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow {
+ left: calc(-0.5rem - 1px);
+ width: 0.5rem;
+ height: 1rem;
}
-
-.inline-comment-form {
- border: var(--borderWidth-thin) solid #dfe2e5;
- border-radius: var(--borderRadius-medium);
+.bs-popover-end > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before {
+ left: 0;
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+ border-right-color: rgba(0, 0, 0, 0.25);
}
-
-.timeline-inline-comments {
- width: 100%;
- table-layout: fixed;
+.bs-popover-end > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::after {
+ left: 1px;
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+ border-right-color: #fff;
}
-.timeline-inline-comments .inline-comments,
-.show-inline-notes .inline-comments {
- display: table-row;
+.bs-popover-bottom > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow {
+ top: calc(-0.5rem - 1px);
}
-
-.inline-comments {
- display: none;
+.bs-popover-bottom > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before {
+ top: 0;
+ border-width: 0 0.5rem 0.5rem 0.5rem;
+ border-bottom-color: rgba(0, 0, 0, 0.25);
}
-
-.inline-comments .line-comments + .blob-num {
- border-left-width: var(--borderWidth-thin);
+.bs-popover-bottom > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::after {
+ top: 1px;
+ border-width: 0 0.5rem 0.5rem 0.5rem;
+ border-bottom-color: #fff;
}
-
-.inline-comments .timeline-comment {
- margin-bottom: 10px;
+.bs-popover-bottom .popover-header::before,
+.bs-popover-auto[data-popper-placement^='bottom'] .popover-header::before {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ display: block;
+ width: 1rem;
+ margin-left: -0.5rem;
+ content: '';
+ border-bottom: 1px solid #f0f0f0;
}
-.inline-comments .inline-comment-form,
-.inline-comments .inline-comment-form-container {
- max-width: 780px;
+.bs-popover-start > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow {
+ right: calc(-0.5rem - 1px);
+ width: 0.5rem;
+ height: 1rem;
}
-
-.comment-holder {
- max-width: 780px;
+.bs-popover-start > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before {
+ right: 0;
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+ border-left-color: rgba(0, 0, 0, 0.25);
}
-
-.comment-holder + .comment-holder {
- margin-top: var(--base-size-16);
+.bs-popover-start > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::after {
+ right: 1px;
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+ border-left-color: #fff;
}
-.line-comments + .line-comments,
-.empty-cell + .line-comments {
- border-left: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+.popover-header {
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ font-size: 1rem;
+ background-color: #f0f0f0;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ border-top-left-radius: calc(0.3rem - 1px);
+ border-top-right-radius: calc(0.3rem - 1px);
}
-
-.inline-comment-form-container .inline-comment-form-box,
-.inline-comment-form-container.open .inline-comment-form-actions {
+.popover-header:empty {
display: none;
}
-.inline-comment-form-container .inline-comment-form-actions,
-.inline-comment-form-container.open .inline-comment-form-box {
- display: block;
-}
-
-body.full-width .container,
-body.full-width .container-lg:not(.markdown-body),
-body.full-width .container-xl {
- width: 100%;
- max-width: none;
- padding-right: var(--base-size-20);
- padding-left: var(--base-size-20);
-}
-
-body.full-width .repository-content {
- width: 100%;
-}
-
-body.full-width .new-pr-form {
- max-width: 980px;
+.popover-body {
+ padding: 1rem 1rem;
+ color: #212529;
}
-.file-diff-split {
- table-layout: fixed;
+.carousel {
+ position: relative;
}
-.file-diff-split .blob-code + .blob-num {
- border-left: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+.carousel.pointer-event {
+ touch-action: pan-y;
}
-.file-diff-split .blob-code-inner {
- white-space: pre-wrap;
+.carousel-inner {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
}
-
-.file-diff-split .empty-cell {
- cursor: default;
- background-color: var(--diffBlob-emptyLine-bgColor, var(--bgColor-muted));
- border-right-color: var(--borderColor-muted, var(--color-border-muted));
+.carousel-inner::after {
+ display: block;
+ clear: both;
+ content: '';
}
-@media (max-width: 1280px) {
- .file-diff-split .write-selected .comment-form-head.tabnav:not(.CommentBox-header) {
- margin-bottom: var(--base-size-80) !important;
- }
-
- .file-diff-split .tabnav:not(.CommentBox-header) markdown-toolbar {
- position: absolute;
- top: 47px;
- right: 0;
- left: 0;
- height: 64px;
- align-items: center !important;
- }
+.carousel-item {
+ position: relative;
+ display: none;
+ float: left;
+ width: 100%;
+ margin-right: -100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ transition: transform 0.6s ease-in-out;
}
-
-@media (min-width: 1280px) {
- .file-diff-split .write-selected .comment-form-head.tabnav:not(.CommentBox-header) .tabnav-tabs {
- align-self: end;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-item {
+ transition: none;
}
}
-.submodule-diff-stats .octicon-diff-removed {
- color: var(--fgColor-danger, var(--color-danger-fg));
-}
-
-.submodule-diff-stats .octicon-diff-renamed {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.submodule-diff-stats .octicon-diff-modified {
- color: var(--fgColor-attention, var(--color-attention-fg));
-}
-
-.submodule-diff-stats .octicon-diff-added {
- color: var(--fgColor-success, var(--color-success-fg));
-}
-
-.BlobToolbar {
- left: -17px;
-}
-
-.BlobToolbar-dropdown {
- margin-left: -2px;
-}
-
-.pl-token:hover,
-.pl-token.active {
- cursor: pointer;
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
-}
-
-.diffstat {
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- cursor: default;
-}
-
-.diffstat-block-deleted,
-.diffstat-block-added,
-.diffstat-block-neutral {
- display: inline-block;
- width: var(--base-size-8);
- height: var(--base-size-8);
- margin-left: 1px;
-}
-
-.diffstat-block-deleted {
- background-color: var(--bgColor-danger-emphasis, var(--color-danger-emphasis));
-}
-
-.diffstat-block-added {
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
-}
-
-.diffstat-block-neutral {
- background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted));
- outline: 1px solid var(--borderColor-muted, var(--color-border-subtle));
- outline-offset: -1px;
-}
-
-.discussion-sidebar-item {
- padding-top: var(--base-size-16);
- font-size: 12px;
-}
-
-.discussion-sidebar-item .btn .octicon {
- margin-right: 0;
-}
-
-.discussion-sidebar-item .muted-icon {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.discussion-sidebar-item .muted-icon:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- cursor: pointer;
-}
-
-.discussion-sidebar-item + .discussion-sidebar-item {
- margin-top: var(--base-size-16);
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.discussion-sidebar-item .select-menu {
- position: relative;
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+ display: block;
}
-.discussion-sidebar-item .select-menu-modal-holder {
- top: 25px;
- right: -1px;
- left: auto;
+/* rtl:begin:ignore */
+.carousel-item-next:not(.carousel-item-start),
+.active.carousel-item-end {
+ transform: translateX(100%);
}
-.discussion-sidebar-heading {
- margin-bottom: var(--base-size-8);
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.carousel-item-prev:not(.carousel-item-end),
+.active.carousel-item-start {
+ transform: translateX(-100%);
}
-.discussion-sidebar-toggle {
- padding: var(--base-size-4) 0;
- margin: calc(var(--base-size-4) * -1) 0 var(--base-size-4);
+/* rtl:end:ignore */
+.carousel-fade .carousel-item {
+ opacity: 0;
+ transition-property: opacity;
+ transform: none;
}
-
-.discussion-sidebar-toggle .octicon {
- float: right;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-start,
+.carousel-fade .carousel-item-prev.carousel-item-end {
+ z-index: 1;
+ opacity: 1;
}
-
-.discussion-sidebar-toggle:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- cursor: pointer;
+.carousel-fade .active.carousel-item-start,
+.carousel-fade .active.carousel-item-end {
+ z-index: 0;
+ opacity: 0;
+ transition: opacity 0s 0.6s;
}
-
-.discussion-sidebar-toggle:hover .octicon {
- color: inherit;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-fade .active.carousel-item-start,
+ .carousel-fade .active.carousel-item-end {
+ transition: none;
+ }
}
-button.discussion-sidebar-toggle {
- display: block;
- width: 100%;
- font-weight: var(--base-text-weight-semibold, 600);
- text-align: left;
+.carousel-control-prev,
+.carousel-control-next {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 15%;
+ padding: 0;
+ color: #fff;
+ text-align: center;
background: none;
border: 0;
+ opacity: 0.5;
+ transition: opacity 0.15s ease;
}
-
-.sidebar-progress-bar .progress-bar {
- height: var(--base-size-8);
- margin-bottom: 2px;
- border-radius: var(--borderRadius-medium);
-}
-
-.sidebar-assignee .css-truncate-target {
- max-width: 110px;
-}
-
-.sidebar-assignee .assignee {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-control-prev,
+ .carousel-control-next {
+ transition: none;
+ }
}
-
-.sidebar-assignee .assignee:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.carousel-control-prev:hover,
+.carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
+ color: #fff;
text-decoration: none;
+ outline: 0;
+ opacity: 0.9;
}
-.sidebar-assignee .reviewers-status-icon {
- width: 14px;
-}
-
-.sidebar-assignee .octicon {
- margin-top: 2px;
-}
-
-.sidebar-notifications {
- position: relative;
-}
-
-.sidebar-notifications .thread-subscription-status {
- padding: 0;
- margin: 0;
- border: 0;
-}
-
-.sidebar-notifications .thread-subscription-status .thread-subscribe-form {
- display: block;
-}
-
-.sidebar-notifications .thread-subscription-status .reason {
- padding: 0;
- margin: var(--base-size-4) 0 0;
+.carousel-control-prev {
+ left: 0;
}
-.participation .participant-avatar {
- float: left;
- margin: var(--base-size-4) 0 0 var(--base-size-4);
+.carousel-control-next {
+ right: 0;
}
-.participation a {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ background-repeat: no-repeat;
+ background-position: 50%;
+ background-size: 100% 100%;
}
-.participation a:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
+/* rtl:options: {
+ "autoRename": true,
+ "stringMap":[ {
+ "name" : "prev-next",
+ "search" : "prev",
+ "replace" : "next"
+ } ]
+} */
+.carousel-control-prev-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
-.participation-avatars {
- margin-left: calc(var(--base-size-4) * -1);
+.carousel-control-next-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
-.participation-avatars::before {
- display: table;
- content: '';
+.carousel-indicators {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 2;
+ display: flex;
+ justify-content: center;
+ padding: 0;
+ margin-right: 15%;
+ margin-bottom: 1rem;
+ margin-left: 15%;
+ list-style: none;
}
-
-.participation-avatars::after {
- display: table;
- clear: both;
- content: '';
+.carousel-indicators [data-bs-target] {
+ box-sizing: content-box;
+ flex: 0 1 auto;
+ width: 30px;
+ height: 3px;
+ padding: 0;
+ margin-right: 3px;
+ margin-left: 3px;
+ text-indent: -999px;
+ cursor: pointer;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 0;
+ border-top: 10px solid transparent;
+ border-bottom: 10px solid transparent;
+ opacity: 0.5;
+ transition: opacity 0.6s ease;
}
-
-.participation-more {
- float: left;
- margin: var(--base-size-8) var(--base-size-4) 0;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-indicators [data-bs-target] {
+ transition: none;
+ }
}
-
-.inline-comment-form .form-actions,
-.timeline-new-comment .form-actions {
- padding: 0 var(--base-size-8) var(--base-size-8);
+.carousel-indicators .active {
+ opacity: 1;
}
-.inline-comment-form::before {
- display: table;
- content: '';
+.carousel-caption {
+ position: absolute;
+ right: 15%;
+ bottom: 1.25rem;
+ left: 15%;
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ color: #fff;
+ text-align: center;
}
-.inline-comment-form::after {
- display: table;
- clear: both;
- content: '';
+.carousel-dark .carousel-control-prev-icon,
+.carousel-dark .carousel-control-next-icon {
+ filter: invert(1) grayscale(100);
}
-
-.inline-comment-form .tabnav-tabs {
- display: inline-block;
+.carousel-dark .carousel-indicators [data-bs-target] {
+ background-color: #000;
}
-
-.inline-comment-form .form-actions {
- float: right;
+.carousel-dark .carousel-caption {
+ color: #000;
}
-.gh-header-actions {
- float: right;
- margin-top: var(--base-size-4);
+@-webkit-keyframes spinner-border {
+ to {
+ transform: rotate(360deg) /* rtl:ignore */;
+ }
}
-.gh-header-actions .btn-sm {
- float: left;
- margin-left: var(--base-size-4);
+@keyframes spinner-border {
+ to {
+ transform: rotate(360deg) /* rtl:ignore */;
+ }
}
-
-.gh-header-actions .btn-sm .octicon {
- margin-right: 0;
+.spinner-border {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ vertical-align: -0.125em;
+ border: 0.25em solid currentColor;
+ border-right-color: transparent;
+ border-radius: 50%;
+ -webkit-animation: 0.75s linear infinite spinner-border;
+ animation: 0.75s linear infinite spinner-border;
}
-.gh-header {
- background-color: var(--bgColor-default, var(--color-canvas-default));
+.spinner-border-sm {
+ width: 1rem;
+ height: 1rem;
+ border-width: 0.2em;
}
-.gh-header .gh-header-sticky {
- height: 1px;
+@-webkit-keyframes spinner-grow {
+ 0% {
+ transform: scale(0);
+ }
+ 50% {
+ opacity: 1;
+ transform: none;
+ }
}
-.gh-header .gh-header-sticky .meta {
- font-size: 12px;
+@keyframes spinner-grow {
+ 0% {
+ transform: scale(0);
+ }
+ 50% {
+ opacity: 1;
+ transform: none;
+ }
}
-
-.gh-header .gh-header-sticky .sticky-content,
-.gh-header .gh-header-sticky .gh-header-shadow {
- display: none;
+.spinner-grow {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ vertical-align: -0.125em;
+ background-color: currentColor;
+ border-radius: 50%;
+ opacity: 0;
+ -webkit-animation: 0.75s linear infinite spinner-grow;
+ animation: 0.75s linear infinite spinner-grow;
}
-.gh-header .gh-header-sticky.is-stuck {
- z-index: 110;
- height: 60px;
+.spinner-grow-sm {
+ width: 1rem;
+ height: 1rem;
}
-.gh-header .gh-header-sticky.is-stuck .sticky-content {
- display: block;
+@media (prefers-reduced-motion: reduce) {
+ .spinner-border,
+ .spinner-grow {
+ -webkit-animation-duration: 1.5s;
+ animation-duration: 1.5s;
+ }
}
-
-.gh-header .gh-header-sticky.is-stuck .css-truncate-target {
- max-width: 150px;
+.offcanvas {
+ position: fixed;
+ bottom: 0;
+ z-index: 1045;
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ visibility: hidden;
+ background-color: #fff;
+ background-clip: padding-box;
+ outline: 0;
+ transition: transform 0.3s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .offcanvas {
+ transition: none;
+ }
}
-.gh-header .gh-header-sticky.is-stuck + .gh-header-shadow {
+.offcanvas-backdrop {
position: fixed;
top: 0;
- right: 0;
left: 0;
- z-index: 109;
- display: block;
- height: 60px;
- content: '';
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+ z-index: 1040;
+ width: 100vw;
+ height: 100vh;
+ background-color: #000;
}
-
-.gh-header .gh-header-edit {
- display: none;
+.offcanvas-backdrop.fade {
+ opacity: 0;
}
-
-.gh-header .gh-header-meta .base-ref {
- display: inline-block;
+.offcanvas-backdrop.show {
+ opacity: 0.5;
}
-.gh-header .gh-header-meta .commit-ref-dropdown {
- display: none;
+.offcanvas-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 1rem 1rem;
}
-
-.gh-header.open .gh-header-show {
- display: none;
+.offcanvas-header .btn-close {
+ padding: 0.5rem 0.5rem;
+ margin-top: -0.5rem;
+ margin-right: -0.5rem;
+ margin-bottom: -0.5rem;
}
-.gh-header.open .gh-header-edit {
- display: block;
+.offcanvas-title {
+ margin-bottom: 0;
+ line-height: 1.5;
}
-.gh-header.open .gh-header-meta .base-ref {
- display: none;
+.offcanvas-body {
+ flex-grow: 1;
+ padding: 1rem 1rem;
+ overflow-y: auto;
}
-.gh-header.open .gh-header-meta .commit-ref-dropdown {
- display: inline-block;
- margin-top: calc(var(--base-size-4) * -1);
- vertical-align: top;
+.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: 400px;
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateX(-100%);
}
-.gh-header-title {
- margin-right: 150px;
- margin-bottom: 0;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1.125;
- word-wrap: break-word;
+.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: 400px;
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateX(100%);
}
-.gh-header-no-access .gh-header-title {
- margin-right: 0;
+.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: 30vh;
+ max-height: 100%;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateY(-100%);
}
-.gh-header-number {
- font-weight: var(--base-text-weight-light, 300);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: 30vh;
+ max-height: 100%;
+ border-top: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateY(100%);
}
-.gh-header-meta {
- padding-bottom: var(--base-size-8);
- margin-top: var(--base-size-8);
- font-size: 14px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.offcanvas.show {
+ transform: none;
}
-.gh-header.issue .gh-header-meta {
- margin-bottom: var(--base-size-16);
+.placeholder {
+ display: inline-block;
+ min-height: 1em;
+ vertical-align: middle;
+ cursor: wait;
+ background-color: currentColor;
+ opacity: 0.5;
}
-
-.gh-header.pull .gh-header-meta {
- padding-bottom: 0;
- border-bottom: 0;
+.placeholder.btn::before {
+ display: inline-block;
+ content: '';
}
-.gh-header-meta .commit-ref .css-truncate-target,
-.gh-header-meta .commit-ref:hover .css-truncate-target {
- max-width: 80vw;
+.placeholder-xs {
+ min-height: 0.6em;
}
-.gh-header-meta .State {
- margin-right: var(--base-size-8);
+.placeholder-sm {
+ min-height: 0.8em;
}
-.gh-header-meta .avatar {
- float: left;
- margin-top: calc(var(--base-size-4) * -1);
- margin-right: var(--base-size-4);
+.placeholder-lg {
+ min-height: 1.2em;
}
-.timeline-comment-wrapper {
- position: relative;
- padding-left: 56px;
- margin-top: var(--base-size-16);
- margin-bottom: var(--base-size-16);
+.placeholder-glow .placeholder {
+ -webkit-animation: placeholder-glow 2s ease-in-out infinite;
+ animation: placeholder-glow 2s ease-in-out infinite;
}
-.timeline-comment-avatar {
- float: left;
- margin-left: -56px;
- border-radius: var(--borderRadius-medium);
+@-webkit-keyframes placeholder-glow {
+ 50% {
+ opacity: 0.2;
+ }
}
-.timeline-comment-avatar .avatar {
- width: var(--base-size-40);
- height: var(--base-size-40);
+@keyframes placeholder-glow {
+ 50% {
+ opacity: 0.2;
+ }
}
-
-.timeline-comment-avatar .avatar-child {
- width: 20px;
- height: 20px;
+.placeholder-wave {
+ -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+ mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+ -webkit-mask-size: 200% 100%;
+ mask-size: 200% 100%;
+ -webkit-animation: placeholder-wave 2s linear infinite;
+ animation: placeholder-wave 2s linear infinite;
}
-.timeline-comment {
- position: relative;
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
+@-webkit-keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0%;
+ mask-position: -200% 0%;
+ }
}
-.timeline-comment.will-transition-once {
- transition: border-color 0.65s ease-in-out;
+@keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0%;
+ mask-position: -200% 0%;
+ }
}
-
-.timeline-comment.will-transition-once .timeline-comment-header {
- transition: background-color 0.65s ease, border-bottom-color 0.65s ease-in-out;
+.clearfix::after {
+ display: block;
+ clear: both;
+ content: '';
}
-.timeline-comment.will-transition-once::before,
-.timeline-comment.will-transition-once::after {
- transition: border-right-color 0.65s ease-in-out;
+.link-primary {
+ color: #0d6efd;
}
-
-.timeline-comment.current-user {
- border-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-primary:hover,
+.link-primary:focus {
+ color: #0a58ca;
}
-.timeline-comment.current-user .timeline-comment-header {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-bottom-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-secondary {
+ color: #6c757d;
}
-
-.timeline-comment.current-user .Label {
- border-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-secondary:hover,
+.link-secondary:focus {
+ color: #565e64;
}
-.timeline-comment.current-user .previewable-comment-form .comment-form-head.tabnav {
- color: var(--borderColor-accent-muted, var(--color-accent-muted));
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-bottom-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-success {
+ color: #198754;
}
-
-.timeline-comment.unread-item,
-.timeline-comment.is-internal {
- border-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-success:hover,
+.link-success:focus {
+ color: #146c43;
}
-.timeline-comment.unread-item .timeline-comment-header,
-.timeline-comment.is-internal .timeline-comment-header {
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
- border-bottom-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-info {
+ color: #0dcaf0;
}
-
-.timeline-comment.unread-item .Label,
-.timeline-comment.is-internal .Label {
- border-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-info:hover,
+.link-info:focus {
+ color: #3dd5f3;
}
-.timeline-comment.unread-item .previewable-comment-form .comment-form-head.tabnav,
-.timeline-comment.is-internal .previewable-comment-form .comment-form-head.tabnav {
- color: var(--borderColor-attention-muted, var(--color-attention-muted));
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
- border-bottom-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-warning {
+ color: #ffc107;
}
-
-.timeline-comment:empty {
- display: none;
+.link-warning:hover,
+.link-warning:focus {
+ color: #ffcd39;
}
-.timeline-comment .comment + .comment {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.link-danger {
+ color: #dc3545;
}
-
-.timeline-comment .comment + .comment::before,
-.timeline-comment .comment + .comment::after {
- display: none;
+.link-danger:hover,
+.link-danger:focus {
+ color: #b02a37;
}
-.timeline-comment .comment + .comment .timeline-comment-header {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
+.link-light {
+ color: #f8f9fa;
}
-
-.timeline-comment--caret-nw.empty-copilot-review::after,
-.timeline-comment--caret-nw.empty-copilot-review::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.link-light:hover,
+.link-light:focus {
+ color: #f9fafb;
}
-.timeline-comment--caret-nw.empty-copilot-review::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-default, var(--color-canvas-subtle)),
- var(--bgColor-default, var(--color-canvas-subtle))
- );
+.link-dark {
+ color: #212529;
}
-
-.timeline-comment--caret-nw.empty-copilot-review::before {
- background-color: var(--borderColor-default, var(--color-border-default));
+.link-dark:hover,
+.link-dark:focus {
+ color: #1a1e21;
}
-.timeline-comment--caret::after,
-.timeline-comment--caret::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
+.ratio {
+ position: relative;
+ width: 100%;
+}
+.ratio::before {
display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+ padding-top: var(--bs-aspect-ratio);
+ content: '';
}
-
-.timeline-comment--caret::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-muted, var(--color-canvas-subtle)),
- var(--bgColor-muted, var(--color-canvas-subtle))
- );
+.ratio > * {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
}
-.timeline-comment--caret::before {
- background-color: var(--borderColor-default, var(--color-border-default));
+.ratio-1x1 {
+ --bs-aspect-ratio: 100%;
}
-.is-pending .timeline-comment--caret::after,
-.is-pending .timeline-comment--caret::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.ratio-4x3 {
+ --bs-aspect-ratio: 75%;
}
-.is-pending .timeline-comment--caret::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-attention-muted, var(--color-attention-subtle)),
- var(--bgColor-attention-muted, var(--color-attention-subtle))
- );
+.ratio-16x9 {
+ --bs-aspect-ratio: 56.25%;
}
-.is-pending .timeline-comment--caret::before {
- background-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
+.ratio-21x9 {
+ --bs-aspect-ratio: 42.8571428571%;
}
-.timeline-comment--caret.current-user::after,
-.timeline-comment--caret.current-user::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.fixed-top {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1030;
}
-.timeline-comment--caret.current-user::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-accent-muted, var(--color-accent-subtle)),
- var(--bgColor-accent-muted, var(--color-accent-subtle))
- );
+.fixed-bottom {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1030;
}
-.timeline-comment--caret.current-user::before {
- background-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.sticky-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
}
-.timeline-comment--caret.unread-item::after,
-.timeline-comment--caret.unread-item::before,
-.timeline-comment--caret.is-internal::after,
-.timeline-comment--caret.is-internal::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+@media (min-width: 576px) {
+ .sticky-sm-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
}
-
-.timeline-comment--caret.unread-item::after,
-.timeline-comment--caret.is-internal::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-attention-muted, var(--color-attention-subtle)),
- var(--bgColor-attention-muted, var(--color-attention-subtle))
- );
+@media (min-width: 768px) {
+ .sticky-md-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
}
-
-.timeline-comment--caret.unread-item::before,
-.timeline-comment--caret.is-internal::before {
- background-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+@media (min-width: 992px) {
+ .sticky-lg-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1200px) {
+ .sticky-xl-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1400px) {
+ .sticky-xxl-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+.hstack {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ align-self: stretch;
}
-.timeline-comment--caret.timeline-comment--caret-nw::before,
-.timeline-comment--caret.timeline-comment--caret-nw::after {
- transform: rotate(90deg);
+.vstack {
+ display: flex;
+ flex: 1 1 auto;
+ flex-direction: column;
+ align-self: stretch;
}
-.timeline-comment--caret.timeline-comment--caret-nw::before {
- top: -12px;
- left: var(--base-size-12);
+.visually-hidden,
+.visually-hidden-focusable:not(:focus):not(:focus-within) {
+ position: absolute !important;
+ width: 1px !important;
+ height: 1px !important;
+ padding: 0 !important;
+ margin: -1px !important;
+ overflow: hidden !important;
+ clip: rect(0, 0, 0, 0) !important;
+ white-space: nowrap !important;
+ border: 0 !important;
}
-.timeline-comment--caret.timeline-comment--caret-nw::after {
- top: -10px;
- left: 10px;
+.stretched-link::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ content: '';
}
-.page-responsive .timeline-comment--caret::before,
-.page-responsive .timeline-comment--caret::after {
- display: none;
+.text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
-@media (min-width: 768px) {
- .page-responsive .timeline-comment--caret::before,
- .page-responsive .timeline-comment--caret::after {
- display: block;
- }
+.vr {
+ display: inline-block;
+ align-self: stretch;
+ width: 1px;
+ min-height: 1em;
+ background-color: currentColor;
+ opacity: 0.25;
}
-:target .timeline-comment--caret::before {
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-fg));
+.align-baseline {
+ vertical-align: baseline !important;
}
-:target .timeline-comment--caret::after {
- margin-left: 2px !important;
+.align-top {
+ vertical-align: top !important;
}
-:target .timeline-comment {
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-fg));
- outline: none !important;
- box-shadow: 0 0 0 1px var(--fgColor-accent, var(--color-accent-fg)) !important;
+.align-middle {
+ vertical-align: middle !important;
}
-.review-comment:target {
- border-radius: var(--borderRadius-medium);
- outline: none !important;
- box-shadow: 0 0 0 1px var(--fgColor-accent, var(--color-accent-fg)) !important;
+.align-bottom {
+ vertical-align: bottom !important;
}
-.timeline-comment-header {
- display: flex;
- align-items: center;
- padding-right: var(--base-size-16);
- padding-left: var(--base-size-16);
- color: var(--fgColor-muted, var(--color-fg-muted));
- flex-direction: row-reverse;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+.align-text-bottom {
+ vertical-align: text-bottom !important;
}
-.timeline-comment-header:only-child {
- border-bottom: 0;
- border-radius: var(--borderRadius-medium);
+.align-text-top {
+ vertical-align: text-top !important;
}
-.timeline-comment-header .author {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.float-start {
+ float: left !important;
}
-.timeline-comment-header code {
- word-break: break-all;
+.float-end {
+ float: right !important;
}
-.timeline-comment-header-text {
- min-width: 0;
- padding-top: var(--base-size-8);
- padding-bottom: var(--base-size-8);
- margin-bottom: 1px;
- flex: 1 1 auto;
+.float-none {
+ float: none !important;
}
-.timeline-comment-header-text code a {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.opacity-0 {
+ opacity: 0 !important;
}
-.timeline-comment-actions {
- float: right;
- margin-left: var(--base-size-8);
+.opacity-25 {
+ opacity: 0.25 !important;
}
-.timeline-comment-actions .show-more-popover.dropdown-menu-sw {
- right: -6px;
- margin-top: calc(var(--base-size-4) * -1);
+.opacity-50 {
+ opacity: 0.5 !important;
}
-.timeline-comment-action {
- display: inline-block;
- padding: var(--base-size-8) var(--base-size-4);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.opacity-75 {
+ opacity: 0.75 !important;
}
-.timeline-comment-action:hover,
-.timeline-comment-action:focus {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- opacity: 1;
+.opacity-100 {
+ opacity: 1 !important;
}
-.timeline-comment-action .octicon-check {
- height: 16px;
+.overflow-auto {
+ overflow: auto !important;
}
-.timeline-comment-action.disabled {
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: default;
+.overflow-hidden {
+ overflow: hidden !important;
}
-.timeline-comment-action.disabled:hover {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.overflow-visible {
+ overflow: visible !important;
}
-.timeline-new-comment {
- margin-bottom: 0;
+.overflow-scroll {
+ overflow: scroll !important;
}
-.timeline-new-comment .comment-form-head {
- margin-bottom: var(--base-size-8);
+.d-inline {
+ display: inline !important;
}
-.timeline-new-comment .previewable-comment-form .comment-body {
- padding-top: 0;
+.d-inline-block {
+ display: inline-block !important;
}
-.discussion-item-icon {
- float: left;
- width: 32px;
- height: 32px;
- margin-top: calc(var(--base-size-4) * -1);
- margin-left: -39px;
- line-height: 28px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- text-align: center;
- background-color: var(--timelineBadge-bgColor, var(--color-timeline-badge-bg));
- border: var(--borderWidth-thick) solid var(--bgColor-default, var(--color-canvas-default));
- border-radius: 50%;
+.d-block {
+ display: block !important;
}
-.discussion-item-header {
- color: var(--fgColor-muted, var(--color-fg-muted));
- word-wrap: break-word;
+.d-grid {
+ display: grid !important;
}
-.discussion-item-header .discussion-item-private {
- vertical-align: -1px;
+.d-table {
+ display: table !important;
}
-.discussion-item-header:last-child {
- padding-bottom: 0;
+.d-table-row {
+ display: table-row !important;
}
-.discussion-item-header .commit-ref {
- font-size: 85%;
- vertical-align: baseline;
+.d-table-cell {
+ display: table-cell !important;
}
-.discussion-item-header .btn-outline {
- float: right;
- padding: var(--base-size-4) var(--base-size-8);
- margin-top: calc(var(--base-size-4) * -1);
- margin-left: var(--base-size-8);
+.d-flex {
+ display: flex !important;
}
-.discussion-item-private {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.d-inline-flex {
+ display: inline-flex !important;
}
-.previewable-comment-form .comment-form-head.tabnav {
- padding: var(--base-size-8) var(--base-size-8) 0;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.d-none {
+ display: none !important;
}
-@media (min-width: 768px) {
- .page-responsive .previewable-comment-form .comment-form-head.tabnav {
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- }
+.shadow {
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
-.previewable-comment-form .comment-body {
- padding-top: var(--base-size-8);
- padding-right: var(--base-size-8);
- padding-bottom: var(--base-size-8);
- padding-left: var(--base-size-8);
- background-color: transparent;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.shadow-sm {
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
-.previewable-comment-form .timeline-comment .timeline-comment-actions {
- display: none;
+.shadow-lg {
+ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
-.new-discussion-timeline .composer .timeline-comment {
- margin-bottom: var(--base-size-8);
+.shadow-none {
+ box-shadow: none !important;
}
-.new-discussion-timeline .composer .comment-form-head.tabnav {
- padding-top: 0;
- background-color: var(--bgColor-default, var(--color-canvas-default));
+.position-static {
+ position: static !important;
}
-.composer.composer-responsive {
- padding-left: 0;
+.position-relative {
+ position: relative !important;
}
-.composer.composer-responsive .discussion-topic-header {
- padding: 0;
+.position-absolute {
+ position: absolute !important;
}
-.composer.composer-responsive .timeline-comment {
- border: 0;
+.position-fixed {
+ position: fixed !important;
}
-.composer.composer-responsive .timeline-comment::before,
-.composer.composer-responsive .timeline-comment::after {
- display: none;
+.position-sticky {
+ position: -webkit-sticky !important;
+ position: sticky !important;
}
-.composer.composer-responsive .previewable-comment-form .write-content {
- margin: 0;
+.top-0 {
+ top: 0 !important;
}
-@media (min-width: 768px) {
- .composer.composer-responsive {
- padding-left: 56px;
- }
-
- .composer.composer-responsive .timeline-comment {
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- }
-
- .composer.composer-responsive .timeline-comment::after,
- .composer.composer-responsive .timeline-comment::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
- }
-
- .composer.composer-responsive .timeline-comment::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-default, var(--color-canvas-default)),
- var(--bgColor-default, var(--color-canvas-default))
- );
- }
-
- .composer.composer-responsive .timeline-comment::before {
- background-color: var(--borderColor-default, var(--color-border-default));
- }
+.top-50 {
+ top: 50% !important;
}
-.discussion-timeline-actions {
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-top: var(--borderWidth-thick) solid var(--borderColor-default, var(--color-border-default));
+.top-100 {
+ top: 100% !important;
}
-.discussion-timeline-actions .thread-subscription-status {
- margin-top: var(--base-size-16);
+.bottom-0 {
+ bottom: 0 !important;
}
-.pagination-loader-container {
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: url('/assets/progressive-disclosure-line-7908f33fc4c6.svg');
- background-repeat: repeat-x;
- background-position: center;
- background-size: var(--base-size-16);
+.bottom-50 {
+ bottom: 50% !important;
}
-[data-color-mode='light'][data-light-theme*='dark'] .pagination-loader-container,
-[data-color-mode='dark'][data-dark-theme*='dark'] .pagination-loader-container {
- background-image: url('/assets/progressive-disclosure-line-dark-b31a1fc5e932.svg');
+.bottom-100 {
+ bottom: 100% !important;
}
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] .pagination-loader-container {
- background-image: url('/assets/progressive-disclosure-line-dark-b31a1fc5e932.svg');
- }
+.start-0 {
+ left: 0 !important;
}
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] .pagination-loader-container {
- background-image: url('/assets/progressive-disclosure-line-dark-b31a1fc5e932.svg');
- }
+.start-50 {
+ left: 50% !important;
}
-:target .timeline-comment-group .timeline-comment .timeline-comment-group .timeline-comment {
- box-shadow: none !important;
+.start-100 {
+ left: 100% !important;
}
-.is-pending .form-actions {
- margin-right: var(--base-size-8);
- margin-bottom: var(--base-size-4);
+.end-0 {
+ right: 0 !important;
}
-.is-pending .file,
-.is-pending .file-header,
-.is-pending .tabnav-tab.selected,
-.is-pending .comment-form-head.tabnav {
- border-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
+.end-50 {
+ right: 50% !important;
}
-.is-pending .file-header,
-.is-pending .comment-form-head.tabnav {
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
+.end-100 {
+ right: 100% !important;
}
-.discussion-item-icon-gray {
- background-color: var(--timelineBadge-bgColor, var(--color-timeline-badge-bg)) !important;
+.translate-middle {
+ transform: translate(-50%, -50%) !important;
}
-.footer-octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
- offset: 2px;
+.translate-middle-x {
+ transform: translateX(-50%) !important;
}
-.footer-octicon:hover {
- color: var(--fgColor-disabled, var(--color-fg-subtle));
+.translate-middle-y {
+ transform: translateY(-50%) !important;
}
-.global-create-button {
- padding: 0 var(--control-small-paddingInline-condensed);
+.border {
+ border: 1px solid #dee2e6 !important;
}
-.user-mention,
-.team-mention {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
- white-space: nowrap;
+.border-0 {
+ border: 0 !important;
}
-.Popover .user-mention,
-.Popover .team-mention {
- white-space: normal;
+.border-top {
+ border-top: 1px solid #dee2e6 !important;
}
-@media (max-width: 543px) {
- .notifications-component-menu-modal {
- margin: calc(10vh - 16px) 0;
- }
+.border-top-0 {
+ border-top: 0 !important;
}
-@media (min-width: 544px) {
- .notifications-component-menu-modal {
- width: 100%;
- }
+.border-end {
+ border-right: 1px solid #dee2e6 !important;
}
-@media (min-width: 768px) {
- .notifications-component-menu-modal {
- min-width: 300px;
- }
+.border-end-0 {
+ border-right: 0 !important;
}
-.notifications-component-dialog-overlay {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 80;
- display: block;
- cursor: default;
- content: ' ';
- background: transparent;
- background: var(--overlay-backdrop-bgColor, var(--color-primer-canvas-backdrop));
+.border-bottom {
+ border-bottom: 1px solid #dee2e6 !important;
}
-@media (min-width: 544px) {
- .notifications-component-dialog-overlay {
- display: none;
- }
+.border-bottom-0 {
+ border-bottom: 0 !important;
}
-.pagehead {
- position: relative;
- padding-top: var(--base-size-24);
- padding-bottom: var(--base-size-24);
- margin-bottom: var(--base-size-24);
- border-bottom: solid var(--borderWidth-thin) var(--borderColor-default);
+.border-start {
+ border-left: 1px solid #dee2e6 !important;
}
-.pagehead.admin {
- background: url('/assets/background-yellowhatch-v3-ffd8c31a935a.png') 0 0 repeat-x;
+.border-start-0 {
+ border-left: 0 !important;
}
-.pagehead ul.pagehead-actions {
- position: relative;
- z-index: 31;
- float: right;
- margin: 0;
+.border-primary {
+ border-color: #0d6efd !important;
}
-.pagehead .path-divider {
- margin: 0 0.25em;
+.border-secondary {
+ border-color: #6c757d !important;
}
-.pagehead h1 {
- min-height: var(--base-size-32);
- margin-top: 0;
- margin-bottom: 0;
- font-size: 20px;
- font-weight: var(--base-text-weight-normal, 400);
+.border-success {
+ border-color: #198754 !important;
}
-.pagehead h1 .avatar {
- margin-top: -2px;
- margin-right: var(--base-size-8);
- margin-bottom: -2px;
+.border-info {
+ border-color: #0dcaf0 !important;
}
-.pagehead .underline-nav {
- height: 69px;
- margin-top: calc(var(--base-size-16) * -1);
- margin-bottom: calc(var(--base-size-16) * -1);
+.border-warning {
+ border-color: #ffc107 !important;
}
-.pagehead-heading {
- color: inherit;
+.border-danger {
+ border-color: #dc3545 !important;
}
-.pagehead-actions > li {
- float: left;
- margin: 0 var(--base-size-8) 0 0;
- font-size: 12px;
- color: var(--fgColor-default, var(--color-fg-default));
- list-style-type: none;
+.border-light {
+ border-color: #f8f9fa !important;
}
-.pagehead-actions > li:last-child {
- margin-right: 0;
+.border-dark {
+ border-color: #212529 !important;
}
-.pagehead-actions .octicon-mute {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.border-white {
+ border-color: #fff !important;
}
-.pagehead-actions .select-menu {
- position: relative;
+.border-1 {
+ border-width: 1px !important;
}
-.pagehead-actions .select-menu::before {
- display: table;
- content: '';
+.border-2 {
+ border-width: 2px !important;
}
-.pagehead-actions .select-menu::after {
- display: table;
- clear: both;
- content: '';
+.border-3 {
+ border-width: 3px !important;
}
-.pagehead-actions .select-menu-modal-holder {
- top: 100%;
+.border-4 {
+ border-width: 4px !important;
}
-.pagehead-tabs-item {
- float: left;
- padding: var(--base-size-8) var(--base-size-16) var(--base-size-12);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- border: solid transparent;
- border-width: 3px var(--borderWidth-thin) var(--borderWidth-thin);
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.border-5 {
+ border-width: 5px !important;
}
-.pagehead-tabs-item .octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.w-25 {
+ width: 25% !important;
}
-.pagehead-tabs-item:hover {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
+.w-50 {
+ width: 50% !important;
}
-.pagehead-tabs-item.selected {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-color: var(--borderColor-severe-emphasis, var(--color-severe-emphasis))
- var(--borderColor-default, var(--color-border-default)) transparent;
+.w-75 {
+ width: 75% !important;
}
-.pagehead-tabs-item.selected > .octicon {
- color: inherit;
+.w-100 {
+ width: 100% !important;
}
-.reponav {
- position: relative;
- top: 1px;
- margin-top: calc(var(--base-size-4) * -1);
+.w-auto {
+ width: auto !important;
}
-.reponav::before {
- display: table;
- content: '';
+.mw-100 {
+ max-width: 100% !important;
}
-.reponav::after {
- display: table;
- clear: both;
- content: '';
+.vw-100 {
+ width: 100vw !important;
}
-.reponav-item {
- float: left;
- padding: var(--base-size-8) var(--base-size-16) var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- border: solid transparent;
- border-width: 3px var(--borderWidth-thin) var(--borderWidth-thin);
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.min-vw-100 {
+ min-width: 100vw !important;
}
-.reponav-item .octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.h-25 {
+ height: 25% !important;
}
-.reponav-item:hover,
-.reponav-item:focus {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
+.h-50 {
+ height: 50% !important;
}
-.reponav-item.selected {
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-color: var(--borderColor-severe-emphasis, var(--color-severe-emphasis))
- var(--borderColor-default, var(--color-border-default)) transparent;
+.h-75 {
+ height: 75% !important;
}
-.reponav-item.selected .octicon {
- color: inherit;
+.h-100 {
+ height: 100% !important;
}
-.reponav-wrapper {
- position: relative;
- z-index: 2;
- overflow-y: hidden;
- background-color: var(--bgColor-neutral-emphasis, var(--color-neutral-emphasis));
+.h-auto {
+ height: auto !important;
}
-.reponav-wrapper .reponav {
- top: 0;
- padding-right: var(--base-size-8);
- padding-left: var(--base-size-8);
- margin-top: 0;
- -webkit-overflow-scrolling: touch;
- overflow-x: auto;
- color: rgba(255, 255, 255, 0.75);
+.mh-100 {
+ max-height: 100% !important;
}
-.reponav-wrapper .reponav-item {
- display: inline-block;
- float: none;
- padding: var(--base-size-4) var(--base-size-8) var(--base-size-16);
- color: var(--fgColor-muted, var(--color-fg-muted));
- border: 0;
+.vh-100 {
+ height: 100vh !important;
}
-.reponav-wrapper .reponav-item.selected {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: transparent;
- border: 0;
+.min-vh-100 {
+ min-height: 100vh !important;
}
-@media (max-width: 768px) {
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) {
- background-color: transparent;
- }
-
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem)
- .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
- }
-
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane .ActionList-item--navActive::after {
- display: none;
- }
-
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
+.flex-fill {
+ flex: 1 1 auto !important;
}
-.steps {
- display: table;
- width: 100%;
- padding: 0;
- margin: var(--base-size-32) auto 0;
- overflow: hidden;
- list-style: none;
- border: var(--borderWidth-thin) solid #dfe2e5;
- border-radius: var(--borderRadius-medium);
- box-shadow: 0 1px 3px rgba(27, 31, 35, 0.05);
+.flex-row {
+ flex-direction: row !important;
}
-.steps li {
- display: table-cell;
- width: 33.3%;
- padding: var(--base-size-8) var(--base-size-16);
- color: #c6cbd1;
- cursor: default;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-left: var(--borderWidth-thin) solid #dfe2e5;
+.flex-column {
+ flex-direction: column !important;
}
-.steps li.current {
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
+.flex-row-reverse {
+ flex-direction: row-reverse !important;
}
-.steps li.current .octicon {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.flex-column-reverse {
+ flex-direction: column-reverse !important;
}
-.steps li .octicon {
- float: left;
- margin-right: var(--base-size-16);
- margin-bottom: var(--base-size-4);
+.flex-grow-0 {
+ flex-grow: 0 !important;
}
-.steps li .step {
- display: block;
+.flex-grow-1 {
+ flex-grow: 1 !important;
}
-.steps li:first-child {
- border-left: 0;
+.flex-shrink-0 {
+ flex-shrink: 0 !important;
}
-.steps .complete {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.flex-shrink-1 {
+ flex-shrink: 1 !important;
}
-.steps .complete .octicon {
- color: var(--fgColor-success, var(--color-success-fg));
+.flex-wrap {
+ flex-wrap: wrap !important;
}
-.prose-diff .anchor {
- display: none;
+.flex-nowrap {
+ flex-wrap: nowrap !important;
}
-.prose-diff .show-rich-diff {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- cursor: pointer;
+.flex-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
}
-.prose-diff .show-rich-diff:hover {
- text-decoration: underline;
+.gap-0 {
+ gap: 0 !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable {
- cursor: pointer;
+.gap-1 {
+ gap: 0.25rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable .vicinity {
- display: block;
+.gap-2 {
+ gap: 0.5rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable .unchanged:not(.vicinity) {
- display: none;
+.gap-3 {
+ gap: 1rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable .octicon {
- display: block;
- margin: var(--base-size-16) auto;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.gap-4 {
+ gap: 1.5rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable:hover .octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.gap-5 {
+ gap: 3rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable:only-child::before {
- font-size: 16px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- content: 'Sorry, no visible changes to display.';
+.justify-content-start {
+ justify-content: flex-start !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable:only-child:hover::before {
- color: var(--fgColor-default, var(--color-fg-default));
+.justify-content-end {
+ justify-content: flex-end !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable > .removed,
-.prose-diff.collapsed .rich-diff-level-zero.expandable > del {
- display: none;
- text-decoration: none;
+.justify-content-center {
+ justify-content: center !important;
}
-.prose-diff .markdown-body {
- padding: var(--base-size-32);
- padding-left: var(--base-size-16);
+.justify-content-between {
+ justify-content: space-between !important;
}
-.prose-diff .markdown-body > ins {
- box-shadow: inset 4px 0 0 var(--borderColor-success-muted, var(--color-success-muted));
+.justify-content-around {
+ justify-content: space-around !important;
}
-.prose-diff .markdown-body > del {
- text-decoration: none;
- box-shadow: inset 4px 0 0 var(--borderColor-danger-muted, var(--color-danger-muted));
+.justify-content-evenly {
+ justify-content: space-evenly !important;
}
-.prose-diff .markdown-body > ins,
-.prose-diff .markdown-body > del {
- display: block;
- border-radius: 0;
+.align-items-start {
+ align-items: flex-start !important;
}
-.prose-diff .markdown-body > ins > .rich-diff-level-zero,
-.prose-diff .markdown-body > ins > .rich-diff-level-one,
-.prose-diff .markdown-body > del > .rich-diff-level-zero,
-.prose-diff .markdown-body > del > .rich-diff-level-one {
- margin-left: var(--base-size-16);
+.align-items-end {
+ align-items: flex-end !important;
}
-.prose-diff .markdown-body > ins:first-child *,
-.prose-diff .markdown-body > del:first-child * {
- margin-top: 0;
+.align-items-center {
+ align-items: center !important;
}
-.prose-diff .rich-diff-level-zero.added {
- box-shadow: inset 4px 0 0 var(--borderColor-success-muted, var(--color-success-muted));
+.align-items-baseline {
+ align-items: baseline !important;
}
-.prose-diff .rich-diff-level-zero.removed {
- box-shadow: inset 4px 0 0 var(--borderColor-danger-muted, var(--color-danger-muted));
+.align-items-stretch {
+ align-items: stretch !important;
}
-.prose-diff .rich-diff-level-zero.changed {
- box-shadow: inset 4px 0 0 var(--borderColor-attention-muted, var(--color-attention-muted));
+.align-content-start {
+ align-content: flex-start !important;
}
-.prose-diff .rich-diff-level-zero.unchanged,
-.prose-diff .rich-diff-level-zero.vicinity {
- margin-left: var(--base-size-16);
+.align-content-end {
+ align-content: flex-end !important;
}
-.prose-diff .rich-diff-level-zero.added,
-.prose-diff .rich-diff-level-zero.removed,
-.prose-diff .rich-diff-level-zero.changed {
- display: block;
- border-radius: 0;
+.align-content-center {
+ align-content: center !important;
}
-.prose-diff .rich-diff-level-zero.added > .rich-diff-level-one,
-.prose-diff .rich-diff-level-zero.removed > .rich-diff-level-one,
-.prose-diff .rich-diff-level-zero.changed > .rich-diff-level-one {
- margin-left: var(--base-size-16);
+.align-content-between {
+ align-content: space-between !important;
}
-.prose-diff .rich-diff-level-zero.added:first-child *,
-.prose-diff .rich-diff-level-zero.removed:first-child *,
-.prose-diff .rich-diff-level-zero.changed:first-child * {
- margin-top: 0;
+.align-content-around {
+ align-content: space-around !important;
}
-.prose-diff :not(.changed) > :not(.github-user-ins):not(.github-user-del) > .removed,
-.prose-diff :not(.changed) > :not(.github-user-ins):not(.github-user-del) > del {
- text-decoration: none;
+.align-content-stretch {
+ align-content: stretch !important;
}
-.prose-diff .changed del,
-.prose-diff .changed del pre,
-.prose-diff .changed del code,
-.prose-diff .changed del > div,
-.prose-diff .changed .removed,
-.prose-diff .changed .removed pre,
-.prose-diff .changed .removed code,
-.prose-diff .changed .removed > div {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: line-through;
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.align-self-auto {
+ align-self: auto !important;
}
-.prose-diff .changed ins,
-.prose-diff .changed ins code,
-.prose-diff .changed ins pre,
-.prose-diff .changed .added {
- color: var(--fgColor-default, var(--color-fg-default));
- background: var(--bgColor-success-muted, var(--color-success-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-success-muted, var(--color-success-muted));
+.align-self-start {
+ align-self: flex-start !important;
}
-.prose-diff > .markdown-body .github-user-ins {
- text-decoration: underline;
+.align-self-end {
+ align-self: flex-end !important;
}
-.prose-diff > .markdown-body .github-user-del {
- text-decoration: line-through;
+.align-self-center {
+ align-self: center !important;
}
-.prose-diff > .markdown-body li ul.added {
- background: var(--bgColor-success-muted, var(--color-success-subtle));
+.align-self-baseline {
+ align-self: baseline !important;
}
-.prose-diff > .markdown-body li ul.removed {
- color: var(--fgColor-default, var(--color-fg-default));
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.align-self-stretch {
+ align-self: stretch !important;
}
-.prose-diff > .markdown-body li ul.removed:not(.github-user-ins) {
- text-decoration: line-through;
+.order-first {
+ order: -1 !important;
}
-.prose-diff > .markdown-body li.added.moved-up .octicon,
-.prose-diff > .markdown-body li.added.moved-down .octicon {
- margin-right: var(--base-size-4);
- margin-left: var(--base-size-4);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.order-0 {
+ order: 0 !important;
}
-.prose-diff > .markdown-body li.added.moved {
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
+.order-1 {
+ order: 1 !important;
}
-.prose-diff > .markdown-body li.removed.moved {
- display: none;
+.order-2 {
+ order: 2 !important;
}
-.prose-diff > .markdown-body pre {
- padding: var(--base-size-8) var(--base-size-16);
+.order-3 {
+ order: 3 !important;
}
-.prose-diff > .markdown-body th.changed,
-.prose-diff > .markdown-body td.changed {
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
- border-left-color: var(--borderColor-default, var(--color-border-default));
+.order-4 {
+ order: 4 !important;
}
-.prose-diff > .markdown-body :not(li.moved).removed {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: line-through;
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.order-5 {
+ order: 5 !important;
}
-.prose-diff > .markdown-body :not(.github-user-ins):not(li.moved).removed {
- text-decoration: line-through;
+.order-last {
+ order: 6 !important;
}
-.prose-diff > .markdown-body :not(li.moved).added,
-.prose-diff > .markdown-body li:not(.moved).added {
- background: var(--bgColor-success-muted, var(--color-success-subtle));
+.m-0 {
+ margin: 0 !important;
}
-.prose-diff > .markdown-body :not(.github-user-del):not(li.moved).added li:not(.moved):not(.github-user-del).added {
- text-decoration: none;
+.m-1 {
+ margin: 0.25rem !important;
}
-.prose-diff > .markdown-body li:not(.moved).removed {
- color: var(--fgColor-default, var(--color-fg-default));
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.m-2 {
+ margin: 0.5rem !important;
}
-.prose-diff > .markdown-body li:not(.moved):not(.github-user-ins).removed {
- text-decoration: line-through;
+.m-3 {
+ margin: 1rem !important;
}
-.prose-diff > .markdown-body .added,
-.prose-diff > .markdown-body ins + .added,
-.prose-diff > .markdown-body ins {
- border-top: 0;
- border-bottom: 0;
+.m-4 {
+ margin: 1.5rem !important;
}
-.prose-diff > .markdown-body .added:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins + .added:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins:not(.github-user-del):not(.github-user-ins) {
- text-decoration: none;
+.m-5 {
+ margin: 3rem !important;
}
-.prose-diff > .markdown-body img.added,
-.prose-diff > .markdown-body img.removed {
- border-style: solid;
- border-width: var(--borderWidth-thin);
+.m-auto {
+ margin: auto !important;
}
-.prose-diff > .markdown-body ins pre:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins code:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins > div:not(.github-user-del):not(.github-user-ins) {
- text-decoration: none;
+.mx-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
}
-.prose-diff > .markdown-body ul > ins,
-.prose-diff > .markdown-body ul > del {
- display: block;
- padding: 0;
+.mx-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
}
-.prose-diff > .markdown-body .added > li,
-.prose-diff > .markdown-body .removed > li {
- margin-top: 0;
- margin-bottom: 0;
+.mx-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
}
-span.changed_tag,
-em.changed_tag,
-strong.changed_tag,
-b.changed_tag,
-i.changed_tag,
-code.changed_tag {
- border-bottom: var(--borderWidth-thin) dotted var(--borderColor-default, var(--color-border-default));
- border-radius: 0;
+.mx-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
}
-a.added_href,
-a.changed_href,
-span.removed_href {
- border-bottom: var(--borderWidth-thin) dotted var(--borderColor-default, var(--color-border-default));
- border-radius: 0;
+.mx-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
}
-.diff-view .file-type-prose .rich-diff {
- display: none;
+.mx-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
}
-.diff-view .display-rich-diff .rich-diff {
- display: block;
+.mx-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
}
-.diff-view .display-rich-diff .file-diff {
- display: none;
+.my-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
}
-.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.added,
-.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.removed,
-.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.changed {
- box-shadow: none;
+.my-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
}
-.protip {
- margin-top: var(--base-size-16);
- color: var(--fgColor-muted, var(--color-fg-muted));
- text-align: center;
+.my-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
}
-.protip strong {
- color: var(--fgColor-default, var(--color-fg-default));
+.my-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
}
-.protip code {
- padding: 2px;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-radius: var(--borderRadius-medium);
+.my-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
}
-.add-reactions-options-item {
- margin-top: -1px;
- margin-right: -1px;
- line-height: 29px;
- border: var(--borderWidth-thin) solid transparent;
+.my-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
}
-.add-reactions-options-item .emoji {
- display: inline-block;
- transition: transform 0.15s cubic-bezier(0.2, 0, 0.13, 2);
+.my-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
}
-.add-reactions-options-item:hover .emoji,
-.add-reactions-options-item:focus .emoji {
- text-decoration: none !important;
- transform: scale(1.2) !important;
+.mt-0 {
+ margin-top: 0 !important;
}
-.add-reactions-options-item:active {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.mt-1 {
+ margin-top: 0.25rem !important;
}
-.page-responsive .add-reactions-options-item {
- height: 20vw;
+.mt-2 {
+ margin-top: 0.5rem !important;
}
-@media (min-width: 544px) {
- .page-responsive .add-reactions-options-item {
- height: auto;
- }
+.mt-3 {
+ margin-top: 1rem !important;
}
-.comment-reactions {
- display: none;
+.mt-4 {
+ margin-top: 1.5rem !important;
}
-.comment-reactions::before {
- display: table;
- content: '';
+.mt-5 {
+ margin-top: 3rem !important;
}
-.comment-reactions::after {
- display: table;
- clear: both;
- content: '';
+.mt-auto {
+ margin-top: auto !important;
}
-.page-responsive .comment-reactions {
- display: none;
+.me-0 {
+ margin-right: 0 !important;
}
-@media (min-width: 768px) {
- .page-responsive .comment-reactions {
- display: none;
- }
-
- .page-responsive .comment-reactions.has-reactions {
- display: flex;
- }
+.me-1 {
+ margin-right: 0.25rem !important;
}
-.comment-reactions.has-reactions {
- display: flex;
+.me-2 {
+ margin-right: 0.5rem !important;
}
-.comment-reactions.has-reactions:not(.social-reactions) {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.me-3 {
+ margin-right: 1rem !important;
}
-.comment-reactions .user-has-reacted {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.me-4 {
+ margin-right: 1.5rem !important;
}
-.reactions-container .user-has-reacted {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.me-5 {
+ margin-right: 3rem !important;
}
-.social-reaction-summary-item + .social-reaction-summary-item {
- margin-left: var(--base-size-8);
+.me-auto {
+ margin-right: auto !important;
}
-.social-reactions .comment-body {
- margin-left: var(--base-size-16) !important;
+.mb-0 {
+ margin-bottom: 0 !important;
}
-.social-button-emoji {
- display: inline-block;
- width: 16px;
- height: 16px;
- font-size: 1em !important;
- line-height: 1.25;
- vertical-align: -1px;
+.mb-1 {
+ margin-bottom: 0.25rem !important;
}
-.social-reaction-summary-item {
- height: 26px;
- padding: 0 var(--base-size-4) !important;
- margin-right: 0;
- font-size: 12px;
- line-height: 26px;
- background-color: transparent;
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default, #d2dff0));
- border-radius: 100px;
+.mb-2 {
+ margin-bottom: 0.5rem !important;
}
-.social-reaction-summary-item:focus,
-.social-reaction-summary-item:focus-visible {
- border-radius: 100px !important;
+.mb-3 {
+ margin-bottom: 1rem !important;
}
-.social-reaction-summary-item:focus {
- border-color: var(--focus-outlineColor, var(--color-accent-fg));
- outline: none;
- box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
+.mb-4 {
+ margin-bottom: 1.5rem !important;
}
-.social-reaction-summary-item:focus:not(:focus-visible) {
- border-color: transparent;
- border-color: var(--focus-outlineColor, var(--color-accent-fg));
- outline: none;
- box-shadow: inset 0 0 0 1px transparent;
+.mb-5 {
+ margin-bottom: 3rem !important;
}
-.social-reaction-summary-item:focus-visible {
- border-color: var(--focus-outlineColor, var(--color-accent-fg));
- outline: none;
- box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
+.mb-auto {
+ margin-bottom: auto !important;
}
-.social-reaction-summary-item.user-has-reacted {
- color: var(--reactionButton-selected-fgColor-rest, var(--color-accent-fg));
- background-color: var(--reactionButton-selected-bgColor-rest, var(--color-accent-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-accent-emphasis, var(--color-accent-emphasis)) !important;
+.ms-0 {
+ margin-left: 0 !important;
}
-.social-reaction-summary-item.user-has-reacted:hover {
- background-color: var(--reactionButton-selected-bgColor-hover, var(--color-accent-subtle)) !important;
+.ms-1 {
+ margin-left: 0.25rem !important;
}
-.social-reaction-summary-item > span {
- height: 24px;
- padding: 0 var(--base-size-4);
- margin-left: 2px;
+.ms-2 {
+ margin-left: 0.5rem !important;
}
-.social-reaction-summary-item:hover {
- color: var(--reactionButton-selected-fgColor-hover, var(--color-accent-fg));
- background-color: var(--reactionButton-selected-bgColor-hover, var(--color-accent-subtle));
+.ms-3 {
+ margin-left: 1rem !important;
}
-.reaction-dropdown-button {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.ms-4 {
+ margin-left: 1.5rem !important;
}
-.reaction-dropdown-button:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.ms-5 {
+ margin-left: 3rem !important;
}
-.reaction-dropdown-button--inline {
- width: 26px;
- height: 26px;
+.ms-auto {
+ margin-left: auto !important;
}
-.reaction-dropdown-button--inline:hover {
- background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg)) !important;
- border-color: var(--button-default-borderColor-hover, var(--color-btn-hover-border)) !important;
+.p-0 {
+ padding: 0 !important;
}
-.reaction-dropdown-button:disabled {
- color: var(--fgColor-disabled, var(--color-primer-fg-disabled)) !important;
- pointer-events: none;
+.p-1 {
+ padding: 0.25rem !important;
}
-.reactions-with-gap .comment .comment-reactions {
- margin-left: var(--base-size-16);
- border-top: 0 !important;
+.p-2 {
+ padding: 0.5rem !important;
}
-.new-reactions-dropdown .dropdown-menu-reactions {
- width: auto;
- padding: 0 2px;
+.p-3 {
+ padding: 1rem !important;
}
-.new-reactions-dropdown .dropdown-menu-reactions::before,
-.new-reactions-dropdown .dropdown-menu-reactions::after {
- background-color: transparent;
- border: 0;
+.p-4 {
+ padding: 1.5rem !important;
}
-.new-reactions-dropdown .dropdown-item-reaction {
- width: 32px;
- height: 32px;
- padding: var(--base-size-4);
- margin: var(--base-size-4) 2px;
+.p-5 {
+ padding: 3rem !important;
}
-.new-reactions-dropdown .dropdown-item-reaction.user-has-reacted {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.px-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-.new-reactions-dropdown .dropdown-item-reaction:hover {
- background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg));
+.px-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
}
-.render-container {
- padding: var(--base-size-32);
- line-height: 0;
- text-align: center;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+.px-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
}
-.render-container .render-viewer {
- display: block;
- width: 1px;
- height: 1px;
- border: 0;
+.px-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
}
-.render-container .octospinner {
- display: none;
+.px-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
}
-.render-container .render-viewer-error,
-.render-container .render-viewer-fatal,
-.render-container .render-viewer-invalid,
-.render-container .render-fullscreen {
- display: none;
+.px-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
}
-.render-container.is-render-automatic .octospinner {
- display: inline-block;
+.py-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
}
-.render-container.is-render-requested .octospinner {
- display: inline-block;
+.py-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
}
-.render-container.is-render-requested.is-render-failed .render-viewer-error {
- display: inline-block;
+.py-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
}
-.render-container.is-render-requested.is-render-failed .render-viewer,
-.render-container.is-render-requested.is-render-failed .render-viewer-fatal,
-.render-container.is-render-requested.is-render-failed .render-viewer-invalid,
-.render-container.is-render-requested.is-render-failed .octospinner {
- display: none;
+.py-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
}
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer-fatal {
- display: inline-block;
+.py-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
}
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer,
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer-error,
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer-invalid,
-.render-container.is-render-requested.is-render-failed-fatal .octospinner {
- display: none;
+.py-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
}
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer-invalid {
- display: inline-block;
+.pt-0 {
+ padding-top: 0 !important;
}
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer,
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer-error,
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer-fatal,
-.render-container.is-render-requested.is-render-failed-invalid .octospinner {
- display: none;
+.pt-1 {
+ padding-top: 0.25rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) {
- height: 500px;
- padding: 0;
- background: none;
+.pt-2 {
+ padding-top: 0.5rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer {
- width: 100%;
- height: 100%;
+.pt-3 {
+ padding-top: 1rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-fullscreen {
- display: flex;
+.pt-4 {
+ padding-top: 1.5rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer-error,
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer-fatal,
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .octospinner {
- display: none;
+.pt-5 {
+ padding-top: 3rem !important;
}
-.render-needs-enrichment {
- margin-bottom: var(--base-size-16);
+.pe-0 {
+ padding-right: 0 !important;
}
-.render-needs-enrichment .render-full-screen {
- width: 100%;
- height: auto;
- padding: var(--base-size-16);
- overflow: auto;
+.pe-1 {
+ padding-right: 0.25rem !important;
}
-.render-needs-enrichment .render-full-screen-close {
- top: 0;
- right: 0;
- padding: var(--base-size-4);
+.pe-2 {
+ padding-right: 0.5rem !important;
}
-.render-needs-enrichment .details {
- margin-bottom: 0;
+.pe-3 {
+ padding-right: 1rem !important;
}
-.render-needs-enrichment .render-plaintext-hidden {
- display: none;
+.pe-4 {
+ padding-right: 1.5rem !important;
}
-.render-notice {
- padding: var(--base-size-16) var(--base-size-16);
- font-size: 14px;
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-color: var(--borderColor-muted, var(--color-border-subtle));
+.pe-5 {
+ padding-right: 3rem !important;
}
-relative-time {
- white-space: nowrap;
+.pb-0 {
+ padding-bottom: 0 !important;
}
-math-renderer {
- max-width: 100%;
- overflow: auto;
+.pb-1 {
+ padding-bottom: 0.25rem !important;
}
-.js-inline-math {
- overflow-x: auto;
- overflow-y: hidden;
- vertical-align: bottom;
+.pb-2 {
+ padding-bottom: 0.5rem !important;
}
-.js-inline-math > math {
- overflow-x: auto;
- overflow-y: hidden;
+.pb-3 {
+ padding-bottom: 1rem !important;
}
-.js-display-math > math {
- padding-top: var(--base-size-6);
- padding-bottom: var(--base-size-6);
- overflow-x: auto;
+.pb-4 {
+ padding-bottom: 1.5rem !important;
}
-math-renderer > math > mrow {
- padding-right: var(--base-size-2);
- padding-left: var(--base-size-2);
+.pb-5 {
+ padding-bottom: 3rem !important;
}
-math-renderer > math > mrow > msubsup + msubsup {
- position: absolute;
+.ps-0 {
+ padding-left: 0 !important;
}
-.Skeleton {
- color: rgba(0, 0, 0, 0);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
+.ps-1 {
+ padding-left: 0.25rem !important;
}
-.Skeleton * {
- visibility: hidden;
+.ps-2 {
+ padding-left: 0.5rem !important;
}
-.Skeleton--text {
- clip-path: inset(var(--base-size-4) 0 var(--base-size-4) 0 round 3px 3px 3px 3px);
+.ps-3 {
+ padding-left: 1rem !important;
}
-.is-error .Skeleton {
- display: none;
+.ps-4 {
+ padding-left: 1.5rem !important;
}
-@media (prefers-reduced-motion: no-preference) {
- .Skeleton {
- mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);
- mask-size: 200%;
- animation: skeleton-loading;
- animation-duration: 1s;
- animation-iteration-count: infinite;
- }
+.ps-5 {
+ padding-left: 3rem !important;
}
-@keyframes skeleton-loading {
- 0% {
- mask-position: 200%;
- }
-
- 100% {
- mask-position: 0%;
- }
+.font-monospace {
+ font-family: var(--bs-font-monospace) !important;
}
-.authors-2 .AvatarStack {
- min-width: 36px !important;
+.fs-1 {
+ font-size: calc(1.375rem + 1.5vw) !important;
}
-.authors-3 .AvatarStack {
- min-width: 46px !important;
+.fs-2 {
+ font-size: calc(1.325rem + 0.9vw) !important;
}
-[aria-selected='true'] .AvatarStack-body,
-.navigation-focus .AvatarStack-body {
- background: #f6fbff;
+.fs-3 {
+ font-size: calc(1.3rem + 0.6vw) !important;
}
-.tracked-in-parent-pill {
- position: relative;
- cursor: default;
+.fs-4 {
+ font-size: calc(1.275rem + 0.3vw) !important;
}
-.tracked-in-parent-pill-truncated {
- position: absolute;
- left: 100%;
- display: none;
- white-space: nowrap;
- background: var(--bgColor-default, var(--color-canvas-default));
- border-left-width: 0 !important;
- border-top-left-radius: 0 !important;
- border-bottom-left-radius: 0 !important;
+.fs-5 {
+ font-size: 1.25rem !important;
}
-.tracked-in-parent-pill:hover .tracked-in-parent-pill-truncated {
- display: block;
+.fs-6 {
+ font-size: 1rem !important;
}
-.wizard-content.horizontal {
- flex-direction: column;
+.fst-italic {
+ font-style: italic !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps {
- width: 30%;
+.fst-normal {
+ font-style: normal !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge {
- margin: 0;
- color: var(--fgColor-muted, var(--color-fg-subtle));
- background-color: var(--bgColor-inset, var(--color-canvas-inset));
- border-color: var(--borderColor-neutral-emphasis, var(--color-fg-subtle));
+.fw-light {
+ font-weight: 300 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge.current {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+.fw-lighter {
+ font-weight: lighter !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-bar {
- border-color: var(--borderColor-neutral-emphasis, var(--color-fg-subtle));
+.fw-normal {
+ font-weight: 400 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-bar.complete {
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+.fw-bold {
+ font-weight: 700 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge.complete {
- display: none;
+.fw-bolder {
+ font-weight: bolder !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge-check {
- display: none !important;
+.lh-1 {
+ line-height: 1 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge-check.complete {
- display: inherit !important;
- width: 32px !important;
- height: 32px !important;
+.lh-sm {
+ line-height: 1.25 !important;
}
-.wizard-content.horizontal .wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-buttons {
- align-items: center;
- justify-content: center;
+.lh-base {
+ line-height: 1.5 !important;
}
-.wizard-content.horizontal .wizard-step-item {
- margin-left: 0 !important;
- flex-direction: column !important;
+.lh-lg {
+ line-height: 2 !important;
}
-.wizard-content.horizontal .wizard-step-item::before,
-.wizard-content.horizontal .wizard-step-item .wizard-step-badge,
-.wizard-content.horizontal .wizard-step-item .wizard-step-icon,
-.wizard-content.horizontal .wizard-step-item .wizard-step-header {
- display: none !important;
+.text-start {
+ text-align: left !important;
}
-.wizard-content.horizontal .wizard-step-item .wizard-step-container::before,
-.wizard-content.horizontal .wizard-step-item .wizard-step-container::after {
- display: none !important;
+.text-end {
+ text-align: right !important;
}
-.wizard-step-item {
- position: relative;
- padding: var(--base-size-8) 0;
- margin-left: var(--base-size-16);
- flex-direction: row;
+.text-center {
+ text-align: center !important;
}
-.wizard-step-item::before {
- position: absolute;
- top: var(--base-size-32);
- bottom: 0;
- left: 0;
- display: block;
- width: 2px;
- height: 100%;
- content: '';
- background-color: var(--borderColor-default, var(--color-border-default));
+.text-decoration-none {
+ text-decoration: none !important;
}
-.wizard-step-badge {
- position: relative;
- z-index: 1;
- display: flex;
- width: 32px;
- height: 32px;
- margin-right: var(--base-size-8);
- margin-left: calc(var(--base-size-16) * -1);
- color: var(--fgColor-default, var(--color-fg-default));
- align-items: center;
- background-color: var(--borderColor-default, var(--color-border-default));
- border: var(--borderWidth-thin) solid var(--bgColor-default, var(--color-canvas-default));
- border-radius: 50%;
- justify-content: center;
- flex-shrink: 0;
+.text-decoration-underline {
+ text-decoration: underline !important;
}
-.wizard-step-body {
- min-width: 0;
- max-width: 100%;
- color: var(--fgColor-default, var(--color-fg-default));
- flex: auto;
+.text-decoration-line-through {
+ text-decoration: line-through !important;
}
-.wizard-step-body .wizard-step-buttons {
- display: none;
- margin-top: var(--base-size-24);
- justify-content: flex-end;
- flex-wrap: wrap;
+.text-lowercase {
+ text-transform: lowercase !important;
}
-.wizard-step-body .wizard-step-buttons .wizard-step-button {
- overflow: hidden;
- text-overflow: ellipsis;
+.text-uppercase {
+ text-transform: uppercase !important;
}
-@media (max-width: 408px) {
- .wizard-step-body .wizard-step-buttons .wizard-step-button {
- margin-right: 0 !important;
- margin-bottom: var(--base-size-8) !important;
- }
+.text-capitalize {
+ text-transform: capitalize !important;
}
-.wizard-step-container {
- border: 0;
+.text-wrap {
+ white-space: normal !important;
}
-.wizard-step-container .wizard-step-content {
- display: none;
- width: 100%;
- padding: var(--base-size-16) var(--base-size-24) var(--base-size-24) var(--base-size-24);
- overflow: visible;
- font-size: 14px;
+.text-nowrap {
+ white-space: nowrap !important;
}
-.wizard-step-container.wizard-step-container-icon .wizard-step-content {
- padding: var(--base-size-24);
+/* rtl:begin:remove */
+.text-break {
+ word-wrap: break-word !important;
+ word-break: break-word !important;
}
-.wizard-step-header {
- padding-top: var(--base-size-4);
- padding-left: var(--base-size-8);
+/* rtl:end:remove */
+.text-primary {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step-header > .wizard-step-title {
- min-width: 0;
- margin-bottom: var(--base-size-4);
- flex: 1 1 auto;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.text-secondary {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step-icon {
- display: none;
- height: 96px;
- color: var(--fgColor-accent, var(--color-accent-fg));
- background-image: linear-gradient(
- to right,
- var(--bgColor-accent-muted, var(--color-accent-subtle)),
- var(--bgColor-default, var(--color-canvas-default))
- );
- justify-content: center;
- align-items: center;
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+.text-success {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-complete='true'] .wizard-step-badge {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.text-info {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-complete='true'] .wizard-step-item::before {
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.text-warning {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-complete='true'] .wizard-step-title {
- color: var(--fgColor-default, var(--color-fg-default));
+.text-danger {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-badge .wizard-step-check {
- display: block;
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
+.text-light {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-item::before {
- top: 0;
- display: block;
- height: 16px;
+.text-dark {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-item::before {
- display: none;
- }
+.text-black {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-icon {
- color: var(--fgColor-success, var(--color-success-fg));
- background-image: linear-gradient(
- to right,
- var(--bgColor-success-muted, var(--color-success-subtle)),
- var(--bgColor-default, var(--color-canvas-default))
- );
+.text-white {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step:not([data-single-page-wizard-last-step='true']) .wizard-step-badge .wizard-step-check {
- display: none;
+.text-body {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step:not([data-single-page-wizard-last-step='true']) .wizard-step-badge::before {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- content: attr(data-single-page-wizard-step);
+.text-muted {
+ --bs-text-opacity: 1;
+ color: #6c757d !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-badge {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.text-black-50 {
+ --bs-text-opacity: 1;
+ color: rgba(0, 0, 0, 0.5) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'][data-single-page-wizard-last-step='true'] .wizard-step-badge {
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
+.text-white-50 {
+ --bs-text-opacity: 1;
+ color: rgba(255, 255, 255, 0.5) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'][data-single-page-wizard-last-step='true']
- .wizard-step-item::before {
- top: 42px;
- height: 16px;
+.text-reset {
+ --bs-text-opacity: 1;
+ color: inherit !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'][data-single-page-wizard-last-step='true']
- .wizard-step-container-icon::after {
- background-image: linear-gradient(
- var(--bgColor-success-muted, var(--color-success-subtle)),
- var(--bgColor-success-muted, var(--color-success-subtle))
- );
+.text-opacity-25 {
+ --bs-text-opacity: 0.25;
}
-.wizard-step[data-single-page-wizard-step-current='true']:not([data-single-page-wizard-last-step='true'])
- .wizard-step-container-icon::after {
- background-image: linear-gradient(
- var(--bgColor-accent-muted, var(--color-accent-subtle)),
- var(--bgColor-accent-muted, var(--color-accent-subtle))
- );
+.text-opacity-50 {
+ --bs-text-opacity: 0.5;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-icon {
- display: flex;
+.text-opacity-75 {
+ --bs-text-opacity: 0.75;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-item {
- flex-direction: column;
+.text-opacity-100 {
+ --bs-text-opacity: 1;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-item {
- flex-direction: row;
- }
+.bg-primary {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-body {
- margin-top: var(--base-size-16);
- margin-left: calc(var(--base-size-16) * -1);
+.bg-secondary {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-body {
- margin-top: 0;
- margin-left: 0;
- }
+.bg-success {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container {
- position: relative;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+.bg-info {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after,
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.bg-warning {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-default, var(--color-canvas-default)),
- var(--bgColor-default, var(--color-canvas-default))
- );
+.bg-danger {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before {
- background-color: var(--borderColor-default, var(--color-border-default));
+.bg-light {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before,
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- transform: rotate(90deg);
+.bg-dark {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before {
- position: absolute;
- top: -12px;
- right: 100%;
- left: var(--base-size-12);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.bg-black {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- top: -10px;
- left: 11px;
+.bg-white {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before,
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- top: 11px;
- left: -8px;
- transform: rotate(0);
- }
+.bg-body {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
+}
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- margin-left: 1px;
- }
+.bg-transparent {
+ --bs-bg-opacity: 1;
+ background-color: transparent !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-header {
- display: none;
+.bg-opacity-10 {
+ --bs-bg-opacity: 0.1;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-content-header {
- margin-bottom: var(--base-size-16);
+.bg-opacity-25 {
+ --bs-bg-opacity: 0.25;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-title {
- color: var(--fgColor-default, var(--color-fg-default));
+.bg-opacity-50 {
+ --bs-bg-opacity: 0.5;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-content {
- display: block;
+.bg-opacity-75 {
+ --bs-bg-opacity: 0.75;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-buttons {
- display: flex;
+.bg-opacity-100 {
+ --bs-bg-opacity: 1;
}
-.slash-command-list-container-responsive {
- max-height: 270px;
- overflow-y: auto;
+.bg-gradient {
+ background-image: var(--bs-gradient) !important;
}
-.slash-command-menu-responsive {
- right: 0;
- left: 0;
- width: auto;
+.user-select-all {
+ -webkit-user-select: all !important;
+ -moz-user-select: all !important;
+ user-select: all !important;
}
-.slash-command-menu-responsive .SelectMenu-modal {
- max-height: calc(100vh - 60px);
+.user-select-auto {
+ -webkit-user-select: auto !important;
+ -moz-user-select: auto !important;
+ user-select: auto !important;
}
-[data-a11y-link-underlines='true'] .markdown-body a,
-[data-a11y-link-underlines='true'] .markdown-body a:hover,
-[data-a11y-link-underlines='true'] .markdown-body-short a,
-[data-a11y-link-underlines='true'] .markdown-body-short a:hover,
-[data-a11y-link-underlines='true'] .commit-desc a,
-[data-a11y-link-underlines='true'] .commit-desc a:hover,
-[data-a11y-link-underlines='true'] .Link--inTextBlock,
-[data-a11y-link-underlines='true'] .Link--inTextBlock:hover,
-[data-a11y-link-underlines='true'] .Links--underline a,
-[data-a11y-link-underlines='true'] .Links--underline a:hover,
-[data-a11y-link-underlines='true'] .repos-list-description a,
-[data-a11y-link-underlines='true'] .extended-commit-description-container a {
- text-decoration: underline;
- text-underline-offset: 0.2rem;
+.user-select-none {
+ -webkit-user-select: none !important;
+ -moz-user-select: none !important;
+ user-select: none !important;
}
-[data-a11y-link-underlines='true'] .markdown-body :is(h1, h2, h3, h4, h5, h6, .tasklist-issue-content) a,
-[data-a11y-link-underlines='true'] .markdown-body :is(h1, h2, h3, h4, h5, h6) a:hover {
- text-decoration: none;
+.pe-none {
+ pointer-events: none !important;
}
-[data-a11y-link-underlines='true'] .Link--outlineOffset {
- outline-offset: 0.15rem !important;
+.pe-auto {
+ pointer-events: auto !important;
}
-.alert-label {
- color: var(--fgColor-onEmphasis);
+.rounded {
+ border-radius: 0.25rem !important;
}
-.graph-canvas .alert-label--critical {
- fill: var(--fgColor-danger);
+.rounded-0 {
+ border-radius: 0 !important;
}
-.graph-canvas .alert-label--high {
- fill: var(--fgColor-severe);
+.rounded-1 {
+ border-radius: 0.2rem !important;
}
-.graph-canvas .alert-label--moderate {
- fill: var(--fgColor-attention);
+.rounded-2 {
+ border-radius: 0.25rem !important;
}
-.graph-canvas .alert-label--low {
- fill: var(--fgColor-neutral);
+.rounded-3 {
+ border-radius: 0.3rem !important;
}
-.AppHeader {
- --AppHeader-bg: var(--bgColor-inset);
- color: var(--fgColor-default);
- background: var(--AppHeader-bg);
- box-shadow: inset 0 calc(var(--borderWidth-thin, 1px) * -1) var(--borderColor-default);
+.rounded-circle {
+ border-radius: 50% !important;
}
-.AppHeader .AppHeader-globalBar {
- display: flex;
- padding: var(--base-size-16, var(--base-size-16));
- gap: var(--base-size-12, 12px);
+.rounded-pill {
+ border-radius: 50rem !important;
}
-.AppHeader .AppHeader-globalBar.second-row {
- display: block;
+.rounded-top {
+ border-top-left-radius: 0.25rem !important;
+ border-top-right-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.second-row .AppHeader-search {
- display: block;
+.rounded-end {
+ border-top-right-radius: 0.25rem !important;
+ border-bottom-right-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-start,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-globalBar-start {
- flex: none;
+.rounded-bottom {
+ border-bottom-right-radius: 0.25rem !important;
+ border-bottom-left-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-context,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-context {
- display: none;
+.rounded-start {
+ border-bottom-left-radius: 0.25rem !important;
+ border-top-left-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-search .AppHeader-search-whenRegular,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-search .AppHeader-search-whenRegular {
- max-width: 100%;
+.visible {
+ visibility: visible !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-end,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-globalBar-end {
- flex: 1 1 auto;
+.invisible {
+ visibility: hidden !important;
}
-@media (max-width: 1011.98px) {
- .AppHeader .AppHeader-globalBar.search-expanded .AppHeader-search {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
+@media (min-width: 576px) {
+ .float-sm-start {
+ float: left !important;
}
- .AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-end {
- flex: none;
+ .float-sm-end {
+ float: right !important;
}
- .AppHeader .AppHeader-globalBar.search-expanded .search-suggestions {
- top: 0;
- left: 0;
- width: 100% !important;
+ .float-sm-none {
+ float: none !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-globalBar-start {
- flex: 1 1 auto;
- display: flex;
- gap: var(--base-size-8, 8px);
-}
+ .d-sm-inline {
+ display: inline !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-globalBar-end {
- flex: 0 1 auto;
- display: flex;
- justify-content: flex-end;
- gap: var(--controlStack-medium-gap-auto, 8px);
- max-height: calc(var(--base-size-32, 32px));
-}
+ .d-sm-inline-block {
+ display: inline-block !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-logo {
- width: var(--base-size-32, 32px);
- height: var(--base-size-32, 32px);
- border: 0;
- outline-offset: 2px;
-}
+ .d-sm-block {
+ display: block !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-logo svg {
- width: var(--base-size-32, 32px);
- height: var(--base-size-32, 32px);
-}
+ .d-sm-grid {
+ display: grid !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-user {
- position: relative;
- background: var(--bgColor-neutral-muted);
- border-radius: 50%;
-}
+ .d-sm-table {
+ display: table !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-user img {
- position: relative;
- border-radius: 50%;
-}
+ .d-sm-table-row {
+ display: table-row !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context {
- min-width: 0;
- height: var(--base-size-32, 32px);
- flex: 1 1 auto;
-}
+ .d-sm-table-cell {
+ display: table-cell !important;
+ }
-@media (min-width: 768px) {
- .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact {
- display: none;
+ .d-sm-flex {
+ display: flex !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-trigger {
- display: grid;
- width: 100%;
- height: var(--base-size-48, 48px);
- color: inherit;
- text-align: left;
- cursor: pointer;
- background-color: transparent;
- border: 0;
- border-radius: var(--borderRadius-medium);
- margin-block: calc(var(--base-size-8) * -1);
- padding-block: var(--control-medium-paddingBlock, 6px);
- padding-inline: var(--control-medium-paddingInline-condensed, var(--base-size-8));
- appearance: none;
- align-items: center;
-}
+ .d-sm-inline-flex {
+ display: inline-flex !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-trigger:hover {
- background-color: var(--control-transparent-bgColor-hover);
-}
+ .d-sm-none {
+ display: none !important;
+ }
-.AppHeader
- .AppHeader-globalBar
- .AppHeader-context
- .AppHeader-context-compact
- .AppHeader-context-compact-trigger:active {
- background-color: var(--control-transparent-bgColor-active);
-}
+ .flex-sm-fill {
+ flex: 1 1 auto !important;
+ }
+
+ .flex-sm-row {
+ flex-direction: row !important;
+ }
+
+ .flex-sm-column {
+ flex-direction: column !important;
+ }
+
+ .flex-sm-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+
+ .flex-sm-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+
+ .flex-sm-grow-0 {
+ flex-grow: 0 !important;
+ }
+
+ .flex-sm-grow-1 {
+ flex-grow: 1 !important;
+ }
+
+ .flex-sm-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+
+ .flex-sm-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+
+ .flex-sm-wrap {
+ flex-wrap: wrap !important;
+ }
+
+ .flex-sm-nowrap {
+ flex-wrap: nowrap !important;
+ }
+
+ .flex-sm-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+
+ .gap-sm-0 {
+ gap: 0 !important;
+ }
+
+ .gap-sm-1 {
+ gap: 0.25rem !important;
+ }
+
+ .gap-sm-2 {
+ gap: 0.5rem !important;
+ }
+
+ .gap-sm-3 {
+ gap: 1rem !important;
+ }
+
+ .gap-sm-4 {
+ gap: 1.5rem !important;
+ }
+
+ .gap-sm-5 {
+ gap: 3rem !important;
+ }
+
+ .justify-content-sm-start {
+ justify-content: flex-start !important;
+ }
+
+ .justify-content-sm-end {
+ justify-content: flex-end !important;
+ }
+
+ .justify-content-sm-center {
+ justify-content: center !important;
+ }
+
+ .justify-content-sm-between {
+ justify-content: space-between !important;
+ }
+
+ .justify-content-sm-around {
+ justify-content: space-around !important;
+ }
+
+ .justify-content-sm-evenly {
+ justify-content: space-evenly !important;
+ }
+
+ .align-items-sm-start {
+ align-items: flex-start !important;
+ }
+
+ .align-items-sm-end {
+ align-items: flex-end !important;
+ }
+
+ .align-items-sm-center {
+ align-items: center !important;
+ }
+
+ .align-items-sm-baseline {
+ align-items: baseline !important;
+ }
+
+ .align-items-sm-stretch {
+ align-items: stretch !important;
+ }
+
+ .align-content-sm-start {
+ align-content: flex-start !important;
+ }
+
+ .align-content-sm-end {
+ align-content: flex-end !important;
+ }
+
+ .align-content-sm-center {
+ align-content: center !important;
+ }
+
+ .align-content-sm-between {
+ align-content: space-between !important;
+ }
+
+ .align-content-sm-around {
+ align-content: space-around !important;
+ }
+
+ .align-content-sm-stretch {
+ align-content: stretch !important;
+ }
+
+ .align-self-sm-auto {
+ align-self: auto !important;
+ }
+
+ .align-self-sm-start {
+ align-self: flex-start !important;
+ }
+
+ .align-self-sm-end {
+ align-self: flex-end !important;
+ }
+
+ .align-self-sm-center {
+ align-self: center !important;
+ }
+
+ .align-self-sm-baseline {
+ align-self: baseline !important;
+ }
+
+ .align-self-sm-stretch {
+ align-self: stretch !important;
+ }
+
+ .order-sm-first {
+ order: -1 !important;
+ }
+
+ .order-sm-0 {
+ order: 0 !important;
+ }
+
+ .order-sm-1 {
+ order: 1 !important;
+ }
+
+ .order-sm-2 {
+ order: 2 !important;
+ }
+
+ .order-sm-3 {
+ order: 3 !important;
+ }
+
+ .order-sm-4 {
+ order: 4 !important;
+ }
+
+ .order-sm-5 {
+ order: 5 !important;
+ }
+
+ .order-sm-last {
+ order: 6 !important;
+ }
+
+ .m-sm-0 {
+ margin: 0 !important;
+ }
+
+ .m-sm-1 {
+ margin: 0.25rem !important;
+ }
+
+ .m-sm-2 {
+ margin: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-lead {
- display: grid;
- width: -moz-fit-content;
- width: fit-content;
- font-size: var(--text-caption-size, 12px);
- line-height: var(--text-caption-lineHeight, 1.3333333333);
- color: var(--fgColor-muted);
- grid-auto-flow: column;
- align-items: center;
-}
+ .m-sm-3 {
+ margin: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-parentItem {
- display: inline;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .m-sm-4 {
+ margin: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-mainItem {
- display: block;
- overflow: hidden;
- line-height: var(--text-body-lineHeight-medium, 1.4285714286);
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .m-sm-5 {
+ margin: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full {
- display: inline-flex;
- width: 100%;
- min-width: 0;
- max-width: 100%;
- overflow: hidden;
-}
+ .m-sm-auto {
+ margin: auto !important;
+ }
-@media (max-width: 767.98px) {
- .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full {
- display: none;
+ .mx-sm-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full nav {
- width: 100%;
-}
+ .mx-sm-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full ul,
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li {
- list-style: none;
-}
+ .mx-sm-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full ul {
- display: flex;
- flex-direction: row;
-}
+ .mx-sm-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li {
- display: inline-grid;
- grid-auto-flow: column;
- align-items: center;
- flex: 0 99999 auto;
-}
+ .mx-sm-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:first-child {
- flex: 0 100 max-content;
-}
+ .mx-sm-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:last-child {
- flex: 0 1 max-content;
-}
+ .mx-sm-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:last-child .AppHeader-context-item {
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .my-sm-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item {
- display: flex;
- align-items: center;
- min-width: 3ch;
- line-height: var(--text-body-lineHeight-medium, 1.4285714286);
- color: inherit;
- text-decoration: none !important;
- border-radius: var(--borderRadius-medium);
- padding-inline: var(--control-medium-paddingInline-condensed, var(--base-size-8));
- padding-block: var(--control-medium-paddingBlock, 6px);
-}
+ .my-sm-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item .AppHeader-context-item-label {
- display: inline-block;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .my-sm-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context a.AppHeader-context-item:hover {
- background: var(--control-transparent-bgColor-hover);
-}
+ .my-sm-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context a.AppHeader-context-item:active {
- background: var(--control-transparent-bgColor-active);
-}
+ .my-sm-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item-separator {
- color: var(--fgColor-muted);
- white-space: nowrap;
-}
+ .my-sm-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- justify-content: flex-end;
-}
+ .my-sm-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-@media (min-width: 1012px) {
- .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenNarrow {
- display: none;
+ .mt-sm-0 {
+ margin-top: 0 !important;
}
-}
-@media (max-width: 1011.98px) {
- .AppHeader .AppHeader-globalBar .AppHeader-search {
- flex-grow: 0;
+ .mt-sm-1 {
+ margin-top: 0.25rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .search-input {
- width: auto;
+ .mt-sm-2 {
+ margin-top: 0.5rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .search-input-container {
- margin: 0 !important;
+ .mt-sm-3 {
+ margin-top: 1rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenRegular {
- display: none;
+ .mt-sm-4 {
+ margin-top: 1.5rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .header-search {
- max-width: 100%;
+ .mt-sm-5 {
+ margin-top: 3rem !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenRegular {
- min-width: 12rem;
- max-width: 24rem;
- flex: 1 1 auto;
-}
+ .mt-sm-auto {
+ margin-top: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-wrap {
- display: grid;
-}
+ .me-sm-0 {
+ margin-right: 0 !important;
+ }
-.AppHeader
- .AppHeader-globalBar
- .AppHeader-search
- .AppHeader-search-wrap.AppHeader-search-wrap--hasTrailing
- input[type='search'] {
- padding-inline-end: calc(
- var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px) -
- var(--borderWidth-thin, 1px)
- );
-}
+ .me-sm-1 {
+ margin-right: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .search-input-container {
- height: auto;
-}
+ .me-sm-2 {
+ margin-right: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-kbd {
- display: inline-grid;
- width: var(--base-size-16, 16px);
- height: var(--base-size-16, 16px);
- padding: 0;
- font-size: var(--text-caption-size, 12px);
- line-height: var(--text-caption-lineHeight, 1.3333333333);
- color: inherit;
- vertical-align: baseline;
- background: var(--bgColor-transparent);
- border: var(--borderWidth-thin) solid var(--fgColor-muted);
- border-radius: var(--borderRadius-small);
- box-shadow: none;
- align-items: center;
- justify-content: center;
-}
+ .me-sm-3 {
+ margin-right: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-placeholder {
- display: block;
- width: 100%;
- overflow: hidden;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: var(--text-body-lineHeight-medium, 20px);
- color: var(--fgColor-muted);
- text-overflow: ellipsis;
- white-space: nowrap;
- pointer-events: none;
- grid-area: 1/1;
- padding-block: var(--control-medium-paddingBlock, 6px);
- padding-inline: calc(
- var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px)
- );
-}
+ .me-sm-4 {
+ margin-right: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-control {
- grid-area: 1/1;
- position: relative;
-}
+ .me-sm-5 {
+ margin-right: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-visual--leading {
- position: absolute;
- top: var(--base-size-8, var(--base-size-8));
- left: var(--base-size-8, var(--base-size-8));
- display: block;
- width: var(--base-size-16, 16px);
- height: var(--base-size-16, 16px);
- color: var(--fgColor-muted);
- pointer-events: none;
-}
+ .me-sm-auto {
+ margin-right: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-visual--leading svg {
- display: block !important;
-}
+ .mb-sm-0 {
+ margin-bottom: 0 !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-searchButton {
- background: transparent;
-}
+ .mb-sm-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search'],
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-searchButton {
- width: 100%;
- border: solid var(--borderWidth-thin) var(--button-default-borderColor-rest);
- transition: none;
- padding-block: calc(var(--control-medium-paddingBlock, 6px) - var(--borderWidth-thin, 1px));
- padding-inline-start: calc(
- var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px) -
- var(--borderWidth-thin, 1px)
- );
- padding-inline-end: var(--control-medium-paddingInline-condensed, var(--base-size-40));
-}
+ .mb-sm-2 {
+ margin-bottom: 0.5rem !important;
+ }
-.appheader.AppHeader-globalBar .AppHeader-search input[type=search]: placeholder-shown {
- background: transparent;
-}
+ .mb-sm-3 {
+ margin-bottom: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:not(:placeholder-shown) {
- background: var(--bgColor-default);
-}
+ .mb-sm-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']::placeholder {
- color: transparent;
- opacity: 1;
-}
+ .mb-sm-5 {
+ margin-bottom: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus {
- background: var(--bgColor-default);
-}
+ .mb-sm-auto {
+ margin-bottom: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus::placeholder {
- color: var(--fgColor-muted);
-}
+ .ms-sm-0 {
+ margin-left: 0 !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus:placeholder {
- color: var(--fgColor-muted);
- opacity: 1;
-}
+ .ms-sm-1 {
+ margin-left: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus-visible {
- border-color: var(--focus-outlineColor);
-}
+ .ms-sm-2 {
+ margin-left: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing {
- position: absolute;
- top: var(--base-size-4, var(--base-size-4));
- right: var(--base-size-4, var(--base-size-4));
- display: grid;
- width: var(--control-xsmall-size, 24px);
- height: var(--control-xsmall-size, 24px);
- padding: 0;
- color: var(--fgColor-muted);
- background: var(--bgColor-transparent);
- border: 0;
- border-radius: var(--borderRadius-small);
- align-items: center;
- justify-content: center;
-}
+ .ms-sm-3 {
+ margin-left: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing:hover {
- background: var(--control-transparent-bgColor-hover);
-}
+ .ms-sm-4 {
+ margin-left: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing:active {
- background: var(--control-transparent-bgColor-active);
-}
+ .ms-sm-5 {
+ margin-left: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::before {
- position: absolute;
- top: calc((var(--control-xsmall-size, var(--base-size-24)) - var(--base-size-16, var(--base-size-16))) / 2);
- left: calc(var(--base-size-4, var(--base-size-4)) * -1);
- display: block;
- width: var(--borderWidth-thin, 1px);
- height: var(--base-size-16, 16px);
- content: '';
- background: var(--borderColor-default);
-}
+ .ms-sm-auto {
+ margin-left: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::after {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 100%;
- height: 100%;
- min-height: var(--control-medium-size, 32px);
- content: '';
- transform: translateX(-50%) translateY(-50%);
- min-width: var(--control-medium-size, 32px);
-}
+ .p-sm-0 {
+ padding: 0 !important;
+ }
-@media (pointer: coarse) {
- .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::after {
- min-width: var(--control-minTarget-coarse, 44px);
- min-height: var(--control-minTarget-coarse, 44px);
+ .p-sm-1 {
+ padding: 0.25rem !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing svg {
- color: inherit;
-}
+ .p-sm-2 {
+ padding: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-divider {
- width: var(--borderWidth-thin, 1px);
- height: var(--base-size-20, 20px);
- height: var(--base-size-20, 20px);
- margin: calc((var(--control-medium-size, 32px) - var(--base-size-20, var(--base-size-20))) / 2) 0;
- background: var(--borderColor-default);
-}
+ .p-sm-3 {
+ padding: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-actions {
- display: grid;
- grid-auto-flow: column;
- gap: var(--controlStack-medium-gap-auto, 8px);
-}
+ .p-sm-4 {
+ padding: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-actions::before {
- display: block;
- width: var(--borderWidth-thin, 1px);
- height: var(--base-size-20, 20px);
- height: var(--base-size-20, 20px);
- content: '';
- background: var(--borderColor-default);
- margin-block: calc((var(--control-medium-size, 32px) - var(--base-size-20, var(--base-size-20))) / 2);
-}
+ .p-sm-5 {
+ padding: 3rem !important;
+ }
-@media (pointer: fine) {
- .AppHeader .AppHeader-globalBar .AppHeader-actions::before {
- margin-inline: var(--base-size-4, var(--base-size-4));
+ .px-sm-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-}
-@media (max-width: 767.98px) {
- .AppHeader .AppHeader-globalBar .AppHeader-actions,
- .AppHeader .AppHeader-globalBar .AppHeader-CopilotChat {
- display: none;
+ .px-sm-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
}
-}
-.AppHeader .AppHeader-localBar {
- padding: 0 var(--base-size-16, var(--base-size-16));
-}
+ .px-sm-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.AppHeader .AppHeader-item {
- flex: 0 0 auto;
-}
+ .px-sm-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.AppHeader .AppHeader-item--full {
- flex-grow: 1;
-}
+ .px-sm-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.AppHeader .AppHeader-button {
- position: relative;
- display: grid;
- width: var(--base-size-32, 32px);
- height: var(--base-size-32, 32px);
- color: var(--fgColor-muted);
- background: transparent;
- border: solid var(--borderWidth-thin) var(--button-default-borderColor-rest);
- border-radius: var(--borderRadius-medium, var(--borderRadius-medium));
- grid-auto-columns: max-content;
- align-items: center;
- justify-content: center;
-}
+ .px-sm-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.AppHeader .AppHeader-button svg {
- color: inherit !important;
-}
+ .py-sm-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.AppHeader .AppHeader-button:hover {
- background: var(--control-transparent-bgColor-hover);
-}
+ .py-sm-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.AppHeader .AppHeader-button:active {
- background: var(--control-transparent-bgColor-active);
-}
+ .py-sm-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-@media (pointer: coarse) {
- .AppHeader .AppHeader-button::after {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 100%;
- height: 100%;
- min-height: var(--control-minTarget-coarse, 44px);
- content: '';
- transform: translateX(-50%) translateY(-50%);
- min-width: var(--control-minTarget-coarse, 44px);
+ .py-sm-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
}
-}
-.AppHeader .AppHeader-button--hasIndicator::before {
- position: absolute;
- top: calc(var(--base-size-4) / -2);
- right: calc(var(--base-size-4) / -2);
- display: block;
- width: var(--base-size-8, 8px);
- height: var(--base-size-8, 8px);
- content: '';
- background: var(--bgColor-accent-emphasis);
- border-radius: 50%;
- box-shadow: 0 0 0 calc(var(--base-size-4, 4px) / 2) var(--AppHeader-bg);
-}
+ .py-sm-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-@media (pointer: coarse) {
- .AppHeader .AppHeader-button--hasIndicator::before {
- left: auto;
- min-width: var(--base-size-8, 8px);
- min-height: var(--base-size-8, 8px);
- transform: none;
+ .py-sm-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
}
-}
-.AppHeader .Overlay-titleWrap {
- width: 100%;
- overflow-x: hidden;
-}
+ .pt-sm-0 {
+ padding-top: 0 !important;
+ }
-[data-target='animated-image.originalImage'],
-[data-target='animated-image.replacedImage'],
-[data-a11y-animated-images='system'] [data-animated-image],
-[data-a11y-animated-images='disabled'] [data-animated-image] {
- display: none;
-}
+ .pt-sm-1 {
+ padding-top: 0.25rem !important;
+ }
-[data-target='animated-image.originalImage'] {
- width: 100%;
-}
+ .pt-sm-2 {
+ padding-top: 0.5rem !important;
+ }
-animated-image[data-catalyst] {
- display: inline-block;
-}
+ .pt-sm-3 {
+ padding-top: 1rem !important;
+ }
-animated-image {
- max-width: 100%;
-}
+ .pt-sm-4 {
+ padding-top: 1.5rem !important;
+ }
-.AnimatedImagePlayer {
- position: relative;
- display: inline-block;
- width: 100%;
-}
+ .pt-sm-5 {
+ padding-top: 3rem !important;
+ }
-.AnimatedImagePlayer > a:not(.AnimatedImagePlayer-images) {
- display: none;
-}
+ .pe-sm-0 {
+ padding-right: 0 !important;
+ }
-.AnimatedImagePlayer-controls {
- position: absolute;
- top: var(--base-size-8);
- right: var(--base-size-8);
- z-index: 2;
- display: none;
- padding: var(--base-size-4);
- list-style: none;
- background: var(--bgColor-default);
- border-radius: var(--borderRadius-medium);
- box-shadow: var(--shadow-floating-small);
- opacity: 1;
- transition: opacity 80ms linear;
-}
+ .pe-sm-1 {
+ padding-right: 0.25rem !important;
+ }
-.AnimatedImagePlayer-images .AnimatedImagePlayer-animatedImage {
- cursor: pointer;
-}
+ .pe-sm-2 {
+ padding-right: 0.5rem !important;
+ }
-.AnimatedImagePlayer-button {
- display: flex;
- align-items: center;
- justify-content: center;
- width: var(--base-size-32);
- height: var(--base-size-32);
- cursor: pointer;
- background-color: var(--bgColor-default);
- border: 0;
- border-radius: var(--borderRadius-medium);
-}
+ .pe-sm-3 {
+ padding-right: 1rem !important;
+ }
-@media (hover: hover) and (pointer: fine) {
- .AnimatedImagePlayer-button:hover {
- background-color: var(--button-default-bgColor-hover);
- transition: background-color 200ms linear;
+ .pe-sm-4 {
+ padding-right: 1.5rem !important;
}
-}
-.AnimatedImagePlayer-images {
- display: block;
- width: 100%;
- padding: 0;
- margin: 0;
- background: none;
- border: 0;
- outline: none;
- outline-offset: 0;
-}
+ .pe-sm-5 {
+ padding-right: 3rem !important;
+ }
-.AnimatedImagePlayer-images:focus-visible {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: 0;
-}
+ .pb-sm-0 {
+ padding-bottom: 0 !important;
+ }
-.AnimatedImagePlayer-button:focus-visible {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: -2px;
-}
+ .pb-sm-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.AnimatedImagePlayer-button svg {
- width: var(--base-size-16);
- height: var(--base-size-16);
- pointer-events: none;
- fill: var(--fgColor-muted);
-}
+ .pb-sm-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.AnimatedImagePlayer-button:hover svg {
- fill: var(--fgColor-default);
-}
+ .pb-sm-3 {
+ padding-bottom: 1rem !important;
+ }
-.AnimatedImagePlayer-stillImage {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 1;
- display: none;
- width: 100%;
- height: 100%;
- pointer-events: none;
-}
+ .pb-sm-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.AnimatedImagePlayer-animatedImage {
- width: 100%;
- max-width: 100%;
- max-height: 100%;
-}
+ .pb-sm-5 {
+ padding-bottom: 3rem !important;
+ }
-.AnimatedImagePlayer.playing .AnimatedImagePlayer-controls {
- opacity: 0;
- transition-delay: 1s;
-}
+ .ps-sm-0 {
+ padding-left: 0 !important;
+ }
-.AnimatedImagePlayer.enabled .AnimatedImagePlayer-animatedImage {
- opacity: 0 !important;
-}
+ .ps-sm-1 {
+ padding-left: 0.25rem !important;
+ }
-.AnimatedImagePlayer.enabled.playing .AnimatedImagePlayer-animatedImage {
- opacity: 1 !important;
-}
+ .ps-sm-2 {
+ padding-left: 0.5rem !important;
+ }
-.AnimatedImagePlayer.playing.player-focused .AnimatedImagePlayer-controls {
- opacity: 1;
- transition-delay: 0ms;
-}
+ .ps-sm-3 {
+ padding-left: 1rem !important;
+ }
-@media (hover: hover) and (pointer: fine) {
- .AnimatedImagePlayer.playing:hover .AnimatedImagePlayer-controls {
- opacity: 1;
- transition-delay: 0s;
+ .ps-sm-4 {
+ padding-left: 1.5rem !important;
}
-}
-.AnimatedImagePlayer.enabled.playing .AnimatedImagePlayer-stillImage,
-.AnimatedImagePlayer.enabled.playing .icon-play,
-.AnimatedImagePlayer .icon-pause {
- display: none;
-}
+ .ps-sm-5 {
+ padding-left: 3rem !important;
+ }
-.AnimatedImagePlayer .icon-play,
-.AnimatedImagePlayer.enabled.playing .icon-pause,
-.AnimatedImagePlayer.enabled .AnimatedImagePlayer-stillImage {
- display: block;
-}
+ .text-sm-start {
+ text-align: left !important;
+ }
-.AnimatedImagePlayer.enabled .AnimatedImagePlayer-controls {
- display: flex;
-}
+ .text-sm-end {
+ text-align: right !important;
+ }
-.emoji-tab.UnderlineNav-item {
- margin-right: var(--base-size-4);
+ .text-sm-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 768px) {
+ .float-md-start {
+ float: left !important;
+ }
-.emoji-tab[role='tab'][aria-selected='true'] {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default);
- border-bottom-color: var(--borderColor-severe-emphasis);
-}
+ .float-md-end {
+ float: right !important;
+ }
-.emoji-tab[role='tab'][aria-selected='true'] .UnderlineNav-octicon {
- color: var(--fgColor-muted);
-}
+ .float-md-none {
+ float: none !important;
+ }
-.selected-emoji {
- z-index: 100;
-}
+ .d-md-inline {
+ display: inline !important;
+ }
-.emoji-picker-container .emoji-picker-tab g-emoji {
- margin-right: auto;
- margin-left: var(--base-size-4);
-}
+ .d-md-inline-block {
+ display: inline-block !important;
+ }
-.emoji-tab .emoji-icon {
- width: auto;
-}
+ .d-md-block {
+ display: block !important;
+ }
-.emoji-picker-container {
- z-index: 2;
- width: 395px;
- max-width: 80vw;
-}
+ .d-md-grid {
+ display: grid !important;
+ }
-.emoji-picker-container .UnderlineNav-body {
- gap: var(--control-small-gap, var(--base-size-8));
-}
+ .d-md-table {
+ display: table !important;
+ }
-.emoji-picker-tab {
- height: 136px;
- padding-top: var(--base-size-8);
-}
+ .d-md-table-row {
+ display: table-row !important;
+ }
-.emoji-picker-emoji-width {
- width: 32px;
- height: 28px;
-}
+ .d-md-table-cell {
+ display: table-cell !important;
+ }
-.emoji-picker-list {
- list-style: none;
-}
+ .d-md-flex {
+ display: flex !important;
+ }
-.notification-shelf {
- z-index: 34;
- background: var(--bgColor-inset) !important;
- border-color: var(--borderColor-default) !important;
-}
+ .d-md-inline-flex {
+ display: inline-flex !important;
+ }
-.notification-shelf svg[class='octicon octicon-x'] {
- color: var(--fgColor-muted) !important;
-}
+ .d-md-none {
+ display: none !important;
+ }
-.notification-shelf.is-stuck {
- z-index: 999;
-}
+ .flex-md-fill {
+ flex: 1 1 auto !important;
+ }
-@media (max-width: 767px) {
- .notifications-v2 .commit-ref .css-truncate-target {
- word-break: break-all;
- white-space: normal;
+ .flex-md-row {
+ flex-direction: row !important;
}
-}
-@media (max-width: 543px) {
- .notifications-v2 .Box {
- border-right: 0;
- border-left: 0;
- border-radius: 0;
+ .flex-md-column {
+ flex-direction: column !important;
}
-}
-@media (max-width: 543px) {
- .notifications-v2 .Box .Box-header {
- border-right: 0 !important;
- border-left: 0 !important;
- border-radius: 0 !important;
+ .flex-md-row-reverse {
+ flex-direction: row-reverse !important;
}
-}
-@media (max-width: 767px) {
- .notifications-v2 .AvatarStack--right {
- width: auto !important;
- min-width: auto !important;
- margin-left: 53px !important;
+ .flex-md-column-reverse {
+ flex-direction: column-reverse !important;
}
-}
-@media (max-width: 767px) {
- .notifications-v2 .AvatarStack--right .AvatarStack-body {
- position: relative !important;
- right: unset !important;
- margin-right: var(--base-size-8);
- flex-direction: row !important;
+ .flex-md-grow-0 {
+ flex-grow: 0 !important;
}
-}
-@media (max-width: 767px) {
- .notifications-v2 .AvatarStack-body .avatar {
- position: relative !important;
- margin-right: -12px !important;
- margin-left: 0 !important;
- border-right: var(--borderWidth-thin) solid #fff !important;
- border-left: 0 !important;
+ .flex-md-grow-1 {
+ flex-grow: 1 !important;
}
-}
-.notifications-v2 .thread-subscription-status {
- background-color: transparent !important;
-}
+ .flex-md-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.notifications-v2 .notification-action-mark-archived,
-.notifications-v2 .notification-action-mark-unread,
-.notifications-v2 .notification-action-star,
-.notifications-v2 .notification-action-unsubscribe {
- display: block !important;
-}
+ .flex-md-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-.notifications-v2 .notification-action-mark-read,
-.notifications-v2 .notification-action-mark-unarchived,
-.notifications-v2 .notification-action-subscribe,
-.notifications-v2 .notification-action-unstar,
-.notifications-v2 .notification-is-starred-icon {
- display: none !important;
-}
+ .flex-md-wrap {
+ flex-wrap: wrap !important;
+ }
-.notifications-v2 .notification-unsubscribed .notification-action-unsubscribe {
- display: none !important;
-}
+ .flex-md-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.notifications-v2 .notification-unsubscribed .notification-action-subscribe {
- display: block !important;
-}
+ .flex-md-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.notifications-v2 .notification-unread .notification-action-mark-read {
- display: block !important;
-}
+ .gap-md-0 {
+ gap: 0 !important;
+ }
-.notifications-v2 .notification-unread .notification-action-mark-unread {
- display: none !important;
-}
+ .gap-md-1 {
+ gap: 0.25rem !important;
+ }
-.notifications-v2 .notification-archived .notification-action-mark-archived,
-.notifications-v2 .notification-archived .notification-action-mark-read,
-.notifications-v2 .notification-archived .notification-action-mark-unread {
- display: none !important;
-}
+ .gap-md-2 {
+ gap: 0.5rem !important;
+ }
-.notifications-v2 .notification-archived .notification-action-mark-unarchived {
- display: block !important;
-}
+ .gap-md-3 {
+ gap: 1rem !important;
+ }
-.notifications-v2 .notification-starred .notification-action-star {
- display: none !important;
-}
+ .gap-md-4 {
+ gap: 1.5rem !important;
+ }
-.notifications-v2 .notification-starred .notification-is-starred-icon {
- display: inline-block !important;
-}
+ .gap-md-5 {
+ gap: 3rem !important;
+ }
-.notifications-v2 .notification-starred .notification-action-unstar {
- display: block !important;
-}
+ .justify-content-md-start {
+ justify-content: flex-start !important;
+ }
-.notifications-v2 .thread-subscribe-form {
- display: none !important;
-}
+ .justify-content-md-end {
+ justify-content: flex-end !important;
+ }
-.notifications .read .avatar img {
- opacity: 0.5;
-}
+ .justify-content-md-center {
+ justify-content: center !important;
+ }
-.notifications .read .undo {
- display: block;
-}
+ .justify-content-md-between {
+ justify-content: space-between !important;
+ }
-.notifications .read .delete {
- visibility: hidden;
-}
+ .justify-content-md-around {
+ justify-content: space-around !important;
+ }
-.notifications .read[aria-selected='true'],
-.notifications .read.navigation-focus {
- background-color: #f5f9fc;
-}
+ .justify-content-md-evenly {
+ justify-content: space-evenly !important;
+ }
-.notifications .muted .unmute {
- display: block;
-}
+ .align-items-md-start {
+ align-items: flex-start !important;
+ }
-.notifications .muted .mute {
- display: none;
-}
+ .align-items-md-end {
+ align-items: flex-end !important;
+ }
-.notifications .unmute {
- display: none;
-}
+ .align-items-md-center {
+ align-items: center !important;
+ }
-.notifications-list {
- float: left;
- width: 100%;
-}
+ .align-items-md-baseline {
+ align-items: baseline !important;
+ }
-.thread-subscription-status {
- padding: var(--base-size-8);
- margin: var(--base-size-40) 0 var(--base-size-16);
- color: var(--fgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .align-items-md-stretch {
+ align-items: stretch !important;
+ }
-.thread-subscription-status .reason {
- display: inline-block;
- margin: 0 var(--base-size-8);
- vertical-align: middle;
-}
+ .align-content-md-start {
+ align-content: flex-start !important;
+ }
-.thread-subscription-status .thread-subscribe-form {
- display: inline-block;
- vertical-align: middle;
-}
+ .align-content-md-end {
+ align-content: flex-end !important;
+ }
-.subscription .loading {
- opacity: 0.5;
-}
+ .align-content-md-center {
+ align-content: center !important;
+ }
-.inline-form {
- display: inline-block;
-}
+ .align-content-md-between {
+ align-content: space-between !important;
+ }
-.inline-form .btn-plain {
- background-color: transparent;
- border: 0;
-}
+ .align-content-md-around {
+ align-content: space-around !important;
+ }
-.drag-and-drop {
- padding: 7px 10px;
- margin: 0;
- font-size: 13px;
- line-height: 16px;
- color: var(--fgColor-muted);
- background-color: var(--bgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-top: 0;
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
-}
+ .align-content-md-stretch {
+ align-content: stretch !important;
+ }
-.drag-and-drop .default,
-.drag-and-drop .loading,
-.drag-and-drop .error {
- display: none;
-}
+ .align-self-md-auto {
+ align-self: auto !important;
+ }
-.drag-and-drop .error {
- color: var(--fgColor-danger);
-}
+ .align-self-md-start {
+ align-self: flex-start !important;
+ }
-.drag-and-drop img {
- vertical-align: top;
-}
+ .align-self-md-end {
+ align-self: flex-end !important;
+ }
-.file-attachment-errors .Banner--error {
- display: none;
-}
+ .align-self-md-center {
+ align-self: center !important;
+ }
-.is-bad-file .file-attachment-errors .bad-file,
-.is-bad-dimensions .file-attachment-errors .bad-dimensions,
-.is-too-big .file-attachment-errors .too-big,
-.is-duplicate-filename .file-attachment-errors .duplicate-filename,
-.is-too-many .file-attachment-errors .too-many,
-.is-hidden-file .file-attachment-errors .hidden-file,
-.is-failed .file-attachment-errors .failed,
-.is-empty .file-attachment-errors .empty,
-.is-bad-permissions .file-attachment-errors .bad-permissions,
-.is-repository-required .file-attachment-errors .repository-required {
- display: flex;
-}
+ .align-self-md-baseline {
+ align-self: baseline !important;
+ }
-.is-default .drag-and-drop .default {
- display: inline-block;
-}
+ .align-self-md-stretch {
+ align-self: stretch !important;
+ }
-.is-uploading .drag-and-drop .loading {
- display: inline-block;
-}
+ .order-md-first {
+ order: -1 !important;
+ }
-.is-bad-file .drag-and-drop .bad-file {
- display: inline-block;
-}
+ .order-md-0 {
+ order: 0 !important;
+ }
-.is-duplicate-filename .drag-and-drop .duplicate-filename {
- display: inline-block;
-}
+ .order-md-1 {
+ order: 1 !important;
+ }
-.is-too-big .drag-and-drop .too-big {
- display: inline-block;
-}
+ .order-md-2 {
+ order: 2 !important;
+ }
-.is-hidden-file .drag-and-drop .hidden-file {
- display: inline-block;
-}
+ .order-md-3 {
+ order: 3 !important;
+ }
-.is-empty .drag-and-drop .empty {
- display: inline-block;
-}
+ .order-md-4 {
+ order: 4 !important;
+ }
-.is-bad-permissions .drag-and-drop .bad-permissions {
- display: inline-block;
-}
+ .order-md-5 {
+ order: 5 !important;
+ }
-.is-repository-required .drag-and-drop .repository-required {
- display: inline-block;
-}
+ .order-md-last {
+ order: 6 !important;
+ }
-.drag-and-drop-error-info {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted);
-}
+ .m-md-0 {
+ margin: 0 !important;
+ }
-.drag-and-drop-error-info a {
- color: var(--fgColor-accent);
-}
+ .m-md-1 {
+ margin: 0.25rem !important;
+ }
-.is-failed .drag-and-drop .failed-request {
- display: inline-block;
-}
+ .m-md-2 {
+ margin: 0.5rem !important;
+ }
-.manual-file-chooser {
- position: absolute;
- width: 240px;
- padding: 5px;
- margin-left: -80px;
- cursor: pointer;
- opacity: 0.0001;
-}
+ .m-md-3 {
+ margin: 1rem !important;
+ }
-.btn .manual-file-chooser {
- top: 0;
- padding: 0;
- line-height: 34px;
-}
+ .m-md-4 {
+ margin: 1.5rem !important;
+ }
-.upload-enabled textarea {
- display: block;
- border-bottom: var(--borderWidth-thin) dashed var(--borderColor-default);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
-}
+ .m-md-5 {
+ margin: 3rem !important;
+ }
+
+ .m-md-auto {
+ margin: auto !important;
+ }
-.upload-enabled.focused {
- border-color: var(--borderColor-accent-emphasis);
- border-radius: var(--borderRadius-medium);
- outline: none;
- box-shadow: 0 0 0 2px var(--borderColor-accent-emphasis);
-}
+ .mx-md-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.upload-enabled.focused .form-control {
- border-color: transparent;
- border-bottom-color: var(--borderColor-accent-emphasis);
- box-shadow: none;
-}
+ .mx-md-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.upload-enabled.focused .drag-and-drop {
- border-color: transparent;
-}
+ .mx-md-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.dragover textarea,
-.dragover .drag-and-drop {
- box-shadow: #c9ff00 0 0 3px;
-}
+ .mx-md-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.write-content {
- position: relative;
-}
+ .mx-md-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.previewable-comment-form {
- position: relative;
-}
+ .mx-md-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.previewable-comment-form .tabnav {
- position: relative;
- padding: var(--base-size-8) var(--base-size-8) 0;
-}
+ .mx-md-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.previewable-comment-form .comment {
- border: var(--borderWidth-thin) solid transparent;
- border-bottom: 0;
-}
+ .my-md-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.previewable-comment-form .comment-form-error {
- margin-bottom: var(--base-size-8);
-}
+ .my-md-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.previewable-comment-form .write-content,
-.previewable-comment-form .preview-content {
- display: none;
- margin: 0 var(--base-size-8) var(--base-size-8);
-}
+ .my-md-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.previewable-comment-form.write-selected .write-content,
-.previewable-comment-form.preview-selected .preview-content {
- display: block;
-}
+ .my-md-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.previewable-comment-form textarea {
- display: block;
- width: 100%;
- min-height: 100px;
- max-height: 500px;
- padding: var(--base-size-8);
- resize: vertical;
-}
+ .my-md-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.form-action-spacious {
- margin-top: 10px;
-}
+ .my-md-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-div.composer {
- margin-top: 0;
- border: 0;
-}
+ .my-md-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-.composer .comment-form-textarea {
- height: 200px;
- min-height: 200px;
-}
+ .mt-md-0 {
+ margin-top: 0 !important;
+ }
-.composer .tabnav {
- margin: 0 0 10px;
-}
+ .mt-md-1 {
+ margin-top: 0.25rem !important;
+ }
-h2.account {
- margin: 15px 0 0;
- font-size: 18px;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted);
-}
+ .mt-md-2 {
+ margin-top: 0.5rem !important;
+ }
-p.explain {
- position: relative;
- font-size: 12px;
- color: var(--fgColor-muted);
-}
+ .mt-md-3 {
+ margin-top: 1rem !important;
+ }
-p.explain strong {
- color: var(--fgColor-default);
-}
+ .mt-md-4 {
+ margin-top: 1.5rem !important;
+ }
-p.explain .octicon {
- margin-right: 5px;
- color: var(--fgColor-muted);
-}
+ .mt-md-5 {
+ margin-top: 3rem !important;
+ }
-p.explain .minibutton {
- top: -4px;
- float: right;
-}
+ .mt-md-auto {
+ margin-top: auto !important;
+ }
-@supports (field-sizing: content) {
- .size-to-fit {
- field-sizing: content;
- max-height: calc(100vh - 200px);
+ .me-md-0 {
+ margin-right: 0 !important;
}
-}
-.progress-pjax-loader {
- z-index: 99999;
- height: 2px !important;
- background: transparent;
- opacity: 0;
- transition: opacity 0.4s linear 0.4s;
-}
+ .me-md-1 {
+ margin-right: 0.25rem !important;
+ }
-.progress-pjax-loader.is-loading {
- opacity: 1;
- transition: none;
-}
+ .me-md-2 {
+ margin-right: 0.5rem !important;
+ }
-.progress-pjax-loader > .progress-pjax-loader-bar {
- background-color: #79b8ff;
- transition: width 0.4s ease;
-}
+ .me-md-3 {
+ margin-right: 1rem !important;
+ }
-.starred .starred-button-icon {
- color: var(--button-star-iconColor);
-}
+ .me-md-4 {
+ margin-right: 1.5rem !important;
+ }
-.user-lists-menu-action {
- color: var(--fgColor-default);
-}
+ .me-md-5 {
+ margin-right: 3rem !important;
+ }
-.user-lists-menu-action:hover:not(:disabled) {
- color: var(--fgColor-default);
- background-color: var(--bgColor-muted);
-}
+ .me-md-auto {
+ margin-right: auto !important;
+ }
-.user-lists-menu-action:focus:not(:disabled) {
- color: var(--fgColor-default);
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: 2px;
-}
+ .mb-md-0 {
+ margin-bottom: 0 !important;
+ }
-.starring-container .BtnGroup-parent:active {
- z-index: auto;
-}
+ .mb-md-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.shelf {
- padding-top: var(--base-size-16);
- margin-bottom: var(--base-size-16);
- background-color: var(--bgColor-default);
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted);
-}
+ .mb-md-2 {
+ margin-bottom: 0.5rem !important;
+ }
-.shelf .container {
- position: relative;
-}
+ .mb-md-3 {
+ margin-bottom: 1rem !important;
+ }
-.org-sso,
-.business-sso {
- max-width: 340px;
- margin: 0 auto;
-}
+ .mb-md-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.org-sso .sso-title,
-.business-sso .sso-title {
- font-size: 24px;
- font-weight: var(--base-text-weight-light, 300);
- letter-spacing: -0.5px;
-}
+ .mb-md-5 {
+ margin-bottom: 3rem !important;
+ }
-.org-sso .org-sso-panel,
-.org-sso .business-sso-panel,
-.business-sso .org-sso-panel,
-.business-sso .business-sso-panel {
- padding: var(--base-size-16);
- background-color: var(--bgColor-default);
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .mb-md-auto {
+ margin-bottom: auto !important;
+ }
-.org-sso .sso-recovery-callout,
-.business-sso .sso-recovery-callout {
- padding: var(--base-size-16) var(--base-size-8);
- text-align: center;
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .ms-md-0 {
+ margin-left: 0 !important;
+ }
-.sso-modal {
- padding: var(--base-size-16);
-}
+ .ms-md-1 {
+ margin-left: 0.25rem !important;
+ }
-.sso-modal .org-sso,
-.sso-modal .business-sso {
- width: auto;
-}
+ .ms-md-2 {
+ margin-left: 0.5rem !important;
+ }
-.sso-modal .org-sso .org-sso-panel,
-.sso-modal .business-sso .business-sso-panel {
- border: 0;
-}
+ .ms-md-3 {
+ margin-left: 1rem !important;
+ }
-.sso-modal .sso-prompt-success,
-.sso-modal .sso-prompt-error {
- display: none;
-}
+ .ms-md-4 {
+ margin-left: 1.5rem !important;
+ }
-.sso-modal.success .sso-prompt-default {
- display: none;
-}
+ .ms-md-5 {
+ margin-left: 3rem !important;
+ }
-.sso-modal.success .sso-prompt-success {
- display: block;
-}
+ .ms-md-auto {
+ margin-left: auto !important;
+ }
-.sso-modal.error .sso-prompt-default {
- display: none;
-}
+ .p-md-0 {
+ padding: 0 !important;
+ }
-.sso-modal.error .sso-prompt-error {
- display: block;
-}
+ .p-md-1 {
+ padding: 0.25rem !important;
+ }
-.sso-modal.error .flash-error {
- margin-right: calc(var(--base-size-32) * -1);
- margin-left: calc(var(--base-size-32) * -1);
- border-right: 0;
- border-left: 0;
- border-radius: 0;
-}
+ .p-md-2 {
+ padding: 0.5rem !important;
+ }
-.status-indicator {
- display: inline-block;
- width: 16px;
- height: 16px;
- margin-left: 5px;
-}
+ .p-md-3 {
+ padding: 1rem !important;
+ }
-.status-indicator .octicon {
- display: none;
-}
+ .p-md-4 {
+ padding: 1.5rem !important;
+ }
-.status-indicator-success::before {
- content: '';
-}
+ .p-md-5 {
+ padding: 3rem !important;
+ }
-.status-indicator-success .octicon-check {
- display: inline-block;
- color: var(--fgColor-success);
- fill: var(--fgColor-success);
-}
+ .px-md-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
-.status-indicator-success .octicon-x {
- display: none;
-}
+ .px-md-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
-.status-indicator-failed::before {
- content: '';
-}
+ .px-md-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.status-indicator-failed .octicon-check {
- display: none;
-}
+ .px-md-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.status-indicator-failed .octicon-x {
- display: inline-block;
- color: var(--fgColor-danger);
- fill: var(--fgColor-danger);
-}
+ .px-md-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.status-indicator-loading {
- width: 16px;
- background-image: url('/assets/octocat-spinner-32-EAF2F5-ada8eb30dd92.gif');
- background-repeat: no-repeat;
- background-position: 0 0;
- background-size: 16px;
-}
+ .px-md-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.tag-input-container {
- position: relative;
-}
+ .py-md-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.tag-input-container .focus {
- border-color: transparent !important;
- box-shadow: none !important;
-}
+ .py-md-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.tag-input-container .suggester {
- position: absolute;
- z-index: 100;
- width: 100%;
- margin-top: -1px;
-}
+ .py-md-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-.tag-input-container ul {
- list-style: none;
-}
+ .py-md-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
-.tag-input input {
- float: left;
- padding-left: 2px;
- margin: 0;
- background: none;
- border: 0;
- box-shadow: none;
-}
+ .py-md-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-.tag-input input:focus {
- box-shadow: none;
-}
+ .py-md-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
-.task-list-item {
- list-style-type: none;
-}
+ .pt-md-0 {
+ padding-top: 0 !important;
+ }
-.task-list-item label {
- font-weight: var(--base-text-weight-normal, 400);
-}
+ .pt-md-1 {
+ padding-top: 0.25rem !important;
+ }
-.task-list-item.enabled label {
- cursor: pointer;
-}
+ .pt-md-2 {
+ padding-top: 0.5rem !important;
+ }
-.task-list-item + .task-list-item {
- margin-top: var(--base-size-4);
-}
+ .pt-md-3 {
+ padding-top: 1rem !important;
+ }
-.task-list-item .handle {
- display: none;
-}
+ .pt-md-4 {
+ padding-top: 1.5rem !important;
+ }
-.task-list-item-checkbox {
- margin: 0 0.2em 0.25em -1.4em;
- vertical-align: middle;
-}
+ .pt-md-5 {
+ padding-top: 3rem !important;
+ }
-ul:dir(rtl) .task-list-item-checkbox {
- margin: 0 -1.6em 0.25em 0.2em;
-}
+ .pe-md-0 {
+ padding-right: 0 !important;
+ }
-ol:dir(rtl) .task-list-item-checkbox {
- margin: 0 -1.6em 0.25em 0.2em;
-}
+ .pe-md-1 {
+ padding-right: 0.25rem !important;
+ }
-.convert-to-issue-button {
- top: 2px;
- right: var(--base-size-4);
- padding: 0 2px;
- margin-right: var(--base-size-8);
- -webkit-user-select: none;
- user-select: none;
- background-color: var(--bgColor-muted);
-}
+ .pe-md-2 {
+ padding-right: 0.5rem !important;
+ }
-.convert-to-issue-button .octicon {
- fill: var(--fgColor-default);
-}
+ .pe-md-3 {
+ padding-right: 1rem !important;
+ }
-.convert-to-issue-button:hover .octicon,
-.convert-to-issue-button:focus .octicon {
- fill: var(--fgColor-accent);
-}
+ .pe-md-4 {
+ padding-right: 1.5rem !important;
+ }
-.reorderable-task-lists .markdown-body ul,
-.reorderable-task-lists .markdown-body ol {
- position: relative;
- padding: 0;
-}
+ .pe-md-5 {
+ padding-right: 3rem !important;
+ }
-.reorderable-task-lists .markdown-body li:not(.task-list-item) {
- margin-left: var(--base-size-24);
-}
+ .pb-md-0 {
+ padding-bottom: 0 !important;
+ }
-.reorderable-task-lists .markdown-body ol li,
-.reorderable-task-lists .markdown-body ul li {
- margin-left: 0;
-}
+ .pb-md-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item {
- padding: 2px 15px 2px 42px;
- margin-right: -15px;
- margin-left: -15px;
- line-height: 1.5;
- border: 0;
-}
+ .pb-md-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item + .task-list-item {
- margin-top: 0;
-}
+ .pb-md-3 {
+ padding-bottom: 1rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item .handle {
- display: block;
- float: left;
- width: 20px;
- padding: 2px 0 0 2px;
- margin-left: -43px;
- opacity: 0;
-}
+ .pb-md-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item .drag-handle {
- fill: var(--fgColor-default);
-}
+ .pb-md-5 {
+ padding-bottom: 3rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item.hovered > .handle {
- opacity: 1;
-}
+ .ps-md-0 {
+ padding-left: 0 !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item.is-dragging {
- opacity: 0;
-}
+ .ps-md-1 {
+ padding-left: 0.25rem !important;
+ }
-.reorderable-task-lists .markdown-body ul:dir(rtl) .task-list-item {
- margin-right: 0;
-}
+ .ps-md-2 {
+ padding-left: 0.5rem !important;
+ }
-.reorderable-task-lists .markdown-body ol:dir(rtl) .task-list-item {
- margin-right: 0;
-}
+ .ps-md-3 {
+ padding-left: 1rem !important;
+ }
-.comment-body .reference {
- font-weight: var(--base-text-weight-semibold, 600);
- white-space: nowrap;
-}
+ .ps-md-4 {
+ padding-left: 1.5rem !important;
+ }
-.comment-body .issue-link {
- white-space: normal;
-}
+ .ps-md-5 {
+ padding-left: 3rem !important;
+ }
-.comment-body .issue-link .issue-shorthand {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted);
-}
+ .text-md-start {
+ text-align: left !important;
+ }
-.comment-body .issue-link:hover .issue-shorthand,
-.comment-body .issue-link:focus .issue-shorthand {
- color: var(--fgColor-accent);
-}
+ .text-md-end {
+ text-align: right !important;
+ }
-.review-comment-contents .markdown-body .task-list-item {
- padding-left: 42px;
- margin-right: -12px;
- margin-left: -12px;
- border-top-left-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+ .text-md-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 992px) {
+ .float-lg-start {
+ float: left !important;
+ }
-.convert-to-issue-enabled .task-list-item .contains-task-list {
- padding: var(--base-size-4) 15px 0 43px;
- margin: 0 -15px 0 -42px;
-}
+ .float-lg-end {
+ float: right !important;
+ }
-.convert-to-issue-enabled .task-list-item.hovered {
- background-color: var(--bgColor-muted);
-}
+ .float-lg-none {
+ float: none !important;
+ }
-.convert-to-issue-enabled .task-list-item.hovered .contains-task-list {
- background-color: var(--bgColor-default);
-}
+ .d-lg-inline {
+ display: inline !important;
+ }
-.convert-to-issue-enabled .task-list-item > .convert-to-issue-button {
- opacity: 0;
-}
+ .d-lg-inline-block {
+ display: inline-block !important;
+ }
+
+ .d-lg-block {
+ display: block !important;
+ }
-.convert-to-issue-enabled .task-list-item.hovered > .convert-to-issue-button,
-.convert-to-issue-enabled .task-list-item > .convert-to-issue-button:focus {
- z-index: 20;
- opacity: 1;
-}
+ .d-lg-grid {
+ display: grid !important;
+ }
-.convert-to-issue-enabled .task-list-item.is-loading {
- color: var(--fgColor-muted);
- background-color: var(--bgColor-accent-muted);
- border-top: var(--borderWidth-thin) solid var(--borderColor-accent-muted);
- border-bottom: var(--borderWidth-thin) solid var(--bgColor-default);
- border-left: var(--borderWidth-thin) solid var(--bgColor-default);
-}
+ .d-lg-table {
+ display: table !important;
+ }
-.convert-to-issue-enabled .task-list-item.is-loading ul {
- color: var(--fgColor-default);
- background-color: var(--bgColor-default);
-}
+ .d-lg-table-row {
+ display: table-row !important;
+ }
-.convert-to-issue-enabled .task-list-item.is-loading > .handle {
- opacity: 0;
-}
+ .d-lg-table-cell {
+ display: table-cell !important;
+ }
-.task-list-item-convert-container {
- position: absolute !important;
- top: calc(100% - 4px);
- right: 0;
- left: 0;
- display: none;
- margin-top: 0;
-}
+ .d-lg-flex {
+ display: flex !important;
+ }
-.task-list-item-convert-container:hover,
-.task-list-item-convert-container:focus {
- display: block;
-}
+ .d-lg-inline-flex {
+ display: inline-flex !important;
+ }
-.task-list-item-convert-button-container {
- top: var(--base-size-4);
- right: 0;
- left: auto;
- width: auto;
-}
+ .d-lg-none {
+ display: none !important;
+ }
-.contains-task-list:hover .task-list-item-convert-container,
-.contains-task-list:focus-within .task-list-item-convert-container {
- display: block;
- width: auto;
- height: 24px;
- overflow: visible;
- clip: auto;
-}
+ .flex-lg-fill {
+ flex: 1 1 auto !important;
+ }
-.convert-to-block-button {
- margin: 0 var(--base-size-4);
-}
+ .flex-lg-row {
+ flex-direction: row !important;
+ }
-.topic-tag {
- display: inline-block;
- padding: 0.3em 0.9em;
- margin: 0 0.5em 0.5em 0;
- white-space: nowrap;
- background-color: var(--bgColor-accent-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .flex-lg-column {
+ flex-direction: column !important;
+ }
-.topic-tag-link:hover {
- text-decoration: none;
- background-color: #def;
-}
+ .flex-lg-row-reverse {
+ flex-direction: row-reverse !important;
+ }
-.delete-topic-button {
- display: inline-block;
- width: 26px;
- border-top: 0;
- border-right: 0;
- border-bottom: 0;
- border-left: var(--borderWidth-thin) solid #b4d9ff;
-}
+ .flex-lg-column-reverse {
+ flex-direction: column-reverse !important;
+ }
-.topic-tag-outline {
- background: transparent;
- box-shadow: inset 0 0 0 1px #c8e1ff;
-}
+ .flex-lg-grow-0 {
+ flex-grow: 0 !important;
+ }
-.invalid-topic .delete-topic-button {
- color: var(--fgColor-default);
- background-color: var(--bgColor-danger-muted);
- border-left-color: var(--borderColor-danger-emphasis);
-}
+ .flex-lg-grow-1 {
+ flex-grow: 1 !important;
+ }
-.invalid-topic .delete-topic-button:hover {
- background-color: #ffc8ce;
-}
+ .flex-lg-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.topic-tag-action {
- display: inline-flex;
- align-items: center;
- padding-left: 0.8em;
- margin: 0.4em 0.4em 0 0;
- background-color: var(--bgColor-accent-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .flex-lg-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-.topic-tag-action.invalid-topic {
- color: var(--fgColor-default);
- background-color: var(--bgColor-danger-muted);
- border-color: var(--borderColor-danger-emphasis);
-}
+ .flex-lg-wrap {
+ flex-wrap: wrap !important;
+ }
-.topic-input-container .tag-input {
- width: 908px;
- cursor: text;
-}
+ .flex-lg-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.topic-input-container .tag-input.org-repo-tag-input {
- width: 100%;
-}
+ .flex-lg-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.topic-input-container .tag-input .tag-input-inner {
- min-height: 26px;
- background-image: none;
-}
+ .gap-lg-0 {
+ gap: 0 !important;
+ }
-.topic-input-container .topic-tag {
- margin-top: 2px;
-}
+ .gap-lg-1 {
+ gap: 0.25rem !important;
+ }
-.topic .css-truncate-target {
- max-width: 75%;
-}
+ .gap-lg-2 {
+ gap: 0.5rem !important;
+ }
-.topic-list .topic-list-item + .topic-list-item {
- border-top: solid var(--borderWidth-thin) var(--borderColor-default);
-}
+ .gap-lg-3 {
+ gap: 1rem !important;
+ }
-.topic-box .starred {
- color: var(--fgColor-attention);
- border: 0;
-}
+ .gap-lg-4 {
+ gap: 1.5rem !important;
+ }
-.topic-box .unstarred {
- color: var(--fgColor-muted);
- border: 0;
-}
+ .gap-lg-5 {
+ gap: 3rem !important;
+ }
-.user-status-container,
-.user-status-container .team-mention,
-.user-status-container .user-mention {
- white-space: normal;
-}
+ .justify-content-lg-start {
+ justify-content: flex-start !important;
+ }
-.user-status-container {
- word-break: break-word;
- word-wrap: break-word;
-}
+ .justify-content-lg-end {
+ justify-content: flex-end !important;
+ }
-.user-status-container .input-group-button .btn {
- width: 46px;
- height: 34px;
- line-height: 0;
-}
+ .justify-content-lg-center {
+ justify-content: center !important;
+ }
-.user-status-container .input-group-button g-emoji {
- font-size: 1.3em;
- line-height: 18px;
-}
+ .justify-content-lg-between {
+ justify-content: space-between !important;
+ }
-.user-status-container .team-mention,
-.user-status-container .user-mention {
- white-space: normal;
-}
+ .justify-content-lg-around {
+ justify-content: space-around !important;
+ }
-.user-status-container img.emoji {
- width: 18px;
- height: 18px;
-}
+ .justify-content-lg-evenly {
+ justify-content: space-evenly !important;
+ }
-.user-status-message-wrapper {
- color: var(--fgColor-default);
-}
+ .align-items-lg-start {
+ align-items: flex-start !important;
+ }
-.toggle-user-status-edit:hover .user-status-message-wrapper,
-.toggle-user-status-edit:focus .user-status-message-wrapper {
- color: var(--fgColor-accent);
-}
+ .align-items-lg-end {
+ align-items: flex-end !important;
+ }
-.user-status-message-wrapper div {
- display: inline;
-}
+ .align-items-lg-center {
+ align-items: center !important;
+ }
-.user-status-header g-emoji {
- font-size: 1.25em;
-}
+ .align-items-lg-baseline {
+ align-items: baseline !important;
+ }
-.user-status-message-wrapper .g-emoji {
- display: inline-block;
-}
+ .align-items-lg-stretch {
+ align-items: stretch !important;
+ }
-.user-status-circle-badge {
- background-color: var(--bgColor-default);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: 2em;
- box-shadow: var(--shadow-resting-small);
-}
+ .align-content-lg-start {
+ align-content: flex-start !important;
+ }
-.command-palette {
- box-shadow: var(--shadow-floating-small);
-}
+ .align-content-lg-end {
+ align-content: flex-end !important;
+ }
-@media (min-width: 768px) {
- .command-palette-details-dialog {
- width: 512px;
+ .align-content-lg-center {
+ align-content: center !important;
}
-}
-@media (min-width: 1012px) {
- .command-palette-details-dialog {
- width: 640px;
+ .align-content-lg-between {
+ align-content: space-between !important;
}
-}
-@media (min-width: 1280px) {
- .command-palette-details-dialog {
- width: 720px;
+ .align-content-lg-around {
+ align-content: space-around !important;
}
-}
-.page-stack-transition-height {
- overflow-y: scroll;
- transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
- transition-duration: 0.2s;
- transition-property: max-height, min-height;
-}
+ .align-content-lg-stretch {
+ align-content: stretch !important;
+ }
-.page-stack-transition-height.no-transition {
- transition-duration: 0s;
-}
+ .align-self-lg-auto {
+ align-self: auto !important;
+ }
-.command-palette-input-group {
- position: relative;
- z-index: 0;
- padding-left: 0;
- color: var(--fgColor-muted);
-}
+ .align-self-lg-start {
+ align-self: flex-start !important;
+ }
-.command-palette-input-group .no-focus-indicator:focus,
-.command-palette-input-group .no-focus-indicator:focus-visible {
- border: 0 !important;
- outline: none !important;
-}
+ .align-self-lg-end {
+ align-self: flex-end !important;
+ }
-.command-palette-input-group .command-palette-typeahead {
- position: absolute;
- z-index: 1;
- padding: inherit;
- pointer-events: none;
-}
+ .align-self-lg-center {
+ align-self: center !important;
+ }
-.command-palette-input-group .command-palette-typeahead .typeahead-segment {
- white-space: pre;
-}
+ .align-self-lg-baseline {
+ align-self: baseline !important;
+ }
-.command-palette-input-group .command-palette-typeahead .typeahead-segment.input-mirror {
- opacity: 0;
-}
+ .align-self-lg-stretch {
+ align-self: stretch !important;
+ }
-.command-palette-input-group .typeahead-input {
- padding: inherit;
-}
+ .order-lg-first {
+ order: -1 !important;
+ }
-.command-palette-input-clear-button {
- color: var(--fgColor-muted);
-}
+ .order-lg-0 {
+ order: 0 !important;
+ }
-.command-palette-input-clear-button:hover {
- color: var(--fgColor-muted);
-}
+ .order-lg-1 {
+ order: 1 !important;
+ }
-themed-picture {
- visibility: hidden;
-}
+ .order-lg-2 {
+ order: 2 !important;
+ }
-.SidePanel > .Overlay-header > .Overlay-headerContentWrap > .Overlay-titleWrap {
- padding-top: var(--base-size-8);
-}
+ .order-lg-3 {
+ order: 3 !important;
+ }
-.SidePanel > .Overlay-header > .Overlay-headerContentWrap > .Overlay-actionWrap {
- padding: var(--base-size-8);
-}
+ .order-lg-4 {
+ order: 4 !important;
+ }
-.underline-on-hover:hover {
- text-decoration: underline;
-}
+ .order-lg-5 {
+ order: 5 !important;
+ }
-.is-auto-complete-loading :not(input).form-control {
- padding-right: 0;
- background-image: none;
-}
+ .order-lg-last {
+ order: 6 !important;
+ }
-.ActionMenu {
- position: absolute;
- z-index: 999;
- display: none;
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
+ .m-lg-0 {
+ margin: 0 !important;
+ }
-.CommentBox-header {
- display: flex;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
-}
+ .m-lg-1 {
+ margin: 0.25rem !important;
+ }
-.CommentBox-header.CommentBox-header {
- margin-bottom: 0;
-}
+ .m-lg-2 {
+ margin: 0.5rem !important;
+ }
-.CommentBox-header .tabnav-tabs {
- margin-top: -1px;
- margin-left: -1px;
- flex-shrink: 0;
-}
+ .m-lg-3 {
+ margin: 1rem !important;
+ }
-.CommentBox-toolbar {
- display: flex;
- min-width: 0;
- margin-right: var(--base-size-4, var(--base-size-4));
- flex-shrink: 1;
- flex-grow: 1;
-}
+ .m-lg-4 {
+ margin: 1.5rem !important;
+ }
-.CommentBox-toolbar .Button--invisible {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
+ .m-lg-5 {
+ margin: 3rem !important;
+ }
-.CommentBox-container {
- display: block;
- width: calc(100% - var(--stack-padding-condensed, 8px) * 2);
- height: 100%;
- margin: var(--base-size-8);
- overflow: hidden;
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
-}
+ .m-lg-auto {
+ margin: auto !important;
+ }
-.CommentBox-container.CommentBox-container:focus-within {
- border-color: transparent;
- outline: 2px var(--focus-outlineColor, var(--color-accent-emphasis)) solid;
- outline-offset: -1px;
- box-shadow: none;
-}
+ .mx-lg-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.CommentBox-container::placeholder {
- visibility: hidden;
-}
+ .mx-lg-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.CommentBox-input {
- display: block;
- width: 100%;
- min-height: 102px;
- padding: var(--base-size-8);
- line-height: 1.5;
- resize: vertical;
- background: none;
- border: 0;
-}
+ .mx-lg-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.CommentBox-input.CommentBox-input:focus,
-.CommentBox-input.CommentBox-input:focus-visible {
- border: 0;
- outline: 0;
- box-shadow: none;
-}
+ .mx-lg-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.CommentBox-input.CommentBox-input--medium {
- min-height: 150px;
-}
+ .mx-lg-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.CommentBox-input.CommentBox-input--large {
- min-height: 250px;
-}
+ .mx-lg-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.CommentBox-placeholder {
- position: absolute;
- top: 1px;
- left: 9px;
- display: none;
- padding: var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-subtle));
- pointer-events: none;
-}
+ .mx-lg-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.CommentBox-input:placeholder-shown + .CommentBox-placeholder {
- display: block;
-}
+ .my-lg-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.CommentBox .dragover .CommentBox-input,
-.CommentBox .dragover .CommentBox-input:focus {
- border-radius: 10px;
- outline: 2px dashed var(--borderColor-default, var(--color-border-default));
- outline-offset: -6px;
- box-shadow: none;
-}
+ .my-lg-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.CommentBox-comment {
- margin: var(--base-size-8);
-}
+ .my-lg-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.CommentBox-comment.CommentBox-comment:focus,
-.CommentBox-comment.CommentBox-comment:focus-visible {
- border-radius: var(--borderRadius-medium);
- outline: 2px var(--focus-outlineColor, var(--color-accent-emphasis)) solid;
- outline-offset: -1px;
- box-shadow: none;
-}
+ .my-lg-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.CommentBox-comment[role='tabpanel'][tabindex='0']:focus {
- outline: 2px var(--focus-outlineColor, var(--color-accent-emphasis)) solid;
-}
+ .my-lg-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.CommentBox-comment.CommentBox-comment .comment-body {
- padding: 9px;
- margin: 0;
-}
+ .my-lg-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-.previewable-comment-form .comment {
- border: 0;
-}
+ .my-lg-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-.previewable-edit .previewable-comment-form .CommentBox-header .tabnav-tabs {
- display: flex;
-}
+ .mt-lg-0 {
+ margin-top: 0 !important;
+ }
-.previewable-comment-form .CommentBox .preview-content {
- padding: var(--base-size-8);
- margin: 0;
-}
+ .mt-lg-1 {
+ margin-top: 0.25rem !important;
+ }
-.previewable-comment-form .CommentBox .comment-body {
- padding: 9px;
- border: 0;
-}
+ .mt-lg-2 {
+ margin-top: 0.5rem !important;
+ }
-.PageHeader {
- display: grid;
- grid-template-columns: 1fr;
- grid-template-areas: 'contextBar' 'titleBar' 'description' 'navigation';
- margin-bottom: var(--base-size-24);
-}
+ .mt-lg-3 {
+ margin-top: 1rem !important;
+ }
-@media (max-width: 768px) {
- .PageHeader {
- margin-bottom: var(--base-size-16);
+ .mt-lg-4 {
+ margin-top: 1.5rem !important;
}
-}
-.PageHeader .PageHeader-contextBar {
- display: flex;
- column-gap: 16px;
- align-items: center;
-}
+ .mt-lg-5 {
+ margin-top: 3rem !important;
+ }
-.PageHeader .PageHeader-contextBar .PageHeader-parentLink {
- flex: 1 1 auto;
-}
+ .mt-lg-auto {
+ margin-top: auto !important;
+ }
-.PageHeader .PageHeader-parentLink a {
- display: inline-grid;
- grid-template-columns: min-content auto;
- gap: var(--base-size-4);
- align-items: center;
- padding: var(--base-size-4) var(--base-size-8);
- margin-left: calc(var(--base-size-8) * -1);
- font-size: 14px;
- line-height: 1.25;
- color: var(--fgColor-muted, var(--color-fg-muted));
- border-radius: var(--borderRadius-medium);
-}
+ .me-lg-0 {
+ margin-right: 0 !important;
+ }
-.PageHeader .PageHeader-parentLink a:hover {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
-}
+ .me-lg-1 {
+ margin-right: 0.25rem !important;
+ }
-.PageHeader .PageHeader-parentLink .PageHeader-parentLink-label {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .me-lg-2 {
+ margin-right: 0.5rem !important;
+ }
-.PageHeader .PageHeader-titleBar {
- display: flex;
- column-gap: var(--base-size-16);
-}
+ .me-lg-3 {
+ margin-right: 1rem !important;
+ }
-.PageHeader .PageHeader-titleBar .PageHeader-titleWrap {
- flex: 1 1 auto;
-}
+ .me-lg-4 {
+ margin-right: 1.5rem !important;
+ }
-.PageHeader .PageHeader-titleBar .PageHeader-actions {
- flex: 0 0 auto;
-}
+ .me-lg-5 {
+ margin-right: 3rem !important;
+ }
-.PageHeader .PageHeader-titleWrap {
- display: flex;
- column-gap: var(--base-size-8);
-}
+ .me-lg-auto {
+ margin-right: auto !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large {
- font: 400 var(--text-title-size-large, 2rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica,
- Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-}
+ .mb-lg-0 {
+ margin-bottom: 0 !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large .PageHeader-backButton {
- height: var(--text-title-lineHeight-large, 2.5rem);
-}
+ .mb-lg-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large .PageHeader-leadingVisual {
- max-height: var(--text-title-lineHeight-large, 2.5rem);
-}
+ .mb-lg-2 {
+ margin-bottom: 0.5rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--medium {
- font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica,
- Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-}
+ .mb-lg-3 {
+ margin-bottom: 1rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--subtitle {
- font: 400 var(--text-subtitle-size, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica,
- Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-}
+ .mb-lg-4 {
+ margin-bottom: 1.5rem !important;
+ }
-@media (max-width: 768px) {
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large {
- font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans',
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+ .mb-lg-5 {
+ margin-bottom: 3rem !important;
}
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--medium {
- font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans',
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+ .mb-lg-auto {
+ margin-bottom: auto !important;
}
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--subtitle {
- font: 400 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans',
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+ .ms-lg-0 {
+ margin-left: 0 !important;
}
-}
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasLeadingVisual {
- display: flex;
-}
+ .ms-lg-1 {
+ margin-left: 0.25rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasBackButton:first-child {
- margin-left: calc(var(--base-size-4) * -1);
-}
+ .ms-lg-2 {
+ margin-left: 0.5rem !important;
+ }
-@media (min-width: 768px) {
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasBackButton:first-child {
- display: flex !important;
- align-items: center;
- margin-left: var(--base-size-8);
- grid-template-columns: min-content auto;
+ .ms-lg-3 {
+ margin-left: 1rem !important;
}
-}
-.PageHeader .PageHeader-titleWrap h1,
-.PageHeader .PageHeader-titleWrap h2,
-.PageHeader .PageHeader-titleWrap h3 {
- font-size: inherit;
- font-weight: inherit;
- line-height: inherit;
-}
+ .ms-lg-4 {
+ margin-left: 1.5rem !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-title {
- display: inline-grid;
- grid-auto-flow: column;
- grid-template-columns: auto;
- align-items: center;
- gap: 8px;
-}
+ .ms-lg-5 {
+ margin-left: 3rem !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-leadingVisual {
- display: grid;
- align-items: center;
- max-height: var(--text-title-lineHeight-large, 1.5);
-}
+ .ms-lg-auto {
+ margin-left: auto !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-trailingVisual {
- display: grid;
- align-items: center;
- max-height: var(--text-title-lineHeight-large, 1.5);
-}
+ .p-lg-0 {
+ padding: 0 !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-backButton {
- position: relative;
- display: grid;
- width: 16px;
- height: var(--text-title-lineHeight-medium, 1.5rem);
- align-items: center;
- padding: 0;
- color: inherit;
- border-radius: var(--borderRadius-medium);
-}
+ .p-lg-1 {
+ padding: 0.25rem !important;
+ }
-@media (max-width: 768px) {
- .PageHeader .PageHeader-titleWrap .PageHeader-backButton {
- display: none;
+ .p-lg-2 {
+ padding: 0.5rem !important;
}
-}
-.PageHeader .PageHeader-description {
- margin-top: var(--base-size-8);
- overflow: auto;
-}
+ .p-lg-3 {
+ padding: 1rem !important;
+ }
-.PageHeader .PageHeader-navigation {
- margin-top: var(--base-size-16);
- overflow: auto;
-}
+ .p-lg-4 {
+ padding: 1.5rem !important;
+ }
-.QueryBuilder-StyledInput {
- display: inline-flex;
- width: 100%;
- min-height: var(--control-medium-size, 32px);
- color: var(--fgColor-default, var(--color-fg-default));
- vertical-align: middle;
- cursor: text;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-color: var(--control-borderColor-rest, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
- outline: none;
- align-items: center;
- gap: var(--base-size-4);
-}
+ .p-lg-5 {
+ padding: 3rem !important;
+ }
-.QueryBuilder-focus {
- border-color: transparent;
- outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
- box-shadow: inset 0 0 1px transparent;
-}
+ .px-lg-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
-.QueryBuilder-StyledInputContainer {
- position: relative;
- display: flex;
- overflow-x: auto;
- overflow-y: hidden;
- font-size: inherit;
- align-items: center;
- -ms-overflow-style: none;
- scrollbar-width: none;
- flex: 1;
- align-self: stretch;
-}
+ .px-lg-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
-.QueryBuilder-StyledInputContainer::-webkit-scrollbar {
- display: none;
-}
+ .px-lg-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.QueryBuilder-StyledInputContent {
- position: absolute;
- display: inline-flex;
- padding: 0;
- word-break: break-word;
- white-space: pre;
- -webkit-user-select: none;
- user-select: none;
- flex: 1;
-}
+ .px-lg-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.QueryBuilder-leadingVisualWrap {
- margin: var(--base-size-4) var(--base-size-4) var(--base-size-4) var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
+ .px-lg-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.QueryBuilder-spacer {
- width: var(--base-size-8);
- height: 100%;
-}
+ .px-lg-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.QueryBuilder-InputWrapper {
- width: 100%;
- align-self: stretch;
-}
+ .py-lg-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.QueryBuilder-Sizer {
- position: absolute;
- top: 0;
- left: 0;
- height: 0;
- overflow: scroll;
- white-space: pre;
- visibility: hidden;
-}
+ .py-lg-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.QueryBuilder-Input {
- position: relative;
- display: flex;
- min-width: 100%;
- padding: 0;
- overflow-x: auto;
- overflow-y: hidden;
- color: transparent;
- resize: none;
- background: transparent;
- border: 0;
- outline: none;
- caret-color: var(--fgColor-default, var(--color-fg-default));
-}
+ .py-lg-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-.QueryBuilder-Input:focus {
- border: 0 !important;
- box-shadow: none !important;
-}
+ .py-lg-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
-query-builder:not(:defined) .QueryBuilder-Input {
- color: var(--fgColor-default, var(--color-fg-default));
-}
+ .py-lg-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-.QueryBuilder-ListItem {
- display: grid;
- grid-template-columns: max-content minmax(0, auto) max-content;
- grid-template-areas: 'leadingVisual label trailingLabel';
- -webkit-user-select: unset;
- user-select: unset;
-}
+ .py-lg-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
-.QueryBuilder-ListItem-link {
- color: inherit;
- text-decoration: none !important;
-}
+ .pt-lg-0 {
+ padding-top: 0 !important;
+ }
-.QueryBuilder-ListItem-trailing {
- grid-area: trailingLabel;
-}
+ .pt-lg-1 {
+ padding-top: 0.25rem !important;
+ }
-.QueryBuilder-ListWrap {
- max-height: 20em;
- padding: var(--base-size-8);
- overflow-x: hidden;
- overflow-y: auto !important;
-}
+ .pt-lg-2 {
+ padding-top: 0.5rem !important;
+ }
-.QueryBuilder [data-type='filter-value'] {
- color: var(--fgColor-accent, var(--color-accent-fg));
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-radius: var(--borderRadius-small);
-}
+ .pt-lg-3 {
+ padding-top: 1rem !important;
+ }
-.QueryBuilder .qb-filter-value {
- color: var(--fgColor-accent, var(--color-accent-fg));
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-radius: var(--borderRadius-small);
-}
+ .pt-lg-4 {
+ padding-top: 1.5rem !important;
+ }
-.QueryBuilder .qb-entity {
- color: var(--color-prettylights-syntax-entity);
-}
+ .pt-lg-5 {
+ padding-top: 3rem !important;
+ }
-.QueryBuilder .qb-constant {
- color: var(--color-prettylights-syntax-constant);
-}
+ .pe-lg-0 {
+ padding-right: 0 !important;
+ }
-.QueryBuilder .ActionList-sectionDivider:not(:empty) {
- padding: 0;
-}
+ .pe-lg-1 {
+ padding-right: 0.25rem !important;
+ }
-.hx_anim-fade-out {
- animation-name: hx-fade-out;
- animation-duration: 1s;
- animation-fill-mode: forwards;
- animation-timing-function: ease-out;
-}
+ .pe-lg-2 {
+ padding-right: 0.5rem !important;
+ }
-@keyframes hx-fade-out {
- 0% {
- opacity: 1;
+ .pe-lg-3 {
+ padding-right: 1rem !important;
}
- 100% {
- opacity: 0;
+ .pe-lg-4 {
+ padding-right: 1.5rem !important;
}
-}
-.AvatarStack--large {
- min-width: 44px;
- height: 32px;
-}
+ .pe-lg-5 {
+ padding-right: 3rem !important;
+ }
-.AvatarStack--large.AvatarStack--two {
- min-width: 48px;
-}
+ .pb-lg-0 {
+ padding-bottom: 0 !important;
+ }
-.AvatarStack--large.AvatarStack--three-plus {
- min-width: 52px;
-}
+ .pb-lg-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.AvatarStack--large .AvatarStack-body .avatar {
- width: 32px;
- height: 32px;
- margin-right: -28px;
-}
+ .pb-lg-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.AvatarStack--large .AvatarStack-body:hover .avatar {
- margin-right: var(--base-size-4);
-}
+ .pb-lg-3 {
+ padding-bottom: 1rem !important;
+ }
-.AvatarStack--large .avatar.avatar-more::before {
- width: 32px;
-}
+ .pb-lg-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.AvatarStack--large .avatar.avatar-more::after {
- width: 30px;
-}
+ .pb-lg-5 {
+ padding-bottom: 3rem !important;
+ }
-.AvatarStack--large .avatar.avatar-more::after,
-.AvatarStack--large .avatar.avatar-more::before {
- height: 32px;
-}
+ .ps-lg-0 {
+ padding-left: 0 !important;
+ }
-.Box-row--focus-gray.navigation-focus .AvatarStack-body {
- background-color: var(--bgColor-muted);
-}
+ .ps-lg-1 {
+ padding-left: 0.25rem !important;
+ }
-.AvatarStack-body:not(:hover) {
- background-color: transparent;
-}
+ .ps-lg-2 {
+ padding-left: 0.5rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .avatar-more {
- display: none;
-}
+ .ps-lg-3 {
+ padding-left: 1rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body .avatar:nth-child(n + 4) {
- display: flex;
- opacity: 1;
-}
+ .ps-lg-4 {
+ padding-left: 1.5rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) .avatar:nth-of-type(n + 6) {
- display: none;
- opacity: 0;
-}
+ .ps-lg-5 {
+ padding-left: 3rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(1) {
- z-index: 5;
-}
+ .text-lg-start {
+ text-align: left !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(2) {
- z-index: 4;
-}
+ .text-lg-end {
+ text-align: right !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(3) {
- z-index: 3;
+ .text-lg-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 1200px) {
+ .float-xl-start {
+ float: left !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(4) {
- z-index: 2;
-}
+ .float-xl-end {
+ float: right !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(5) {
- z-index: 1;
-}
+ .float-xl-none {
+ float: none !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3)
- img {
- opacity: 0.5;
-}
+ .d-xl-inline {
+ display: inline !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4)
- img {
- opacity: 0.33;
-}
+ .d-xl-inline-block {
+ display: inline-block !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5)
- img {
- opacity: 0.25;
-}
+ .d-xl-block {
+ display: block !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) > .avatar-more + .avatar:nth-of-type(3) {
- margin-right: 0;
- margin-left: -6px;
-}
+ .d-xl-grid {
+ display: grid !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) > .avatar-more ~ .avatar:nth-of-type(4) {
- margin-right: 0;
- margin-left: -18px;
-}
+ .d-xl-table {
+ display: table !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) > .avatar-more ~ .avatar:nth-of-type(5) {
- margin-right: 0;
- margin-left: -18px;
-}
+ .d-xl-table-row {
+ display: table-row !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3) {
- margin-right: -6px;
- margin-left: 0;
-}
+ .d-xl-table-cell {
+ display: table-cell !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4) {
- margin-right: -18px;
- margin-left: 0;
-}
+ .d-xl-flex {
+ display: flex !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5) {
- margin-right: -18px;
- margin-left: 0;
-}
+ .d-xl-inline-flex {
+ display: inline-flex !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3) {
- margin-right: 0;
- margin-left: -2px;
-}
+ .d-xl-none {
+ display: none !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4) {
- margin-right: 0;
- margin-left: -30px;
-}
+ .flex-xl-fill {
+ flex: 1 1 auto !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5) {
- margin-right: 0;
- margin-left: -30px;
-}
+ .flex-xl-row {
+ flex-direction: row !important;
+ }
-.hx_avatar_stack_commit
- .AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3) {
- margin-right: 0;
- margin-left: -10px;
-}
+ .flex-xl-column {
+ flex-direction: column !important;
+ }
-.hx_avatar_stack_commit
- .AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4) {
- margin-right: 0;
- margin-left: -21px;
-}
+ .flex-xl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
-.hx_avatar_stack_commit
- .AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5) {
- margin-right: 0;
- margin-left: -21px;
-}
+ .flex-xl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
-.hx_badge-search-container {
- cursor: text;
-}
+ .flex-xl-grow-0 {
+ flex-grow: 0 !important;
+ }
-.hx_badge-search-container .hx_badge-input {
- border: 0;
- outline: 0;
- box-shadow: none;
-}
+ .flex-xl-grow-1 {
+ flex-grow: 1 !important;
+ }
-.hx_badge-search-container .hx_badge-input:focus {
- border: 0 !important;
- box-shadow: none !important;
-}
+ .flex-xl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.hx_badge-search-container .hx_badge-input::placeholder {
- font-size: 12px;
-}
+ .flex-xl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-.hx_badge {
- cursor: pointer;
-}
+ .flex-xl-wrap {
+ flex-wrap: wrap !important;
+ }
-.hx_badge[aria-pressed='true'] {
- color: var(--fgColor-onEmphasis) !important;
- background-color: var(--bgColor-accent-emphasis) !important;
- border-color: var(--borderColor-accent-emphasis) !important;
-}
+ .flex-xl-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.hx_Box--firstRowRounded0 .Box-row:first-of-type {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
-}
+ .flex-xl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.Box-row:first-of-type {
- border-top-color: transparent;
-}
+ .gap-xl-0 {
+ gap: 0 !important;
+ }
-.hx_Box-row--with-top-border:first-of-type {
- border-top-color: inherit;
-}
+ .gap-xl-1 {
+ gap: 0.25rem !important;
+ }
-.Box--overlay [data-close-dialog],
-.Box-overlay--narrow [data-close-dialog],
-.Box-overlay--wide [data-close-dialog] {
- z-index: 1;
-}
+ .gap-xl-2 {
+ gap: 0.5rem !important;
+ }
-.dropdown-item.btn-link:disabled,
-.dropdown-item.btn-link:disabled:hover,
-.dropdown-item.btn-link[aria-disabled='true'],
-.dropdown-item.btn-link[aria-disabled='true']:hover {
- background-color: transparent;
-}
+ .gap-xl-3 {
+ gap: 1rem !important;
+ }
-@media {
- g-emoji {
- font-size: 1.25em;
+ .gap-xl-4 {
+ gap: 1.5rem !important;
}
-}
-.hx_create-pr-button:hover {
- border-right-width: 0;
-}
+ .gap-xl-5 {
+ gap: 3rem !important;
+ }
-.hx_create-pr-button:hover + .BtnGroup-parent .BtnGroup-item {
- border-left-width: var(--borderWidth-thin);
-}
+ .justify-content-xl-start {
+ justify-content: flex-start !important;
+ }
-summary[type='button'].btn {
- appearance: none;
-}
+ .justify-content-xl-end {
+ justify-content: flex-end !important;
+ }
-.form-control:-webkit-autofill {
- box-shadow: inset 0 0 0 32px var(--bgColor-default) !important;
- -webkit-text-fill-color: var(--fgColor-default);
-}
-
-.form-control:-webkit-autofill:focus {
- box-shadow: inset 0 0 0 32px var(--bgColor-default), 0 0 0 2px var(--borderColor-accent-emphasis) !important;
-}
-
-::-webkit-calendar-picker-indicator {
- filter: invert(50%);
-}
-
-[data-color-mode='light'][data-light-theme*='dark'] ::selection,
-[data-color-mode='dark'][data-dark-theme*='dark'] ::selection {
- background-color: var(--selection-bgColor);
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] ::selection {
- background-color: var(--selection-bgColor);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] ::selection {
- background-color: var(--selection-bgColor);
- }
-}
-
-@font-face {
- font-family: 'Noto Sans';
- src: local(sans-serif);
- unicode-range: U+60;
-}
-
-[data-color-mode='light'][data-light-theme*='dark'],
-[data-color-mode='dark'][data-dark-theme*='dark'] {
- --color-workflow-card-bg: var(--bgColor-muted);
- --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
- --color-bg-discussions-row-emoji-box: #57606a;
- --color-notifications-row-read-bg: var(--bgColor-default);
- --color-notifications-row-bg: var(--bgColor-muted);
- --color-calendar-halloween-graph-day-L1-bg: #631c03;
- --color-calendar-halloween-graph-day-L2-bg: #bd561d;
- --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
- --color-calendar-halloween-graph-day-L4-bg: #fddf68;
- --color-calendar-winter-graph-day-L1-bg: #0a3069;
- --color-calendar-winter-graph-day-L2-bg: #0969da;
- --color-calendar-winter-graph-day-L3-bg: #54aeff;
- --color-calendar-winter-graph-day-L4-bg: #b6e3ff;
- --color-calendar-graph-day-bg: #161b22;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #0e4429;
- --color-calendar-graph-day-L2-bg: #006d32;
- --color-calendar-graph-day-L3-bg: #26a641;
- --color-calendar-graph-day-L4-bg: #39d353;
- --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
- --color-user-mention-fg: var(--fgColor-attention);
- --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
- --color-marketing-icon-primary: #79c0ff;
- --color-marketing-icon-secondary: #1f6feb;
- --color-project-header-bg: #0d1117;
- --color-project-sidebar-bg: #161b22;
- --color-project-gradient-in: #161b22;
- --color-project-gradient-out: rgba(22, 27, 34, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
- --color-text-white: var(--fgColor-white);
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] {
- --color-workflow-card-bg: var(--bgColor-muted);
- --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
- --color-bg-discussions-row-emoji-box: #57606a;
- --color-notifications-row-read-bg: var(--bgColor-default);
- --color-notifications-row-bg: var(--bgColor-muted);
- --color-calendar-halloween-graph-day-L1-bg: #631c03;
- --color-calendar-halloween-graph-day-L2-bg: #bd561d;
- --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
- --color-calendar-halloween-graph-day-L4-bg: #fddf68;
- --color-calendar-winter-graph-day-L1-bg: #0a3069;
- --color-calendar-winter-graph-day-L2-bg: #0969da;
- --color-calendar-winter-graph-day-L3-bg: #54aeff;
- --color-calendar-winter-graph-day-L4-bg: #b6e3ff;
- --color-calendar-graph-day-bg: #161b22;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #0e4429;
- --color-calendar-graph-day-L2-bg: #006d32;
- --color-calendar-graph-day-L3-bg: #26a641;
- --color-calendar-graph-day-L4-bg: #39d353;
- --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
- --color-user-mention-fg: var(--fgColor-attention);
- --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
- --color-marketing-icon-primary: #79c0ff;
- --color-marketing-icon-secondary: #1f6feb;
- --color-project-header-bg: #0d1117;
- --color-project-sidebar-bg: #161b22;
- --color-project-gradient-in: #161b22;
- --color-project-gradient-out: rgba(22, 27, 34, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] {
- --color-workflow-card-bg: var(--bgColor-muted);
- --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
- --color-bg-discussions-row-emoji-box: #57606a;
- --color-notifications-row-read-bg: var(--bgColor-default);
- --color-notifications-row-bg: var(--bgColor-muted);
- --color-calendar-halloween-graph-day-L1-bg: #631c03;
- --color-calendar-halloween-graph-day-L2-bg: #bd561d;
- --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
- --color-calendar-halloween-graph-day-L4-bg: #fddf68;
- --color-calendar-winter-graph-day-L1-bg: #0a3069;
- --color-calendar-winter-graph-day-L2-bg: #0969da;
- --color-calendar-winter-graph-day-L3-bg: #54aeff;
- --color-calendar-winter-graph-day-L4-bg: #b6e3ff;
- --color-calendar-graph-day-bg: #161b22;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #0e4429;
- --color-calendar-graph-day-L2-bg: #006d32;
- --color-calendar-graph-day-L3-bg: #26a641;
- --color-calendar-graph-day-L4-bg: #39d353;
- --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
- --color-user-mention-fg: var(--fgColor-attention);
- --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
- --color-marketing-icon-primary: #79c0ff;
- --color-marketing-icon-secondary: #1f6feb;
- --color-project-header-bg: #0d1117;
- --color-project-sidebar-bg: #161b22;
- --color-project-gradient-in: #161b22;
- --color-project-gradient-out: rgba(22, 27, 34, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-:root,
-[data-color-mode='light'][data-light-theme*='light'],
-[data-color-mode='dark'][data-dark-theme*='light'] {
- --color-workflow-card-bg: var(--bgColor-default);
- --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
- --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
- --color-notifications-row-read-bg: var(--bgColor-muted);
- --color-notifications-row-bg: var(--bgColor-white);
- --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
- --color-calendar-halloween-graph-day-L2-bg: #ffc501;
- --color-calendar-halloween-graph-day-L3-bg: #fe9600;
- --color-calendar-halloween-graph-day-L4-bg: #03001c;
- --color-calendar-winter-graph-day-L1-bg: #b6e3ff;
- --color-calendar-winter-graph-day-L2-bg: #54aeff;
- --color-calendar-winter-graph-day-L3-bg: #0969da;
- --color-calendar-winter-graph-day-L4-bg: #0a3069;
- --color-calendar-graph-day-bg: #ebedf0;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #9be9a8;
- --color-calendar-graph-day-L2-bg: #40c463;
- --color-calendar-graph-day-L3-bg: #30a14e;
- --color-calendar-graph-day-L4-bg: #216e39;
- --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
- --color-user-mention-fg: var(--fgColor-default);
- --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
- --color-marketing-icon-primary: #218bff;
- --color-marketing-icon-secondary: #54aeff;
- --color-project-header-bg: #24292f;
- --color-project-sidebar-bg: var(--bgColor-white);
- --color-project-gradient-in: var(--bgColor-white);
- --color-project-gradient-out: rgba(255, 255, 255, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
- --color-text-white: var(--fgColor-white);
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='light'] {
- --color-workflow-card-bg: var(--bgColor-default);
- --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
- --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
- --color-notifications-row-read-bg: var(--bgColor-muted);
- --color-notifications-row-bg: var(--bgColor-white);
- --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
- --color-calendar-halloween-graph-day-L2-bg: #ffc501;
- --color-calendar-halloween-graph-day-L3-bg: #fe9600;
- --color-calendar-halloween-graph-day-L4-bg: #03001c;
- --color-calendar-winter-graph-day-L1-bg: #b6e3ff;
- --color-calendar-winter-graph-day-L2-bg: #54aeff;
- --color-calendar-winter-graph-day-L3-bg: #0969da;
- --color-calendar-winter-graph-day-L4-bg: #0a3069;
- --color-calendar-graph-day-bg: #ebedf0;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #9be9a8;
- --color-calendar-graph-day-L2-bg: #40c463;
- --color-calendar-graph-day-L3-bg: #30a14e;
- --color-calendar-graph-day-L4-bg: #216e39;
- --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
- --color-user-mention-fg: var(--fgColor-default);
- --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
- --color-marketing-icon-primary: #218bff;
- --color-marketing-icon-secondary: #54aeff;
- --color-project-header-bg: #24292f;
- --color-project-sidebar-bg: var(--bgColor-white);
- --color-project-gradient-in: var(--bgColor-white);
- --color-project-gradient-out: rgba(255, 255, 255, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='light'] {
- --color-workflow-card-bg: var(--bgColor-default);
- --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
- --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
- --color-notifications-row-read-bg: var(--bgColor-muted);
- --color-notifications-row-bg: var(--bgColor-white);
- --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
- --color-calendar-halloween-graph-day-L2-bg: #ffc501;
- --color-calendar-halloween-graph-day-L3-bg: #fe9600;
- --color-calendar-halloween-graph-day-L4-bg: #03001c;
- --color-calendar-winter-graph-day-L1-bg: #b6e3ff;
- --color-calendar-winter-graph-day-L2-bg: #54aeff;
- --color-calendar-winter-graph-day-L3-bg: #0969da;
- --color-calendar-winter-graph-day-L4-bg: #0a3069;
- --color-calendar-graph-day-bg: #ebedf0;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #9be9a8;
- --color-calendar-graph-day-L2-bg: #40c463;
- --color-calendar-graph-day-L3-bg: #30a14e;
- --color-calendar-graph-day-L4-bg: #216e39;
- --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
- --color-user-mention-fg: var(--fgColor-default);
- --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
- --color-marketing-icon-primary: #218bff;
- --color-marketing-icon-secondary: #54aeff;
- --color-project-header-bg: #24292f;
- --color-project-sidebar-bg: var(--bgColor-white);
- --color-project-gradient-in: var(--bgColor-white);
- --color-project-gradient-out: rgba(255, 255, 255, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-.hx_color-icon-directory {
- color: var(--treeViewItem-leadingVisual-iconColor-rest);
-}
-
-.hx_keyword-hl {
- background-color: var(--highlight-neutral-bgColor);
-}
-
-.hx_dot-fill-pending-icon {
- color: var(--fgColor-attention) !important;
-}
-
-:root[data-color-mode='dark'] .entry-content [href$='#gh-light-mode-only'],
-:root[data-color-mode='dark'] .comment-body [href$='#gh-light-mode-only'],
-:root[data-color-mode='dark'] .readme [href$='#gh-light-mode-only'] {
- display: none;
-}
+ .justify-content-xl-center {
+ justify-content: center !important;
+ }
-:root[data-color-mode='light'] .entry-content [href$='#gh-dark-mode-only'],
-:root[data-color-mode='light'] .comment-body [href$='#gh-dark-mode-only'],
-:root[data-color-mode='light'] .readme [href$='#gh-dark-mode-only'] {
- display: none;
-}
+ .justify-content-xl-between {
+ justify-content: space-between !important;
+ }
-@media (prefers-color-scheme: dark) {
- :root[data-color-mode='auto'] .entry-content [href$='#gh-light-mode-only'],
- :root[data-color-mode='auto'] .comment-body [href$='#gh-light-mode-only'],
- :root[data-color-mode='auto'] .readme [href$='#gh-light-mode-only'] {
- display: none;
+ .justify-content-xl-around {
+ justify-content: space-around !important;
}
-}
-@media (prefers-color-scheme: light) {
- :root[data-color-mode='auto'] .entry-content [href$='#gh-dark-mode-only'],
- :root[data-color-mode='auto'] .comment-body [href$='#gh-dark-mode-only'],
- :root[data-color-mode='auto'] .readme [href$='#gh-dark-mode-only'] {
- display: none;
+ .justify-content-xl-evenly {
+ justify-content: space-evenly !important;
}
-}
-.colorblind-themes-v1 {
- --color-open-fg: var(--fgColor-success);
- --color-open-emphasis: var(--bgColor-success-emphasis);
- --color-open-muted: var(--bgColor-success-muted);
- --color-open-subtle: var(--bgColor-success-muted);
- --color-closed-fg: var(--fgColor-danger);
- --color-closed-emphasis: var(--bgColor-danger-emphasis);
- --color-closed-muted: var(--bgColor-danger-muted);
- --color-closed-subtle: var(--bgColor-danger-muted);
-}
+ .align-items-xl-start {
+ align-items: flex-start !important;
+ }
-.dropdown-item:focus [class*='color-text-'],
-.dropdown-item:hover [class*='color-text-'] {
- color: inherit !important;
-}
+ .align-items-xl-end {
+ align-items: flex-end !important;
+ }
-.filter-item.selected [class*='color-text-'] {
- color: inherit !important;
-}
+ .align-items-xl-center {
+ align-items: center !important;
+ }
-.hx_focus-input:focus-visible + .hx_focus-target {
- box-shadow: 0 0 0 2px var(--borderColor-accent-emphasis);
-}
+ .align-items-xl-baseline {
+ align-items: baseline !important;
+ }
-.reset-btn-override {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted);
-}
+ .align-items-xl-stretch {
+ align-items: stretch !important;
+ }
-.reset-btn-override:hover {
- color: var(--fgColor-accent);
- text-decoration: none;
-}
+ .align-content-xl-start {
+ align-content: flex-start !important;
+ }
-.reset-btn-override:hover .reset-btn-override-icon {
- background-color: var(--bgColor-accent-emphasis);
-}
+ .align-content-xl-end {
+ align-content: flex-end !important;
+ }
-.reset-btn-override-icon {
- width: 18px;
- height: 18px;
- padding: 1px;
- margin-right: 3px;
- color: var(--fgColor-onEmphasis);
- text-align: center;
- background-color: var(--bgColor-neutral-emphasis);
- border-radius: var(--borderRadius-medium);
-}
+ .align-content-xl-center {
+ align-content: center !important;
+ }
-.is-auto-complete-loading .form-control {
- padding-right: 30px;
- background-repeat: no-repeat;
- background-position-x: center;
- background-position-y: center;
- background-size: 16px;
-}
+ .align-content-xl-between {
+ align-content: space-between !important;
+ }
-[data-color-mode='dark'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
-}
+ .align-content-xl-around {
+ align-content: space-around !important;
+ }
-[data-color-mode='light'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
-}
+ .align-content-xl-stretch {
+ align-content: stretch !important;
+ }
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme^='light'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
+ .align-self-xl-auto {
+ align-self: auto !important;
}
- [data-color-mode='auto'][data-dark-theme^='dark'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
+ .align-self-xl-start {
+ align-self: flex-start !important;
}
-}
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme^='light'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
+ .align-self-xl-end {
+ align-self: flex-end !important;
}
- [data-color-mode='auto'][data-light-theme^='dark'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
+ .align-self-xl-center {
+ align-self: center !important;
}
-}
-.icon-sponsor,
-.icon-sponsoring {
- transition: transform 0.15s cubic-bezier(0.2, 0, 0.13, 2);
- transform: scale(1);
-}
+ .align-self-xl-baseline {
+ align-self: baseline !important;
+ }
-.btn:hover .icon-sponsor,
-.btn:focus .icon-sponsor,
-.Label:hover .icon-sponsor,
-.Label:focus .icon-sponsor,
-.btn:hover .icon-sponsoring,
-.btn:focus .icon-sponsoring,
-.Label:hover .icon-sponsoring,
-.Label:focus .icon-sponsoring {
- transform: scale(1.1);
-}
+ .align-self-xl-stretch {
+ align-self: stretch !important;
+ }
-.icon-sponsor {
- overflow: visible !important;
-}
+ .order-xl-first {
+ order: -1 !important;
+ }
-.hx_kbd {
- display: inline-block;
- min-width: 21px;
- padding: 0 var(--base-size-4);
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif,
- 'Apple Color Emoji', 'Segoe UI Emoji';
- font-size: 12px;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1.5;
- color: var(--fgColor-muted);
- text-align: center;
- background-color: var(--bgColor-default);
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
- box-shadow: none;
-}
-
-.hx_hit-user em,
-.hx_hit-package em,
-.hx_hit-marketplace em,
-.hx_hit-highlighting-wrapper em,
-.hx_hit-commit em,
-.hx_hit-issue em,
-.hx_hit-repo em,
-.hx_hit-wiki em {
- font-style: normal;
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .order-xl-0 {
+ order: 0 !important;
+ }
-.SelectMenu-list.select-menu-list {
- max-height: none;
-}
+ .order-xl-1 {
+ order: 1 !important;
+ }
-@media (max-width: 543px) {
- .SelectMenu-modal {
- width: unset !important;
+ .order-xl-2 {
+ order: 2 !important;
}
-}
-.SelectMenu--hasFilter .SelectMenu-list {
- contain: content;
-}
+ .order-xl-3 {
+ order: 3 !important;
+ }
-.SelectMenu-item:disabled,
-.SelectMenu-item[aria-disabled='true'] {
- color: var(--fgColor-muted);
- pointer-events: none;
-}
+ .order-xl-4 {
+ order: 4 !important;
+ }
-.SelectMenu .SelectMenu-item .is-filtering {
- color: var(--fgColor-muted);
-}
+ .order-xl-5 {
+ order: 5 !important;
+ }
-.SelectMenu .SelectMenu-item .is-filtering b {
- color: var(--fgColor-default);
-}
+ .order-xl-last {
+ order: 6 !important;
+ }
-label.SelectMenu-item {
- font-weight: var(--base-text-weight-normal, 400);
-}
+ .m-xl-0 {
+ margin: 0 !important;
+ }
-label.SelectMenu-item[aria-checked='true'] {
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .m-xl-1 {
+ margin: 0.25rem !important;
+ }
-.SelectMenu-item.focused {
- background-color: var(--bgColor-neutral-muted);
-}
+ .m-xl-2 {
+ margin: 0.5rem !important;
+ }
-select-panel dialog {
- inset: 0;
-}
+ .m-xl-3 {
+ margin: 1rem !important;
+ }
-select-panel dialog::backdrop {
- background: none;
-}
+ .m-xl-4 {
+ margin: 1.5rem !important;
+ }
-.Box--responsive {
- margin-right: -15px;
- margin-left: -15px;
- border-right: 0;
- border-left: 0;
- border-radius: 0;
-}
+ .m-xl-5 {
+ margin: 3rem !important;
+ }
-.Box--responsive .Box-row--unread {
- position: relative;
- box-shadow: none;
-}
+ .m-xl-auto {
+ margin: auto !important;
+ }
-.Box--responsive .Box-row--unread::before {
- position: absolute;
- top: 36px;
- left: 20px;
- display: inline-block;
- width: var(--base-size-8);
- height: var(--base-size-8);
- color: #fff;
- content: '';
- background-image: linear-gradient(#54a3ff, #006eed);
- background-clip: padding-box;
- border-radius: 50%;
-}
+ .mx-xl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.Box--responsive .Box-header {
- border-right-width: 0;
- border-left-width: 0;
- border-radius: 0;
-}
+ .mx-xl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-@media (min-width: 544px) {
- .Box--responsive {
- margin-right: 0;
- margin-left: 0;
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+ .mx-xl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
}
- .Box--responsive .Box-header {
- border-right-width: var(--borderWidth-thin);
- border-left-width: var(--borderWidth-thin);
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+ .mx-xl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
}
- .Box--responsive .Box-row--unread {
- box-shadow: 2px 0 0 var(--borderColor-accent-emphasis) inset;
+ .mx-xl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
}
- .Box--responsive .Box-row--unread::before {
- display: none;
+ .mx-xl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
}
-}
-@media (max-width: 767px) {
- .page-responsive .dropdown-menu,
- .page-responsive .dropdown-item {
- padding-top: var(--base-size-8);
- padding-bottom: var(--base-size-8);
+ .mx-xl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
}
- .page-responsive .hx_dropdown-fullscreen[open] > summary::before {
- background-color: var(--overlay-backdrop-bgColor);
+ .my-xl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
}
- .page-responsive .hx_dropdown-fullscreen .dropdown-menu {
- position: fixed;
- top: auto;
- right: var(--base-size-16) !important;
- bottom: 20%;
- left: var(--base-size-16) !important;
- width: auto !important;
- max-width: none !important;
- max-height: calc(80% - 16px);
- margin: 0 !important;
- overflow-y: auto;
- transform: none;
- animation: dropdown-menu-animation 0.24s cubic-bezier(0, 0.1, 0.1, 1) backwards;
- -webkit-overflow-scrolling: touch;
+ .my-xl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
}
- .page-responsive .hx_dropdown-fullscreen .dropdown-menu::before,
- .page-responsive .hx_dropdown-fullscreen .dropdown-menu::after {
- display: none;
+ .my-xl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
}
- @keyframes dropdown-menu-animation {
- 0% {
- opacity: 0;
- transform: scale(0.9);
- }
+ .my-xl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
}
- .page-responsive .hx_dropdown-fullscreen .dropdown-item {
- padding-top: var(--base-size-16);
- padding-bottom: var(--base-size-16);
+ .my-xl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
}
-}
-.hx_rsm-close-button {
- display: none !important;
-}
+ .my-xl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-@media (max-width: 767px) {
- .page-responsive .hx_rsm[open] > summary::before {
- background-color: var(--overlay-backdrop-bgColor, var(--color-primer-canvas-backdrop));
+ .my-xl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
}
- .page-responsive .hx_rsm .select-menu-modal,
- .page-responsive .hx_rsm-modal {
- position: fixed !important;
- top: 75px;
- right: var(--base-size-16) !important;
- left: var(--base-size-16);
- display: flex;
- width: auto;
- height: 80%;
- margin: 0;
- flex-direction: column;
- animation: hx_rsm-modal-animation 0.24s 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards;
+ .mt-xl-0 {
+ margin-top: 0 !important;
}
- .page-responsive .hx_rsm--auto-height .select-menu-modal {
- top: auto;
- bottom: 20%;
- height: auto;
- max-height: calc(80% - 16px);
+ .mt-xl-1 {
+ margin-top: 0.25rem !important;
}
- .page-responsive .hx_rsm .select-menu-header,
- .page-responsive .hx_rsm .select-menu-text-filter.select-menu-text-filter {
- padding: var(--base-size-16);
- border-top-left-radius: inherit;
- border-top-right-radius: inherit;
+ .mt-xl-2 {
+ margin-top: 0.5rem !important;
}
- .page-responsive .hx_rsm tab-container,
- .page-responsive .hx_rsm-content {
- display: flex;
- min-height: 0;
- flex-direction: column;
- flex: auto;
+ .mt-xl-3 {
+ margin-top: 1rem !important;
}
- .page-responsive .hx_rsm .select-menu-list {
- flex: auto;
- max-height: none;
- -webkit-overflow-scrolling: touch;
+ .mt-xl-4 {
+ margin-top: 1.5rem !important;
}
- .page-responsive .hx_rsm-content > .select-menu-item {
- flex-shrink: 0;
+ .mt-xl-5 {
+ margin-top: 3rem !important;
}
- .page-responsive .hx_rsm .select-menu-item {
- padding-top: var(--base-size-16);
- padding-bottom: var(--base-size-16);
- padding-left: var(--base-size-40);
+ .mt-xl-auto {
+ margin-top: auto !important;
}
- .page-responsive .hx_rsm .close-button,
- .page-responsive .hx_rsm-close-button {
- position: relative;
- display: block !important;
+ .me-xl-0 {
+ margin-right: 0 !important;
}
- .page-responsive .hx_rsm .close-button::before,
- .page-responsive .hx_rsm-close-button::before {
- position: absolute;
- top: calc(var(--base-size-16) * -1);
- right: calc(var(--base-size-16) * -1);
- bottom: calc(var(--base-size-16) * -1);
- left: calc(var(--base-size-16) * -1);
- content: '';
+ .me-xl-1 {
+ margin-right: 0.25rem !important;
}
- .page-responsive .hx_rsm .close-button .octicon-x,
- .page-responsive .hx_rsm-close-button .octicon-x {
- color: var(--fgColor-muted, var(--color-fg-muted));
+ .me-xl-2 {
+ margin-right: 0.5rem !important;
}
- .page-responsive .hx_rsm .select-menu-loading-overlay {
- animation-delay: 1s;
+ .me-xl-3 {
+ margin-right: 1rem !important;
}
- .page-responsive .hx_rsm .select-menu-button::before,
- .page-responsive .hx_rsm-trigger::before {
- animation: hx_rsm-trigger-animation 0.24s cubic-bezier(0, 0, 0.2, 1) backwards;
+ .me-xl-4 {
+ margin-right: 1.5rem !important;
}
- @keyframes hx_rsm-trigger-animation {
- 0% {
- opacity: 0;
- }
+ .me-xl-5 {
+ margin-right: 3rem !important;
}
- @keyframes hx_rsm-modal-animation {
- 0% {
- opacity: 0;
- transform: scale(0.9);
- }
+ .me-xl-auto {
+ margin-right: auto !important;
}
- .page-responsive .hx_rsm-dialog {
- max-width: none;
- height: auto;
- max-height: 80%;
- transform: none;
+ .mb-xl-0 {
+ margin-bottom: 0 !important;
}
- .page-responsive .hx_rsm-dialog-content {
- flex: 1;
- min-height: 0;
+ .mb-xl-1 {
+ margin-bottom: 0.25rem !important;
}
-}
-@media (max-width: 767px) and (max-height: 500px) {
- .page-responsive .hx_rsm .select-menu-modal,
- .page-responsive .hx_rsm-modal {
- bottom: var(--base-size-16);
- height: auto;
+ .mb-xl-2 {
+ margin-bottom: 0.5rem !important;
}
-}
-.select-menu-modal {
- border-color: var(--borderColor-default, var(--color-border-default));
- box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
-}
+ .mb-xl-3 {
+ margin-bottom: 1rem !important;
+ }
-.select-menu-header,
-.select-menu-filters {
- background: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
+ .mb-xl-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.select-menu-text-filter input {
- padding: 5px var(--base-size-12);
-}
+ .mb-xl-5 {
+ margin-bottom: 3rem !important;
+ }
-.select-menu-item {
- text-align: left;
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- border-top: 0;
- border-right: 0;
- border-left: 0;
-}
+ .mb-xl-auto {
+ margin-bottom: auto !important;
+ }
-@media (max-width: 767px) {
- .hx_sm-hide-drag-drop textarea {
- border-bottom: solid var(--borderWidth-thin) var(--borderColor-default);
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+ .ms-xl-0 {
+ margin-left: 0 !important;
}
- .hx_sm-hide-drag-drop .hx_drag-and-drop {
- display: none !important;
+ .ms-xl-1 {
+ margin-left: 0.25rem !important;
}
-}
-@media (hover: none) {
- .tooltipped:hover::before,
- .tooltipped:hover::after {
- display: none;
+ .ms-xl-2 {
+ margin-left: 0.5rem !important;
}
-}
-@media (hover: none) {
- .markdown-body h1 .octicon-link,
- .markdown-body h2 .octicon-link,
- .markdown-body h3 .octicon-link,
- .markdown-body h4 .octicon-link,
- .markdown-body h5 .octicon-link,
- .markdown-body h6 .octicon-link {
- visibility: visible !important;
+ .ms-xl-3 {
+ margin-left: 1rem !important;
}
-}
-.min-width-lg {
- min-width: 1012px;
-}
+ .ms-xl-4 {
+ margin-left: 1.5rem !important;
+ }
-.min-width-xl {
- min-width: 1280px;
-}
+ .ms-xl-5 {
+ margin-left: 3rem !important;
+ }
-.min-height-0 {
- min-height: 0 !important;
-}
+ .ms-xl-auto {
+ margin-left: auto !important;
+ }
-.ws-pre-wrap {
- white-space: pre-wrap;
-}
+ .p-xl-0 {
+ padding: 0 !important;
+ }
-.cursor-pointer {
- cursor: pointer;
-}
+ .p-xl-1 {
+ padding: 0.25rem !important;
+ }
-.cursor-default {
- cursor: default;
-}
+ .p-xl-2 {
+ padding: 0.5rem !important;
+ }
-.cursor-wait {
- cursor: wait !important;
-}
+ .p-xl-3 {
+ padding: 1rem !important;
+ }
-.pointer-none {
- pointer-events: none;
-}
+ .p-xl-4 {
+ padding: 1.5rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .hide-no-pref-motion {
- display: none !important;
- visibility: hidden;
+ .p-xl-5 {
+ padding: 3rem !important;
}
-}
-@media screen and (prefers-reduced-motion: reduce) {
- .hide-reduced-motion {
- display: none !important;
- visibility: hidden;
+ .px-xl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-}
-.gap-1 {
- gap: var(--base-size-4) !important;
-}
+ .px-xl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
-.gap-2 {
- gap: var(--base-size-8) !important;
-}
+ .px-xl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.gap-3 {
- gap: var(--base-size-16) !important;
-}
+ .px-xl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.gap-4 {
- gap: var(--base-size-24) !important;
-}
+ .px-xl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.color-border-emphasis {
- border-color: var(--control-borderColor-rest) !important;
-}
+ .px-xl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.line-clamp-1 {
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 1;
- overflow: hidden;
- text-overflow: ellipsis;
-}
+ .py-xl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.line-clamp-2 {
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2;
- overflow: hidden;
- text-overflow: ellipsis;
-}
+ .py-xl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.text-wrap-balance {
- text-wrap: balance;
-}
+ .py-xl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-.text-tabular-nums {
- font-variant-numeric: lining-nums tabular-nums;
-}
+ .py-xl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
-.inset-0 {
- inset: 0;
-}
+ .py-xl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-.starring-container .unstarred,
-.starring-container.on .starred {
- display: flex;
-}
+ .py-xl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
-.starring-container.on .unstarred,
-.starring-container .starred {
- display: none;
-}
+ .pt-xl-0 {
+ padding-top: 0 !important;
+ }
-.starring-container.loading {
- opacity: 0.5;
-}
+ .pt-xl-1 {
+ padding-top: 0.25rem !important;
+ }
-.user-following-container .follow,
-.user-following-container.on .unfollow {
- display: inline-block;
-}
+ .pt-xl-2 {
+ padding-top: 0.5rem !important;
+ }
-.user-following-container.on .follow,
-.user-following-container .unfollow {
- display: none;
-}
+ .pt-xl-3 {
+ padding-top: 1rem !important;
+ }
-.user-following-container.loading {
- opacity: 0.5;
-}
+ .pt-xl-4 {
+ padding-top: 1.5rem !important;
+ }
-.hidden-when-empty:empty {
- display: none !important;
-}
+ .pt-xl-5 {
+ padding-top: 3rem !important;
+ }
-.cm-number,
-.cm-atom {
- color: var(--codeMirror-syntax-fgColor-constant);
-}
+ .pe-xl-0 {
+ padding-right: 0 !important;
+ }
-dl.form-group > dd .form-control.is-autocheck-loading,
-dl.form-group > dd .form-control.is-autocheck-successful,
-dl.form-group > dd .form-control.is-autocheck-errored,
-.form-group > .form-group-body .form-control.is-autocheck-loading,
-.form-group > .form-group-body .form-control.is-autocheck-successful,
-.form-group > .form-group-body .form-control.is-autocheck-errored {
- padding-right: 30px;
-}
+ .pe-xl-1 {
+ padding-right: 0.25rem !important;
+ }
-dl.form-group > dd .form-control.is-autocheck-loading,
-.form-group > .form-group-body .form-control.is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-16px-52b21dd0a90e.gif');
-}
+ .pe-xl-2 {
+ padding-right: 0.5rem !important;
+ }
-dl.form-group > dd .form-control.is-autocheck-errored,
-.form-group > .form-group-body .form-control.is-autocheck-errored {
- background-image: url('/assets/error-27e08d342a06.png');
-}
+ .pe-xl-3 {
+ padding-right: 1rem !important;
+ }
-@media only screen and (-moz-min-device-pixel-ratio: 2),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 192dpi),
- only screen and (min-resolution: 2dppx) {
- dl.form-group > dd .form-control.is-autocheck-loading,
- dl.form-group > dd .form-control.is-autocheck-successful,
- dl.form-group > dd .form-control.is-autocheck-errored,
- .form-group > .form-group-body .form-control.is-autocheck-loading,
- .form-group > .form-group-body .form-control.is-autocheck-successful,
- .form-group > .form-group-body .form-control.is-autocheck-errored {
- background-size: 16px 16px;
+ .pe-xl-4 {
+ padding-right: 1.5rem !important;
}
- dl.form-group > dd .form-control.is-autocheck-loading,
- .form-group > .form-group-body .form-control.is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-32-36e32e38816e.gif');
+ .pe-xl-5 {
+ padding-right: 3rem !important;
}
- dl.form-group > dd .form-control.is-autocheck-errored,
- .form-group > .form-group-body .form-control.is-autocheck-errored {
- background-image: url('/assets/error@2x-92d4bca0a053.png');
+ .pb-xl-0 {
+ padding-bottom: 0 !important;
}
-}
-[data-color-mode='dark'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
- background-size: 16px 16px;
-}
+ .pb-xl-1 {
+ padding-bottom: 0.25rem !important;
+ }
-[data-color-mode='light'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
- background-size: 16px 16px;
-}
+ .pb-xl-2 {
+ padding-bottom: 0.5rem !important;
+ }
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme^='light'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
- background-size: 16px 16px;
+ .pb-xl-3 {
+ padding-bottom: 1rem !important;
}
- [data-color-mode='auto'][data-dark-theme^='dark'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
- background-size: 16px 16px;
+ .pb-xl-4 {
+ padding-bottom: 1.5rem !important;
}
-}
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme^='light'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
- background-size: 16px 16px;
+ .pb-xl-5 {
+ padding-bottom: 3rem !important;
}
- [data-color-mode='auto'][data-light-theme^='dark'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
- background-size: 16px 16px;
+ .ps-xl-0 {
+ padding-left: 0 !important;
}
-}
-auto-check .is-autocheck-loading,
-auto-check .is-autocheck-successful,
-auto-check .is-autocheck-errored {
- padding-right: 30px;
- background-repeat: no-repeat;
- background-position: right 8px center;
-}
+ .ps-xl-1 {
+ padding-left: 0.25rem !important;
+ }
-auto-check .is-autocheck-errored {
- background-image: url('/assets/error-27e08d342a06.png');
-}
+ .ps-xl-2 {
+ padding-left: 0.5rem !important;
+ }
-@media only screen and (-moz-min-device-pixel-ratio: 2),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 192dpi),
- only screen and (min-resolution: 2dppx) {
- auto-check .is-autocheck-loading,
- auto-check .is-autocheck-successful,
- auto-check .is-autocheck-errored {
- background-size: 16px 16px;
+ .ps-xl-3 {
+ padding-left: 1rem !important;
}
- auto-check .is-autocheck-errored {
- background-image: url('/assets/error@2x-92d4bca0a053.png');
+ .ps-xl-4 {
+ padding-left: 1.5rem !important;
}
-}
-.hx_text-body {
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif,
- 'Apple Color Emoji', 'Segoe UI Emoji' !important;
-}
+ .ps-xl-5 {
+ padding-left: 3rem !important;
+ }
-.hx_disabled-form-checkbox-label.form-checkbox.disabled {
- color: var(--fgColor-muted);
-}
+ .text-xl-start {
+ text-align: left !important;
+ }
-.autocomplete-item {
- background-color: transparent;
-}
+ .text-xl-end {
+ text-align: right !important;
+ }
-.ColorSwatch {
- display: inline-block;
- width: 1em;
- height: 1em;
- vertical-align: middle;
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
+ .text-xl-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 1400px) {
+ .float-xxl-start {
+ float: left !important;
+ }
-.label-select-menu .color,
-.ColorSwatch {
- border-radius: 2em;
-}
+ .float-xxl-end {
+ float: right !important;
+ }
-.details-overlay[open] > .dropdown-item:hover {
- color: inherit;
- background: var(--bgColor-default);
-}
+ .float-xxl-none {
+ float: none !important;
+ }
-remote-input[loading] .form-control {
- padding-right: 30px;
- background-image: url('/assets/octocat-spinner-32-36e32e38816e.gif');
- background-size: var(--base-size-16);
-}
+ .d-xxl-inline {
+ display: inline !important;
+ }
-.hx_form-control-spinner {
- position: absolute;
- top: var(--base-size-24);
- right: var(--base-size-24);
- display: none;
-}
+ .d-xxl-inline-block {
+ display: inline-block !important;
+ }
-@media (min-width: 767px) {
- .hx_form-control-spinner {
- top: 18px;
- right: 18px;
+ .d-xxl-block {
+ display: block !important;
}
-}
-.hx_form-control-spinner-wrapper {
- position: relative;
-}
+ .d-xxl-grid {
+ display: grid !important;
+ }
-.hx_form-control-spinner-wrapper .is-loading.form-control {
- padding-right: var(--base-size-28);
-}
+ .d-xxl-table {
+ display: table !important;
+ }
-.hx_form-control-spinner-wrapper .is-loading + .hx_form-control-spinner {
- display: block;
-}
+ .d-xxl-table-row {
+ display: table-row !important;
+ }
-.drag-and-drop {
- border-color: var(--borderColor-default);
-}
+ .d-xxl-table-cell {
+ display: table-cell !important;
+ }
-.input-sm {
- min-height: 28px;
-}
+ .d-xxl-flex {
+ display: flex !important;
+ }
-.btn .octicon-triangle-down {
- margin-right: 0;
-}
+ .d-xxl-inline-flex {
+ display: inline-flex !important;
+ }
-.UnderlineNav-item.selected .UnderlineNav-octicon,
-.UnderlineNav-item[aria-current]:not([aria-current='false']) .UnderlineNav-octicon,
-.UnderlineNav-item[role='tab'][aria-selected='true'] .UnderlineNav-octicon {
- color: inherit;
-}
+ .d-xxl-none {
+ display: none !important;
+ }
-.break-line-anywhere {
- line-break: anywhere !important;
-}
+ .flex-xxl-fill {
+ flex: 1 1 auto !important;
+ }
-.form-checkbox input[type='checkbox'],
-.form-checkbox input[type='radio'] {
- margin-top: var(--base-size-4);
-}
+ .flex-xxl-row {
+ flex-direction: row !important;
+ }
-.status-indicator-success::before,
-.status-indicator-failed::before {
- content: none;
-}
+ .flex-xxl-column {
+ flex-direction: column !important;
+ }
-.markdown-title code {
- padding: 2px var(--base-size-4);
- font-size: 0.9em;
- line-height: 1;
- background-color: var(--bgColor-neutral-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .flex-xxl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
-[data-turbo-body] {
- isolation: isolate;
-}
+ .flex-xxl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
-#__primerPortalRoot__ {
- z-index: 1;
-}
+ .flex-xxl-grow-0 {
+ flex-grow: 0 !important;
+ }
-.hx_ActionList-content > .hx_ActionList-item-label,
-.hx_ActionList-content > .hx_ActionList-item-visual {
- pointer-events: none;
-}
+ .flex-xxl-grow-1 {
+ flex-grow: 1 !important;
+ }
-.IssueLabel--big.lh-condensed {
- display: inline-block;
- padding: 0 10px;
- font-size: 12px;
- font-weight: var(--base-text-weight-medium, 500);
- line-height: 22px !important;
- border: var(--borderWidth-thin) solid transparent;
- border-radius: 2em;
-}
+ .flex-xxl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.hx_IssueLabel {
- --perceived-lightness: calc(
- ((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255
- );
- --lightness-switch: max(0, min(calc((1 / (var(--lightness-threshold) - var(--perceived-lightness)))), 1));
-}
-
-:root .hx_IssueLabel,
-[data-color-mode='light'][data-light-theme*='light'] .hx_IssueLabel,
-[data-color-mode='dark'][data-dark-theme*='light'] .hx_IssueLabel {
- --lightness-threshold: 0.453;
- --border-threshold: 0.96;
- --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
- color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
- background: rgb(var(--label-r), var(--label-g), var(--label-b));
- border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha));
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='light'] .hx_IssueLabel {
- --lightness-threshold: 0.453;
- --border-threshold: 0.96;
- --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
- color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
- background: rgb(var(--label-r), var(--label-g), var(--label-b));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) - 25) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='light'] .hx_IssueLabel {
- --lightness-threshold: 0.453;
- --border-threshold: 0.96;
- --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
- color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
- background: rgb(var(--label-r), var(--label-g), var(--label-b));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) - 25) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-[data-color-mode='light'][data-light-theme*='dark'] .hx_IssueLabel,
-[data-color-mode='dark'][data-dark-theme*='dark'] .hx_IssueLabel {
- --lightness-threshold: 0.6;
- --background-alpha: 0.18;
- --border-alpha: 0.3;
- --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
- color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
- background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) + var(--lighten-by)) * 1%),
- var(--border-alpha)
- );
-}
+ .flex-xxl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] .hx_IssueLabel {
- --lightness-threshold: 0.6;
- --background-alpha: 0.18;
- --border-alpha: 0.3;
- --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
- color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
- background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) + var(--lighten-by)) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] .hx_IssueLabel {
- --lightness-threshold: 0.6;
- --background-alpha: 0.18;
- --border-alpha: 0.3;
- --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
- color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
- background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) + var(--lighten-by)) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-.signed-commit-badge-small,
-.signed-commit-badge-medium,
-.signed-commit-badge-large {
- display: inline-block;
- padding: 0 7px;
- font-size: 12px;
- font-weight: var(--base-text-weight-medium, 500);
- line-height: 18px;
- white-space: nowrap;
- border: 1px solid transparent;
- border-radius: 2em;
- border-color: var(--borderColor-default);
-}
+ .flex-xxl-wrap {
+ flex-wrap: wrap !important;
+ }
-.signed-commit-badge-small {
- margin-top: 0;
-}
+ .flex-xxl-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.signed-commit-badge-large {
- padding-right: 10px;
- padding-left: 10px;
- line-height: 22px;
-}
+ .flex-xxl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.topic-tag-action,
-.delete-topic-button,
-.topic-tag {
- display: inline-block;
- padding: 0 7px;
- font-size: 12px;
- font-weight: var(--base-text-weight-medium, 500);
- line-height: 18px;
- white-space: nowrap;
- border: 1px solid transparent;
- border-radius: 2em;
- padding-right: 10px;
- padding-left: 10px;
- line-height: 22px;
- color: var(--fgColor-accent);
- background-color: var(--bgColor-accent-muted);
- border: var(--borderWidth-thin) solid var(--topicTag-borderColor, transparent);
-}
+ .gap-xxl-0 {
+ gap: 0 !important;
+ }
-.topic-tag-action:active,
-.topic-tag-action:hover,
-.delete-topic-button:active,
-.delete-topic-button:hover,
-.topic-tag:active,
-.topic-tag:hover {
- color: var(--fgColor-onEmphasis);
- background-color: var(--bgColor-accent-emphasis);
-}
+ .gap-xxl-1 {
+ gap: 0.25rem !important;
+ }
-.delete-topic-button {
- padding: 0;
-}
+ .gap-xxl-2 {
+ gap: 0.5rem !important;
+ }
-.topic-tag {
- margin: 0 0.125em 0.333em 0;
-}
+ .gap-xxl-3 {
+ gap: 1rem !important;
+ }
-.topic-tag-large {
- align-items: center;
- display: inline-flex;
- height: 24px;
- padding: 0 10px;
-}
+ .gap-xxl-4 {
+ gap: 1.5rem !important;
+ }
-.topic-tag-outline {
- background: transparent;
-}
+ .gap-xxl-5 {
+ gap: 3rem !important;
+ }
-.topic-tag-action {
- display: inline-flex;
- padding-right: 0;
-}
+ .justify-content-xxl-start {
+ justify-content: flex-start !important;
+ }
-.branch-action-item.color-border-default {
- border-color: var(--borderColor-default) !important;
-}
+ .justify-content-xxl-end {
+ justify-content: flex-end !important;
+ }
-.user-status-container .input-group-button .btn {
- height: 32px;
-}
+ .justify-content-xxl-center {
+ justify-content: center !important;
+ }
-.reponav-item,
-.pagehead-tabs-item {
- border-radius: var(--borderRadius-small) var(--borderRadius-small) 0 0;
-}
+ .justify-content-xxl-between {
+ justify-content: space-between !important;
+ }
-.reponav-item.selected,
-.pagehead-tabs-item.selected {
- border-top-color: #f9826c;
-}
+ .justify-content-xxl-around {
+ justify-content: space-around !important;
+ }
-.auto-search-group > .octicon {
- top: var(--base-size-8);
-}
+ .justify-content-xxl-evenly {
+ justify-content: space-evenly !important;
+ }
-.subnav-search > button.mt-2 {
- margin-top: 6px !important;
-}
+ .align-items-xxl-start {
+ align-items: flex-start !important;
+ }
-.completeness-indicator-success {
- color: var(--fgColor-onEmphasis);
- background-color: var(--button-primary-bgColor-rest);
-}
+ .align-items-xxl-end {
+ align-items: flex-end !important;
+ }
-.pagination-loader-container button.color-bg-default.border-0 {
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
-}
+ .align-items-xxl-center {
+ align-items: center !important;
+ }
-.avatar-user {
- border-radius: 50% !important;
-}
+ .align-items-xxl-baseline {
+ align-items: baseline !important;
+ }
-.user-hovercard-avatar {
- display: block;
- outline-offset: unset;
-}
+ .align-items-xxl-stretch {
+ align-items: stretch !important;
+ }
-@media (max-width: 543px) {
- .minimized-comment > details > summary > div {
- flex-direction: column;
+ .align-content-xxl-start {
+ align-content: flex-start !important;
}
- .minimized-comment > details > summary > div .review-comment-contents {
- align-left: flex-start;
+ .align-content-xxl-end {
+ align-content: flex-end !important;
}
-}
-.hx_disabled-input {
- margin-right: calc(var(--base-size-4) * -1) !important;
- margin-left: calc(var(--base-size-4) * -1) !important;
-}
+ .align-content-xxl-center {
+ align-content: center !important;
+ }
-.hx_disabled-input sidebar-memex-input[disabled] * {
- cursor: pointer;
-}
+ .align-content-xxl-between {
+ align-content: space-between !important;
+ }
-.hx_disabled-input sidebar-memex-input:not([disabled]) .Box-row--hover-gray {
- background-color: var(--bgColor-muted);
-}
+ .align-content-xxl-around {
+ align-content: space-around !important;
+ }
-.hx_disabled-input .Box-row--hover-gray svg.octicon-pencil {
- visibility: hidden;
- opacity: 0;
-}
+ .align-content-xxl-stretch {
+ align-content: stretch !important;
+ }
-.hx_disabled-input .Box-row--hover-gray:hover,
-.hx_disabled-input .Box-row--hover-gray:focus {
- padding-top: var(--base-size-8) !important;
- padding-bottom: var(--base-size-8) !important;
-}
+ .align-self-xxl-auto {
+ align-self: auto !important;
+ }
-.hx_disabled-input .Box-row--hover-gray:hover svg.octicon-pencil,
-.hx_disabled-input .Box-row--hover-gray:focus svg.octicon-pencil {
- visibility: visible;
- opacity: 1;
-}
+ .align-self-xxl-start {
+ align-self: flex-start !important;
+ }
-.hx_disabled-input input:not(:disabled) {
- margin-top: var(--base-size-8) !important;
- margin-bottom: var(--base-size-8) !important;
-}
+ .align-self-xxl-end {
+ align-self: flex-end !important;
+ }
-.hx_disabled-input input[disabled],
-.hx_disabled-input select[disabled],
-.hx_disabled-input .form-control[contenteditable='false'] {
- padding-right: 0;
- padding-left: 0;
- margin-right: 0;
- color: var(--fgColor-default) !important;
- background: transparent;
- border: 0;
- box-shadow: none;
- opacity: 1;
-}
+ .align-self-xxl-center {
+ align-self: center !important;
+ }
-.hx_disabled-input text-expander input[type='text'][disabled] {
- display: none;
-}
+ .align-self-xxl-baseline {
+ align-self: baseline !important;
+ }
-.hx_disabled-input text-expander input[type='text'][disabled] + div.form-control {
- display: block;
-}
+ .align-self-xxl-stretch {
+ align-self: stretch !important;
+ }
-.hx_disabled-input text-expander input[type='text'] + div.form-control {
- display: none;
-}
+ .order-xxl-first {
+ order: -1 !important;
+ }
-.hx_disabled-input input[type='number'][disabled] {
- display: none;
-}
+ .order-xxl-0 {
+ order: 0 !important;
+ }
-.hx_disabled-input input[type='number'][disabled] + div.form-control {
- display: block;
-}
+ .order-xxl-1 {
+ order: 1 !important;
+ }
-.hx_disabled-input input[type='number'] + div.form-control {
- display: none;
-}
+ .order-xxl-2 {
+ order: 2 !important;
+ }
-.hx_disabled-input input[type='date'][disabled] {
- display: none;
-}
+ .order-xxl-3 {
+ order: 3 !important;
+ }
-.hx_disabled-input input[type='date'][disabled] + div.form-control {
- display: block;
-}
+ .order-xxl-4 {
+ order: 4 !important;
+ }
-.hx_disabled-input input[type='date'] + div.form-control {
- display: none;
-}
+ .order-xxl-5 {
+ order: 5 !important;
+ }
-.hx_disabled-input input[disabled]::placeholder,
-.hx_disabled-input selected[disabled]::placeholder {
- color: var(--fgColor-default) !important;
-}
+ .order-xxl-last {
+ order: 6 !important;
+ }
-.hx_disabled-input .form-select {
- background-image: none !important;
-}
+ .m-xxl-0 {
+ margin: 0 !important;
+ }
-.hx_disabled-input .Box-row--focus-gray:focus {
- background: var(--bgColor-muted);
-}
+ .m-xxl-1 {
+ margin: 0.25rem !important;
+ }
-.summary-iteration .inline-status {
- display: none;
-}
+ .m-xxl-2 {
+ margin: 0.5rem !important;
+ }
-.summary-iteration .block-status {
- display: inline-block;
-}
+ .m-xxl-3 {
+ margin: 1rem !important;
+ }
-.list-iteration .inline-status {
- display: inline;
-}
+ .m-xxl-4 {
+ margin: 1.5rem !important;
+ }
-.list-iteration .block-status {
- display: none;
-}
+ .m-xxl-5 {
+ margin: 3rem !important;
+ }
-.hx_tabnav-in-dropdown {
- border-radius: 5px 5px 0 0;
-}
+ .m-xxl-auto {
+ margin: auto !important;
+ }
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:first-child .tabnav-tab.selected,
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:first-child .tabnav-tab[aria-selected='true'],
-.hx_tabnav-in-dropdown
- .tabnav-tabs
- .hx_tabnav-in-dropdown-wrapper:first-child
- .tabnav-tab[aria-current]:not([aria-current='false']) {
- border-left: 0;
-}
+ .mx-xxl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:last-child .tabnav-tab.selected,
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:last-child .tabnav-tab[aria-selected='true'],
-.hx_tabnav-in-dropdown
- .tabnav-tabs
- .hx_tabnav-in-dropdown-wrapper:last-child
- .tabnav-tab[aria-current]:not([aria-current='false']) {
- border-right: 0;
-}
+ .mx-xxl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.hx_tabnav-in-dropdown
- .tabnav-tabs
- .hx_tabnav-in-dropdown-wrapper:last-child
- .tabnav-tab[aria-selected='false']::after {
- position: absolute;
- top: -14px;
- right: 10px;
- left: auto;
- z-index: 10;
- display: inline-block;
- content: '';
- border: 7px solid transparent;
- border-bottom: 7px solid var(--bgColor-muted);
-}
+ .mx-xxl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.hx_tabnav-in-dropdown .tabnav-tab.selected,
-.hx_tabnav-in-dropdown .tabnav-tab[aria-selected='true'],
-.hx_tabnav-in-dropdown .tabnav-tab[aria-current]:not([aria-current='false']) {
- margin-top: -1px;
- background-color: var(--overlay-bgColor);
-}
+ .mx-xxl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.details-overlay-dark[open] > summary::before {
- z-index: 111 !important;
-}
+ .mx-xxl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.turbo-progress-bar {
- z-index: 2147483647;
-}
+ .mx-xxl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.timeline-comment .previewable-comment-form textarea {
- max-height: none;
-}
+ .mx-xxl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.truncate-with-responsive-width {
- width: 50px;
- min-width: 100%;
-}
+ .my-xxl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.markdown-alert {
- padding: var(--base-size-8) var(--base-size-16);
- margin-bottom: var(--base-size-16);
- color: inherit;
- border-left: 0.25em solid var(--borderColor-default);
-}
+ .my-xxl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.markdown-alert > :first-child {
- margin-top: 0;
-}
+ .my-xxl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.markdown-alert > :last-child {
- margin-bottom: 0;
-}
+ .my-xxl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.markdown-alert .markdown-alert-title {
- display: flex;
- font-weight: var(--base-text-weight-medium, 500);
- align-items: center;
- line-height: 1;
-}
+ .my-xxl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.markdown-alert.markdown-alert-note {
- border-left-color: var(--borderColor-accent-emphasis);
-}
+ .my-xxl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-.markdown-alert.markdown-alert-note .markdown-alert-title {
- color: var(--fgColor-accent);
-}
+ .my-xxl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-.markdown-alert.markdown-alert-important {
- border-left-color: var(--borderColor-done-emphasis);
-}
+ .mt-xxl-0 {
+ margin-top: 0 !important;
+ }
-.markdown-alert.markdown-alert-important .markdown-alert-title {
- color: var(--fgColor-done);
-}
+ .mt-xxl-1 {
+ margin-top: 0.25rem !important;
+ }
-.markdown-alert.markdown-alert-warning {
- border-left-color: var(--borderColor-attention-emphasis);
-}
+ .mt-xxl-2 {
+ margin-top: 0.5rem !important;
+ }
-.markdown-alert.markdown-alert-warning .markdown-alert-title {
- color: var(--fgColor-attention);
-}
+ .mt-xxl-3 {
+ margin-top: 1rem !important;
+ }
-.markdown-alert.markdown-alert-tip {
- border-left-color: var(--borderColor-success-emphasis);
-}
+ .mt-xxl-4 {
+ margin-top: 1.5rem !important;
+ }
-.markdown-alert.markdown-alert-tip .markdown-alert-title {
- color: var(--fgColor-success);
-}
+ .mt-xxl-5 {
+ margin-top: 3rem !important;
+ }
-.markdown-alert.markdown-alert-caution {
- border-left-color: var(--borderColor-danger-emphasis);
-}
+ .mt-xxl-auto {
+ margin-top: auto !important;
+ }
-.markdown-alert.markdown-alert-caution .markdown-alert-title {
- color: var(--fgColor-danger);
-}
+ .me-xxl-0 {
+ margin-right: 0 !important;
+ }
-.Overlay-header.Overlay-header--divided + .Overlay-body {
- padding-top: var(--stack-padding-normal, var(--base-size-16));
-}
+ .me-xxl-1 {
+ margin-right: 0.25rem !important;
+ }
-.Overlay-closeButton {
- position: relative;
- display: grid;
- width: var(--base-size-32, 2rem);
- height: var(--base-size-32, 2rem);
- padding: 0;
- color: var(--fgColor-muted);
- cursor: pointer;
- -webkit-user-select: none;
- user-select: none;
- user-select: none;
- background-color: initial;
- border: var(--borderWidth-thin, max(var(--borderWidth-thin), 0.0625rem)) solid transparent;
- border-radius: var(--borderRadius-medium, var(--borderRadius-medium));
- transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);
- transition-property: color, background-color, border-color;
- align-self: flex-start;
- flex-shrink: 0;
- place-content: center;
-}
+ .me-xxl-2 {
+ margin-right: 0.5rem !important;
+ }
-.Overlay-closeButton:focus,
-.Overlay-closeButton:hover {
- background-color: var(--button-default-bgColor-hover);
- border: var(--borderWidth-thin, max(var(--borderWidth-thin), 0.0625rem)) solid var(--control-bgColor-hover);
-}
+ .me-xxl-3 {
+ margin-right: 1rem !important;
+ }
-.Overlay-closeButton.close-button {
- border: var(--borderWidth-thin, max(var(--borderWidth-thin), 0.0625rem)) solid transparent;
-}
+ .me-xxl-4 {
+ margin-right: 1.5rem !important;
+ }
-.Overlay-backdrop--center {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
- align-items: center;
- justify-content: center;
-}
+ .me-xxl-5 {
+ margin-right: 3rem !important;
+ }
-.Overlay-backdrop--anchor {
- position: absolute;
- z-index: 999;
- background-color: initial;
-}
+ .me-xxl-auto {
+ margin-right: auto !important;
+ }
-.Overlay-backdrop--side {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
-}
+ .mb-xxl-0 {
+ margin-bottom: 0 !important;
+ }
-.Overlay-backdrop--side,
-.Overlay-backdrop--side.Overlay-backdrop--placement-left {
- align-items: center;
- justify-content: left;
-}
+ .mb-xxl-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-left > .Overlay {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
-}
+ .mb-xxl-2 {
+ margin-bottom: 0.5rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-left > .Overlay {
- animation: Overlay--motion-slideInRight 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .mb-xxl-3 {
+ margin-bottom: 1rem !important;
}
-}
-.Overlay-backdrop--side.Overlay-backdrop--placement-right {
- align-items: center;
- justify-content: right;
-}
+ .mb-xxl-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-right > .Overlay {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-}
+ .mb-xxl-5 {
+ margin-bottom: 3rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-right > .Overlay {
- animation: Overlay--motion-slideInLeft 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .mb-xxl-auto {
+ margin-bottom: auto !important;
}
-}
-.Overlay-backdrop--side.Overlay-backdrop--placement-bottom {
- align-items: end;
- justify-content: center;
-}
+ .ms-xxl-0 {
+ margin-left: 0 !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-bottom > .Overlay {
- width: 100vw;
- height: auto;
- max-height: calc(100vh - 2rem);
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
-}
+ .ms-xxl-1 {
+ margin-left: 0.25rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-bottom > .Overlay {
- animation: Overlay--motion-slideUp 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .ms-xxl-2 {
+ margin-left: 0.5rem !important;
}
-}
-.Overlay-backdrop--side.Overlay-backdrop--placement-top {
- align-items: start;
- justify-content: center;
-}
+ .ms-xxl-3 {
+ margin-left: 1rem !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-top > .Overlay {
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-top-right-radius: 0;
-}
+ .ms-xxl-4 {
+ margin-left: 1.5rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-top > .Overlay {
- animation: Overlay--motion-slideDown 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .ms-xxl-5 {
+ margin-left: 3rem !important;
}
-}
-.Overlay-backdrop--full {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
-}
+ .ms-xxl-auto {
+ margin-left: auto !important;
+ }
-.Overlay-backdrop--full .Overlay {
- width: 100%;
- max-width: 100vw;
- height: 100%;
- max-height: 100vh;
- border-radius: unset !important;
- flex-grow: 1;
-}
+ .p-xxl-0 {
+ padding: 0 !important;
+ }
-@media (max-width: 767px) {
- .Overlay-backdrop--center-whenNarrow {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
- align-items: center;
- justify-content: center;
+ .p-xxl-1 {
+ padding: 0.25rem !important;
}
- .Overlay-backdrop--anchor-whenNarrow {
- position: absolute;
- z-index: 999;
- background-color: initial;
+ .p-xxl-2 {
+ padding: 0.5rem !important;
}
- .Overlay-backdrop--side-whenNarrow {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
+ .p-xxl-3 {
+ padding: 1rem !important;
}
- .Overlay-backdrop--side-whenNarrow,
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow {
- align-items: center;
- justify-content: left;
+ .p-xxl-4 {
+ padding: 1.5rem !important;
}
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow > .Overlay-whenNarrow {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
+ .p-xxl-5 {
+ padding: 3rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideInRight 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .px-xxl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow {
- align-items: center;
- justify-content: right;
+ .px-xxl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow > .Overlay-whenNarrow {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
+ .px-xxl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideInLeft 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .px-xxl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow {
- align-items: end;
- justify-content: center;
+ .px-xxl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow > .Overlay-whenNarrow {
- width: 100vw;
- height: auto;
- max-height: calc(100vh - 2rem);
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+ .px-xxl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideUp 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .py-xxl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow {
- align-items: start;
- justify-content: center;
+ .py-xxl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow > .Overlay-whenNarrow {
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-top-right-radius: 0;
+ .py-xxl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideDown 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .py-xxl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--full-whenNarrow {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
+ .py-xxl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--full-whenNarrow .Overlay {
- width: 100%;
- max-width: 100vw;
- height: 100%;
- max-height: 100vh;
- border-radius: unset !important;
- flex-grow: 1;
+ .py-xxl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
}
-}
-.Overlay.Overlay--height-xsmall {
- height: min(192px, 100vh - 2rem);
-}
+ .pt-xxl-0 {
+ padding-top: 0 !important;
+ }
-.Overlay.Overlay--height-small {
- height: min(256px, 100vh - 2rem);
-}
+ .pt-xxl-1 {
+ padding-top: 0.25rem !important;
+ }
-.Overlay.Overlay--height-medium {
- height: min(320px, 100vh - 2rem);
-}
+ .pt-xxl-2 {
+ padding-top: 0.5rem !important;
+ }
-.Overlay.Overlay--height-large {
- height: min(432px, 100vh - 2rem);
-}
+ .pt-xxl-3 {
+ padding-top: 1rem !important;
+ }
-.Overlay.Overlay--height-xlarge {
- height: min(600px, 100vh - 2rem);
-}
+ .pt-xxl-4 {
+ padding-top: 1.5rem !important;
+ }
-.Overlay.Overlay--width-auto {
- width: auto;
-}
+ .pt-xxl-5 {
+ padding-top: 3rem !important;
+ }
-.Overlay.Overlay--width-small {
- width: min(256px, 100vw - 2rem);
-}
+ .pe-xxl-0 {
+ padding-right: 0 !important;
+ }
-.Overlay.Overlay--width-medium {
- width: min(320px, 100vw - 2rem);
-}
+ .pe-xxl-1 {
+ padding-right: 0.25rem !important;
+ }
-.Overlay.Overlay--width-large {
- width: min(480px, 100vw - 2rem);
-}
+ .pe-xxl-2 {
+ padding-right: 0.5rem !important;
+ }
-.Overlay.Overlay--width-xlarge {
- width: min(640px, 100vw - 2rem);
-}
+ .pe-xxl-3 {
+ padding-right: 1rem !important;
+ }
-.Overlay.Overlay--width-xxlarge {
- width: min(960px, 100vw - 2rem);
-}
+ .pe-xxl-4 {
+ padding-right: 1.5rem !important;
+ }
-@supports not selector(:popover-open) {
- [popover]:not(.\:popover-open) {
- display: none;
+ .pe-xxl-5 {
+ padding-right: 3rem !important;
}
-}
-.markdown-body > *:first-child > .heading-element:first-child {
- margin-top: 0 !important;
-}
+ .pb-xxl-0 {
+ padding-bottom: 0 !important;
+ }
-.markdown-heading {
- position: relative;
-}
+ .pb-xxl-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.markdown-heading .heading-element:hover + .anchor {
- opacity: 1;
-}
+ .pb-xxl-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.markdown-heading h1.heading-element + .anchor,
-.markdown-heading h2.heading-element + .anchor {
- transform: translateY(calc(-50% - 0.3rem));
-}
+ .pb-xxl-3 {
+ padding-bottom: 1rem !important;
+ }
-.markdown-heading .anchor {
- position: absolute;
- top: 50%;
- left: -28px;
- display: flex;
- width: 28px;
- height: 28px;
- margin: auto;
- border-radius: var(--borderRadius-medium);
- opacity: 0;
- justify-content: center;
- align-items: center;
- transform: translateY(-50%);
-}
+ .pb-xxl-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.markdown-heading .anchor:hover {
- opacity: 1;
-}
+ .pb-xxl-5 {
+ padding-bottom: 3rem !important;
+ }
-.markdown-heading .anchor:focus {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: -2px;
- opacity: 1;
-}
+ .ps-xxl-0 {
+ padding-left: 0 !important;
+ }
-@media (pointer: coarse) {
- .markdown-heading .anchor {
- opacity: 1;
+ .ps-xxl-1 {
+ padding-left: 0.25rem !important;
}
-}
-.markdown-heading .anchor .octicon {
- color: var(--fgColor-default);
-}
+ .ps-xxl-2 {
+ padding-left: 0.5rem !important;
+ }
-summary > .markdown-heading {
- display: inline-block;
-}
+ .ps-xxl-3 {
+ padding-left: 1rem !important;
+ }
-.primer-button-break-line .BtnGroup > * {
- flex: 1 0 auto;
-}
+ .ps-xxl-4 {
+ padding-left: 1.5rem !important;
+ }
-.primer-button-break-line .SegmentedControl .Button {
- width: unset !important;
- min-width: 100% !important;
- height: unset !important;
- min-height: 100% !important;
-}
+ .ps-xxl-5 {
+ padding-left: 3rem !important;
+ }
-.primer-button-break-line .SegmentedControl .Button .Button-label {
- overflow: hidden !important;
- text-overflow: ellipsis !important;
- white-space: nowrap !important;
-}
+ .text-xxl-start {
+ text-align: left !important;
+ }
-.primer-button-break-line .Button {
- min-width: -moz-fit-content !important;
- min-width: fit-content !important;
- height: unset !important;
- min-height: var(--control-medium-size) !important;
-}
+ .text-xxl-end {
+ text-align: right !important;
+ }
-.primer-button-break-line .Button-content {
- flex: 1 1 auto !important;
- align-self: stretch !important;
- padding-block: calc(var(--control-medium-paddingBlock) - 2px) !important;
+ .text-xxl-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 1200px) {
+ .fs-1 {
+ font-size: 2.5rem !important;
+ }
-.primer-button-break-line .Button-label {
- white-space: unset !important;
-}
+ .fs-2 {
+ font-size: 2rem !important;
+ }
-.primer-button-break-line .Button--small {
- height: unset !important;
- min-height: var(--control-small-size) !important;
-}
+ .fs-3 {
+ font-size: 1.75rem !important;
+ }
-.primer-button-break-line .Button--small .Button-content {
- padding-block: calc(var(--control-small-paddingBlock) - 2px) !important;
+ .fs-4 {
+ font-size: 1.5rem !important;
+ }
}
+@media print {
+ .d-print-inline {
+ display: inline !important;
+ }
-.primer-button-break-line .Button--large {
- height: unset !important;
- min-height: var(--control-large-size) !important;
- padding-inline: var(--control-large-paddingInline-spacious) !important;
-}
+ .d-print-inline-block {
+ display: inline-block !important;
+ }
-.primer-button-break-line .Button--large .Button-content {
- padding-block: calc(var(--control-large-paddingBlock) - 2px) !important;
-}
+ .d-print-block {
+ display: block !important;
+ }
-.primer-button-break-line .Button--link {
- min-height: unset !important;
-}
+ .d-print-grid {
+ display: grid !important;
+ }
-.primer-button-break-line .Button--link .Button-content {
- padding: 0 !important;
-}
+ .d-print-table {
+ display: table !important;
+ }
-details.details-overlay:not([open]) > *:not(summary) {
- display: none !important;
-}
+ .d-print-table-row {
+ display: table-row !important;
+ }
-.hx-rails-banner-upsell {
- background-image: linear-gradient(var(--bgColor-upsell-muted), var(--bgColor-upsell-muted));
- border: var(--borderWidth-thin) solid var(--borderColor-upsell-muted);
-}
+ .d-print-table-cell {
+ display: table-cell !important;
+ }
-.hx-rails-banner-upsell .Banner-visual .octicon {
- color: var(--fgColor-upsell);
-}
+ .d-print-flex {
+ display: flex !important;
+ }
-.footer {
- background-color: var(--color-anthracite);
- padding: var(--spacing-4);
- text-align: center;
- font-size: var(--font-size-xs);
- color: #fff;
+ .d-print-inline-flex {
+ display: inline-flex !important;
+ }
+
+ .d-print-none {
+ display: none !important;
+ }
}
diff --git a/steps/02.02-fonts-solution/server/views/pages/product.njk b/steps/02.02-fonts-solution/server/views/pages/product.njk
index a10d49a..0a7beec 100644
--- a/steps/02.02-fonts-solution/server/views/pages/product.njk
+++ b/steps/02.02-fonts-solution/server/views/pages/product.njk
@@ -52,7 +52,7 @@
★
{% endfor %}
-
+
({{ product.reviews.score }} avis)
Voir tous les avis
diff --git a/steps/02.02-fonts/public/styles/footer.css b/steps/02.02-fonts/public/styles/footer.css
index 92b9baa..451640b 100644
--- a/steps/02.02-fonts/public/styles/footer.css
+++ b/steps/02.02-fonts/public/styles/footer.css
@@ -1,13034 +1,11079 @@
-.color-border-inverse {
- border-color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis)) !important;
+.footer {
+ background-color: var(--color-anthracite);
+ padding: var(--spacing-4);
+ text-align: center;
+ font-size: var(--font-size-xs);
+ color: #fff;
}
-.bg-gray-2,
-.bg-gray-3 {
- background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted)) !important;
+:root {
+ --bs-blue: #0d6efd;
+ --bs-indigo: #6610f2;
+ --bs-purple: #6f42c1;
+ --bs-pink: #d63384;
+ --bs-red: #dc3545;
+ --bs-orange: #fd7e14;
+ --bs-yellow: #ffc107;
+ --bs-green: #198754;
+ --bs-teal: #20c997;
+ --bs-cyan: #0dcaf0;
+ --bs-white: #fff;
+ --bs-gray: #6c757d;
+ --bs-gray-dark: #343a40;
+ --bs-gray-100: #f8f9fa;
+ --bs-gray-200: #e9ecef;
+ --bs-gray-300: #dee2e6;
+ --bs-gray-400: #ced4da;
+ --bs-gray-500: #adb5bd;
+ --bs-gray-600: #6c757d;
+ --bs-gray-700: #495057;
+ --bs-gray-800: #343a40;
+ --bs-gray-900: #212529;
+ --bs-primary: #0d6efd;
+ --bs-secondary: #6c757d;
+ --bs-success: #198754;
+ --bs-info: #0dcaf0;
+ --bs-warning: #ffc107;
+ --bs-danger: #dc3545;
+ --bs-light: #f8f9fa;
+ --bs-dark: #212529;
+ --bs-primary-rgb: 13, 110, 253;
+ --bs-secondary-rgb: 108, 117, 125;
+ --bs-success-rgb: 25, 135, 84;
+ --bs-info-rgb: 13, 202, 240;
+ --bs-warning-rgb: 255, 193, 7;
+ --bs-danger-rgb: 220, 53, 69;
+ --bs-light-rgb: 248, 249, 250;
+ --bs-dark-rgb: 33, 37, 41;
+ --bs-white-rgb: 255, 255, 255;
+ --bs-black-rgb: 0, 0, 0;
+ --bs-body-color-rgb: 33, 37, 41;
+ --bs-body-bg-rgb: 255, 255, 255;
+ --bs-font-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
+ 'Liberation Sans', 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.5;
+ --bs-body-color: #212529;
+ --bs-body-bg: #fff;
}
-.color-text-white {
- color: var(--fgColor-white, var(--color-scale-white)) !important;
+@media (prefers-reduced-motion: no-preference) {
+ :root {
+ scroll-behavior: smooth;
+ }
}
-.border-white-fade {
- border-color: rgba(255, 255, 255, 0.15) !important;
+.list-unstyled {
+ padding-left: 0;
+ list-style: none;
}
-.lead {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-inline {
+ padding-left: 0;
+ list-style: none;
}
-.text-emphasized {
- color: var(--fgColor-default, var(--color-fg-default));
+.list-inline-item {
+ display: inline-block;
}
-
-.Label.Label--orange {
- color: var(--fgColor-severe, var(--color-severe-fg));
- border-color: var(--borderColor-severe-emphasis, var(--color-severe-emphasis));
+.list-inline-item:not(:last-child) {
+ margin-right: 0.5rem;
}
-.Label.Label--purple {
- color: var(--fgColor-done, var(--color-done-fg));
- border-color: var(--borderColor-done-emphasis, var(--color-done-emphasis));
+.initialism {
+ font-size: 0.875em;
+ text-transform: uppercase;
}
-.Label.Label--pink {
- color: var(--fgColor-sponsors, var(--color-sponsors-fg));
- border-color: var(--borderColor-sponsors-emphasis, var(--color-sponsors-emphasis));
+.blockquote {
+ margin-bottom: 1rem;
+ font-size: 1.25rem;
}
-
-/*!
-* GitHub Light v0.5.0
-* Copyright (c) 2012 - 2017 GitHub, Inc.
-* Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
-*/
-.pl-c {
- color: var(--color-prettylights-syntax-comment);
+.blockquote > :last-child {
+ margin-bottom: 0;
}
-.pl-c1,
-.pl-s .pl-v {
- color: var(--color-prettylights-syntax-constant);
+.blockquote-footer {
+ margin-top: -1rem;
+ margin-bottom: 1rem;
+ font-size: 0.875em;
+ color: #6c757d;
}
-
-.pl-e,
-.pl-en {
- color: var(--color-prettylights-syntax-entity);
+.blockquote-footer::before {
+ content: '— ';
}
-.pl-smi,
-.pl-s .pl-s1 {
- color: var(--color-prettylights-syntax-storage-modifier-import);
+.img-fluid {
+ max-width: 100%;
+ height: auto;
}
-.pl-ent {
- color: var(--color-prettylights-syntax-entity-tag);
+.img-thumbnail {
+ padding: 0.25rem;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+ border-radius: 0.25rem;
+ max-width: 100%;
+ height: auto;
}
-.pl-k {
- color: var(--color-prettylights-syntax-keyword);
+.figure {
+ display: inline-block;
}
-.pl-s,
-.pl-pds,
-.pl-s .pl-pse .pl-s1,
-.pl-sr,
-.pl-sr .pl-cce,
-.pl-sr .pl-sre,
-.pl-sr .pl-sra {
- color: var(--color-prettylights-syntax-string);
+.figure-img {
+ margin-bottom: 0.5rem;
+ line-height: 1;
}
-.pl-v,
-.pl-smw {
- color: var(--color-prettylights-syntax-variable);
+.figure-caption {
+ font-size: 0.875em;
+ color: #6c757d;
}
-.pl-bu {
- color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
+.container,
+.container-fluid,
+.container-xxl,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm {
+ width: 100%;
+ padding-right: var(--bs-gutter-x, 0.75rem);
+ padding-left: var(--bs-gutter-x, 0.75rem);
+ margin-right: auto;
+ margin-left: auto;
}
-.pl-ii {
- color: var(--color-prettylights-syntax-invalid-illegal-text);
- background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
+@media (min-width: 576px) {
+ .container-sm,
+ .container {
+ max-width: 540px;
+ }
}
-
-.pl-c2 {
- color: var(--color-prettylights-syntax-carriage-return-text);
- background-color: var(--color-prettylights-syntax-carriage-return-bg);
+@media (min-width: 768px) {
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 720px;
+ }
+}
+@media (min-width: 992px) {
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 960px;
+ }
+}
+@media (min-width: 1200px) {
+ .container-xl,
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 1140px;
+ }
+}
+@media (min-width: 1400px) {
+ .container-xxl,
+ .container-xl,
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 1320px;
+ }
+}
+.row {
+ --bs-gutter-x: 1.5rem;
+ --bs-gutter-y: 0;
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: calc(-1 * var(--bs-gutter-y));
+ margin-right: calc(-0.5 * var(--bs-gutter-x));
+ margin-left: calc(-0.5 * var(--bs-gutter-x));
}
-
-.pl-c2::before {
- content: '^M';
+.row > * {
+ flex-shrink: 0;
+ width: 100%;
+ max-width: 100%;
+ padding-right: calc(var(--bs-gutter-x) * 0.5);
+ padding-left: calc(var(--bs-gutter-x) * 0.5);
+ margin-top: var(--bs-gutter-y);
}
-.pl-sr .pl-cce {
- font-weight: bold;
- color: var(--color-prettylights-syntax-string-regexp);
+.col {
+ flex: 1 0 0%;
}
-.pl-ml {
- color: var(--color-prettylights-syntax-markup-list);
+.row-cols-auto > * {
+ flex: 0 0 auto;
+ width: auto;
}
-.pl-mh,
-.pl-mh .pl-en,
-.pl-ms {
- font-weight: bold;
- color: var(--color-prettylights-syntax-markup-heading);
+.row-cols-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
}
-.pl-mi {
- font-style: italic;
- color: var(--color-prettylights-syntax-markup-italic);
+.row-cols-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
}
-.pl-mb {
- font-weight: bold;
- color: var(--color-prettylights-syntax-markup-bold);
+.row-cols-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
}
-.pl-md {
- color: var(--color-prettylights-syntax-markup-deleted-text);
- background-color: var(--color-prettylights-syntax-markup-deleted-bg);
+.row-cols-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
}
-.pl-mi1 {
- color: var(--color-prettylights-syntax-markup-inserted-text);
- background-color: var(--color-prettylights-syntax-markup-inserted-bg);
+.row-cols-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
}
-.pl-mc {
- color: var(--color-prettylights-syntax-markup-changed-text);
- background-color: var(--color-prettylights-syntax-markup-changed-bg);
+.row-cols-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
}
-.pl-mi2 {
- color: var(--color-prettylights-syntax-markup-ignored-text);
- background-color: var(--color-prettylights-syntax-markup-ignored-bg);
+.col-auto {
+ flex: 0 0 auto;
+ width: auto;
}
-.pl-mdr {
- font-weight: bold;
- color: var(--color-prettylights-syntax-meta-diff-range);
+.col-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
}
-.pl-ba {
- color: var(--color-prettylights-syntax-brackethighlighter-angle);
+.col-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
}
-.pl-sg {
- color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
+.col-3 {
+ flex: 0 0 auto;
+ width: 25%;
}
-.pl-corl {
- text-decoration: underline;
- color: var(--color-prettylights-syntax-constant-other-reference-link);
+.col-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
}
-.CodeMirror {
- font-family: monospace;
- height: 300px;
- color: black;
- direction: ltr;
+.col-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
}
-.CodeMirror-lines {
- padding: 4px 0;
+.col-6 {
+ flex: 0 0 auto;
+ width: 50%;
}
-.CodeMirror pre.CodeMirror-line,
-.CodeMirror pre.CodeMirror-line-like {
- padding: 0 4px;
+.col-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
}
-.CodeMirror-scrollbar-filler,
-.CodeMirror-gutter-filler {
- background-color: white;
+.col-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
}
-.CodeMirror-gutters {
- border-right: 1px solid #ddd;
- background-color: #f7f7f7;
- white-space: nowrap;
+.col-9 {
+ flex: 0 0 auto;
+ width: 75%;
}
-.CodeMirror-linenumber {
- padding: 0 3px 0 5px;
- min-width: 20px;
- text-align: right;
- color: #999;
- white-space: nowrap;
+.col-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
}
-.CodeMirror-guttermarker {
- color: black;
+.col-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
}
-.CodeMirror-guttermarker-subtle {
- color: #999;
+.col-12 {
+ flex: 0 0 auto;
+ width: 100%;
}
-.CodeMirror-cursor {
- border-left: 1px solid black;
- border-right: none;
- width: 0;
+.offset-1 {
+ margin-left: 8.33333333%;
}
-.CodeMirror div.CodeMirror-secondarycursor {
- border-left: 1px solid silver;
+.offset-2 {
+ margin-left: 16.66666667%;
}
-.cm-fat-cursor .CodeMirror-cursor {
- width: auto;
- border: 0 !important;
- background: #7e7;
+.offset-3 {
+ margin-left: 25%;
}
-.cm-fat-cursor div.CodeMirror-cursors {
- z-index: 1;
+.offset-4 {
+ margin-left: 33.33333333%;
}
-.cm-fat-cursor-mark {
- background-color: rgba(20, 255, 20, 0.5);
- animation: blink 1.06s steps(1) infinite;
+.offset-5 {
+ margin-left: 41.66666667%;
}
-.cm-animate-fat-cursor {
- width: auto;
- border: 0;
- animation: blink 1.06s steps(1) infinite;
- background-color: #7e7;
+.offset-6 {
+ margin-left: 50%;
}
-@keyframes blink {
- 50% {
- background-color: transparent;
- }
+.offset-7 {
+ margin-left: 58.33333333%;
}
-.cm-tab {
- display: inline-block;
- text-decoration: inherit;
+.offset-8 {
+ margin-left: 66.66666667%;
}
-.CodeMirror-rulers {
- position: absolute;
- left: 0;
- right: 0;
- top: -50px;
- bottom: 0;
- overflow: hidden;
+.offset-9 {
+ margin-left: 75%;
}
-.CodeMirror-ruler {
- border-left: 1px solid #ccc;
- top: 0;
- bottom: 0;
- position: absolute;
+.offset-10 {
+ margin-left: 83.33333333%;
}
-.cm-s-default .cm-header {
- color: blue;
+.offset-11 {
+ margin-left: 91.66666667%;
}
-.cm-s-default .cm-quote {
- color: #090;
+.g-0,
+.gx-0 {
+ --bs-gutter-x: 0;
}
-.cm-negative {
- color: #d44;
+.g-0,
+.gy-0 {
+ --bs-gutter-y: 0;
}
-.cm-positive {
- color: #292;
+.g-1,
+.gx-1 {
+ --bs-gutter-x: 0.25rem;
}
-.cm-header,
-.cm-strong {
- font-weight: bold;
+.g-1,
+.gy-1 {
+ --bs-gutter-y: 0.25rem;
}
-.cm-em {
- font-style: italic;
+.g-2,
+.gx-2 {
+ --bs-gutter-x: 0.5rem;
}
-.cm-link {
- text-decoration: underline;
+.g-2,
+.gy-2 {
+ --bs-gutter-y: 0.5rem;
}
-.cm-strikethrough {
- text-decoration: line-through;
+.g-3,
+.gx-3 {
+ --bs-gutter-x: 1rem;
}
-.cm-s-default .cm-keyword {
- color: #708;
+.g-3,
+.gy-3 {
+ --bs-gutter-y: 1rem;
}
-.cm-s-default .cm-atom {
- color: #219;
+.g-4,
+.gx-4 {
+ --bs-gutter-x: 1.5rem;
}
-.cm-s-default .cm-number {
- color: #164;
+.g-4,
+.gy-4 {
+ --bs-gutter-y: 1.5rem;
}
-.cm-s-default .cm-def {
- color: blue;
+.g-5,
+.gx-5 {
+ --bs-gutter-x: 3rem;
}
-.cm-s-default .cm-variable-2 {
- color: #05a;
+.g-5,
+.gy-5 {
+ --bs-gutter-y: 3rem;
}
-.cm-s-default .cm-variable-3,
-.cm-s-default .cm-type {
- color: #085;
-}
+@media (min-width: 576px) {
+ .col-sm {
+ flex: 1 0 0%;
+ }
-.cm-s-default .cm-comment {
- color: #a50;
-}
+ .row-cols-sm-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.cm-s-default .cm-string {
- color: #a11;
-}
+ .row-cols-sm-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.cm-s-default .cm-string-2 {
- color: #f50;
-}
+ .row-cols-sm-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.cm-s-default .cm-meta {
- color: #555;
-}
+ .row-cols-sm-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.cm-s-default .cm-qualifier {
- color: #555;
-}
+ .row-cols-sm-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.cm-s-default .cm-builtin {
- color: #30a;
-}
+ .row-cols-sm-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.cm-s-default .cm-bracket {
- color: #997;
-}
+ .row-cols-sm-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.cm-s-default .cm-tag {
- color: #170;
-}
+ .col-sm-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.cm-s-default .cm-attribute {
- color: #00c;
-}
+ .col-sm-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.cm-s-default .cm-hr {
- color: #999;
-}
+ .col-sm-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.cm-s-default .cm-link {
- color: #00c;
-}
+ .col-sm-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.cm-s-default .cm-error {
- color: red;
-}
+ .col-sm-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.cm-invalidchar {
- color: red;
-}
+ .col-sm-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.CodeMirror-composing {
- border-bottom: 2px solid;
-}
+ .col-sm-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-div.CodeMirror span.CodeMirror-matchingbracket {
- color: #0b0;
-}
+ .col-sm-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-div.CodeMirror span.CodeMirror-nonmatchingbracket {
- color: #a22;
-}
+ .col-sm-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.CodeMirror-matchingtag {
- background: rgba(255, 150, 0, 0.3);
-}
+ .col-sm-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.CodeMirror-activeline-background {
- background: #e8f2ff;
-}
+ .col-sm-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.CodeMirror {
- position: relative;
- overflow: hidden;
- background: white;
-}
+ .col-sm-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.CodeMirror-scroll {
- overflow: scroll !important;
- margin-bottom: -50px;
- margin-right: -50px;
- padding-bottom: 50px;
- height: 100%;
- outline: none;
- position: relative;
-}
+ .col-sm-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-sizer {
- position: relative;
- border-right: 50px solid transparent;
-}
+ .offset-sm-0 {
+ margin-left: 0;
+ }
-.CodeMirror-vscrollbar,
-.CodeMirror-hscrollbar,
-.CodeMirror-scrollbar-filler,
-.CodeMirror-gutter-filler {
- position: absolute;
- z-index: 6;
- display: none;
- outline: none;
-}
+ .offset-sm-1 {
+ margin-left: 8.33333333%;
+ }
-.CodeMirror-vscrollbar {
- right: 0;
- top: 0;
- overflow-x: hidden;
- overflow-y: scroll;
-}
+ .offset-sm-2 {
+ margin-left: 16.66666667%;
+ }
-.CodeMirror-hscrollbar {
- bottom: 0;
- left: 0;
- overflow-y: hidden;
- overflow-x: scroll;
-}
+ .offset-sm-3 {
+ margin-left: 25%;
+ }
-.CodeMirror-scrollbar-filler {
- right: 0;
- bottom: 0;
-}
+ .offset-sm-4 {
+ margin-left: 33.33333333%;
+ }
-.CodeMirror-gutter-filler {
- left: 0;
- bottom: 0;
-}
+ .offset-sm-5 {
+ margin-left: 41.66666667%;
+ }
-.CodeMirror-gutters {
- position: absolute;
- left: 0;
- top: 0;
- min-height: 100%;
- z-index: 3;
-}
+ .offset-sm-6 {
+ margin-left: 50%;
+ }
-.CodeMirror-gutter {
- white-space: normal;
- height: 100%;
- display: inline-block;
- vertical-align: top;
- margin-bottom: -50px;
-}
+ .offset-sm-7 {
+ margin-left: 58.33333333%;
+ }
-.CodeMirror-gutter-wrapper {
- position: absolute;
- z-index: 4;
- background: none !important;
- border: none !important;
-}
+ .offset-sm-8 {
+ margin-left: 66.66666667%;
+ }
-.CodeMirror-gutter-background {
- position: absolute;
- top: 0;
- bottom: 0;
- z-index: 4;
-}
+ .offset-sm-9 {
+ margin-left: 75%;
+ }
-.CodeMirror-gutter-elt {
- position: absolute;
- cursor: default;
- z-index: 4;
-}
+ .offset-sm-10 {
+ margin-left: 83.33333333%;
+ }
-.CodeMirror-gutter-wrapper ::selection {
- background-color: transparent;
-}
+ .offset-sm-11 {
+ margin-left: 91.66666667%;
+ }
-.CodeMirror-gutter-wrapper ::-moz-selection {
- background-color: transparent;
-}
+ .g-sm-0,
+ .gx-sm-0 {
+ --bs-gutter-x: 0;
+ }
-.CodeMirror-lines {
- cursor: text;
- min-height: 1px;
-}
+ .g-sm-0,
+ .gy-sm-0 {
+ --bs-gutter-y: 0;
+ }
-.CodeMirror pre.CodeMirror-line,
-.CodeMirror pre.CodeMirror-line-like {
- border-radius: 0;
- border-width: 0;
- background: transparent;
- font-family: inherit;
- font-size: inherit;
- margin: 0;
- white-space: pre;
- word-wrap: normal;
- line-height: inherit;
- color: inherit;
- z-index: 2;
- position: relative;
- overflow: visible;
- -webkit-tap-highlight-color: transparent;
- font-variant-ligatures: contextual;
-}
+ .g-sm-1,
+ .gx-sm-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.CodeMirror-wrap pre.CodeMirror-line,
-.CodeMirror-wrap pre.CodeMirror-line-like {
- word-wrap: break-word;
- white-space: pre-wrap;
- word-break: normal;
-}
+ .g-sm-1,
+ .gy-sm-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.CodeMirror-linebackground {
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- z-index: 0;
-}
+ .g-sm-2,
+ .gx-sm-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.CodeMirror-linewidget {
- position: relative;
- z-index: 2;
- padding: 0.1px;
-}
+ .g-sm-2,
+ .gy-sm-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.CodeMirror-rtl pre {
- direction: rtl;
-}
+ .g-sm-3,
+ .gx-sm-3 {
+ --bs-gutter-x: 1rem;
+ }
-.CodeMirror-code {
- outline: none;
-}
+ .g-sm-3,
+ .gy-sm-3 {
+ --bs-gutter-y: 1rem;
+ }
-.CodeMirror-scroll,
-.CodeMirror-sizer,
-.CodeMirror-gutter,
-.CodeMirror-gutters,
-.CodeMirror-linenumber {
- box-sizing: content-box;
-}
+ .g-sm-4,
+ .gx-sm-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.CodeMirror-measure {
- position: absolute;
- width: 100%;
- height: 0;
- overflow: hidden;
- visibility: hidden;
-}
+ .g-sm-4,
+ .gy-sm-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.CodeMirror-cursor {
- position: absolute;
- pointer-events: none;
-}
+ .g-sm-5,
+ .gx-sm-5 {
+ --bs-gutter-x: 3rem;
+ }
-.CodeMirror-measure pre {
- position: static;
+ .g-sm-5,
+ .gy-sm-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 768px) {
+ .col-md {
+ flex: 1 0 0%;
+ }
-div.CodeMirror-cursors {
- visibility: hidden;
- position: relative;
- z-index: 3;
-}
+ .row-cols-md-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-div.CodeMirror-dragcursors {
- visibility: visible;
-}
+ .row-cols-md-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-focused div.CodeMirror-cursors {
- visibility: visible;
-}
+ .row-cols-md-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.CodeMirror-selected {
- background: #d9d9d9;
-}
+ .row-cols-md-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.CodeMirror-focused .CodeMirror-selected {
- background: #d7d4f0;
-}
+ .row-cols-md-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.CodeMirror-crosshair {
- cursor: crosshair;
-}
+ .row-cols-md-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.CodeMirror-line::selection,
-.CodeMirror-line > span::selection,
-.CodeMirror-line > span > span::selection {
- background: #d7d4f0;
-}
+ .row-cols-md-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.CodeMirror-line::-moz-selection,
-.CodeMirror-line > span::-moz-selection,
-.CodeMirror-line > span > span::-moz-selection {
- background: #d7d4f0;
-}
+ .col-md-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.cm-searching {
- background-color: #ffa;
- background-color: rgba(255, 255, 0, 0.4);
-}
+ .col-md-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.cm-force-border {
- padding-right: 0.1px;
-}
+ .col-md-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-@media print {
- .CodeMirror div.CodeMirror-cursors {
- visibility: hidden;
+ .col-md-3 {
+ flex: 0 0 auto;
+ width: 25%;
}
-}
-.cm-tab-wrap-hack:after {
- content: '';
-}
+ .col-md-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-span.CodeMirror-selectedtext {
- background: none;
-}
+ .col-md-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.CodeMirror-dialog {
- position: absolute;
- left: 0;
- right: 0;
- background: inherit;
- z-index: 15;
- padding: 0.1em 0.8em;
- overflow: hidden;
- color: inherit;
-}
+ .col-md-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.CodeMirror-dialog-top {
- border-bottom: 1px solid #eee;
- top: 0;
-}
+ .col-md-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.CodeMirror-dialog-bottom {
- border-top: 1px solid #eee;
- bottom: 0;
-}
+ .col-md-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.CodeMirror-dialog input {
- border: none;
- outline: none;
- background: transparent;
- width: 20em;
- color: inherit;
- font-family: monospace;
-}
+ .col-md-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.CodeMirror-dialog button {
- font-size: 70%;
-}
+ .col-md-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.CodeMirror-merge {
- position: relative;
- border: 1px solid #ddd;
- white-space: pre;
-}
+ .col-md-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.CodeMirror-merge,
-.CodeMirror-merge .CodeMirror {
- height: 350px;
-}
+ .col-md-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-merge-2pane .CodeMirror-merge-pane {
- width: 47%;
-}
+ .offset-md-0 {
+ margin-left: 0;
+ }
-.CodeMirror-merge-2pane .CodeMirror-merge-gap {
- width: 6%;
-}
+ .offset-md-1 {
+ margin-left: 8.33333333%;
+ }
-.CodeMirror-merge-3pane .CodeMirror-merge-pane {
- width: 31%;
-}
+ .offset-md-2 {
+ margin-left: 16.66666667%;
+ }
-.CodeMirror-merge-3pane .CodeMirror-merge-gap {
- width: 3.5%;
-}
+ .offset-md-3 {
+ margin-left: 25%;
+ }
-.CodeMirror-merge-pane {
- display: inline-block;
- white-space: normal;
- vertical-align: top;
-}
+ .offset-md-4 {
+ margin-left: 33.33333333%;
+ }
-.CodeMirror-merge-pane-rightmost {
- position: absolute;
- right: 0px;
- z-index: 1;
-}
+ .offset-md-5 {
+ margin-left: 41.66666667%;
+ }
-.CodeMirror-merge-gap {
- z-index: 2;
- display: inline-block;
- height: 100%;
- box-sizing: border-box;
- overflow: hidden;
- border-left: 1px solid #ddd;
- border-right: 1px solid #ddd;
- position: relative;
- background: #f8f8f8;
-}
+ .offset-md-6 {
+ margin-left: 50%;
+ }
-.CodeMirror-merge-scrolllock-wrap {
- position: absolute;
- bottom: 0;
- left: 50%;
-}
+ .offset-md-7 {
+ margin-left: 58.33333333%;
+ }
-.CodeMirror-merge-scrolllock {
- position: relative;
- left: -50%;
- cursor: pointer;
- color: #555;
- line-height: 1;
-}
+ .offset-md-8 {
+ margin-left: 66.66666667%;
+ }
-.CodeMirror-merge-scrolllock:after {
- content: '⇛ ⇚';
-}
+ .offset-md-9 {
+ margin-left: 75%;
+ }
-.CodeMirror-merge-scrolllock.CodeMirror-merge-scrolllock-enabled:after {
- content: '⇛⇚';
-}
+ .offset-md-10 {
+ margin-left: 83.33333333%;
+ }
-.CodeMirror-merge-copybuttons-left,
-.CodeMirror-merge-copybuttons-right {
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- line-height: 1;
-}
+ .offset-md-11 {
+ margin-left: 91.66666667%;
+ }
-.CodeMirror-merge-copy {
- position: absolute;
- cursor: pointer;
- color: #44c;
- z-index: 3;
-}
+ .g-md-0,
+ .gx-md-0 {
+ --bs-gutter-x: 0;
+ }
-.CodeMirror-merge-copy-reverse {
- position: absolute;
- cursor: pointer;
- color: #44c;
-}
+ .g-md-0,
+ .gy-md-0 {
+ --bs-gutter-y: 0;
+ }
-.CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy {
- left: 2px;
-}
+ .g-md-1,
+ .gx-md-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy {
- right: 2px;
-}
+ .g-md-1,
+ .gy-md-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.CodeMirror-merge-r-inserted,
-.CodeMirror-merge-l-inserted {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==);
- background-position: bottom left;
- background-repeat: repeat-x;
-}
+ .g-md-2,
+ .gx-md-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.CodeMirror-merge-r-deleted,
-.CodeMirror-merge-l-deleted {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
- background-position: bottom left;
- background-repeat: repeat-x;
-}
+ .g-md-2,
+ .gy-md-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.CodeMirror-merge-r-chunk {
- background: #ffffe0;
-}
+ .g-md-3,
+ .gx-md-3 {
+ --bs-gutter-x: 1rem;
+ }
-.CodeMirror-merge-r-chunk-start {
- border-top: 1px solid #ee8;
-}
+ .g-md-3,
+ .gy-md-3 {
+ --bs-gutter-y: 1rem;
+ }
-.CodeMirror-merge-r-chunk-end {
- border-bottom: 1px solid #ee8;
-}
+ .g-md-4,
+ .gx-md-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.CodeMirror-merge-r-connect {
- fill: #ffffe0;
- stroke: #ee8;
- stroke-width: 1px;
-}
+ .g-md-4,
+ .gy-md-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.CodeMirror-merge-l-chunk {
- background: #eef;
-}
+ .g-md-5,
+ .gx-md-5 {
+ --bs-gutter-x: 3rem;
+ }
-.CodeMirror-merge-l-chunk-start {
- border-top: 1px solid #88e;
+ .g-md-5,
+ .gy-md-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 992px) {
+ .col-lg {
+ flex: 1 0 0%;
+ }
-.CodeMirror-merge-l-chunk-end {
- border-bottom: 1px solid #88e;
-}
+ .row-cols-lg-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.CodeMirror-merge-l-connect {
- fill: #eef;
- stroke: #88e;
- stroke-width: 1px;
-}
+ .row-cols-lg-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk {
- background: #dfd;
-}
+ .row-cols-lg-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start {
- border-top: 1px solid #4e4;
-}
+ .row-cols-lg-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end {
- border-bottom: 1px solid #4e4;
-}
+ .row-cols-lg-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.CodeMirror-merge-collapsed-widget:before {
- content: '(...)';
-}
+ .row-cols-lg-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.CodeMirror-merge-collapsed-widget {
- cursor: pointer;
- color: #88b;
- background: #eef;
- border: 1px solid #ddf;
- font-size: 90%;
- padding: 0 3px;
- border-radius: 4px;
-}
+ .row-cols-lg-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt {
- display: none;
-}
+ .col-lg-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-/*!
-* GitHub Light v0.4.2
-* Copyright (c) 2012 - 2017 GitHub, Inc.
-* Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
-*/
-.cm-s-github-light.CodeMirror {
- color: var(--codeMirror-fgColor);
- background: var(--codeMirror-bgColor);
-}
+ .col-lg-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.cm-s-github-light .CodeMirror-gutters {
- background: var(--codeMirror-gutters-bgColor);
- border-right-width: 0;
-}
+ .col-lg-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.cm-s-github-light .CodeMirror-guttermarker {
- color: var(--codeMirror-gutterMarker-fgColor-default);
-}
+ .col-lg-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.cm-s-github-light .CodeMirror-guttermarker-subtle {
- color: var(--codeMirror-gutterMarker-fgColor-muted);
-}
+ .col-lg-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.cm-s-github-light .CodeMirror-scrollbar-filler,
-.cm-s-github-light .CodeMirror-gutter-filler {
- background-color: transparent;
-}
+ .col-lg-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.cm-s-github-light .CodeMirror-linenumber {
- padding: 0 var(--base-size-16) 0 var(--base-size-16);
- color: var(--codeMirror-lineNumber-fgColor);
-}
+ .col-lg-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.cm-s-github-light .CodeMirror-cursor {
- border-left: var(--borderWidth-thin) solid var(--codeMirror-cursor-fgColor);
-}
+ .col-lg-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.cm-s-github-light.CodeMirror-focused .CodeMirror-selected,
-.cm-s-github-light .CodeMirror-line::selection,
-.cm-s-github-light .CodeMirror-line > span::selection,
-.cm-s-github-light .CodeMirror-line > span > span::selection {
- background: var(--codeMirror-selection-bgColor, var(--color-codemirror-selection-bg, #d7d4f0));
-}
+ .col-lg-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.cm-s-github-light .CodeMirror-line > span::-moz-selection,
-.cm-s-github-light .CodeMirror-line > span > span::-moz-selection {
- background: var(--codeMirror-selection-bgColor, var(--color-codemirror-selection-bg, #d7d4f0));
-}
+ .col-lg-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.cm-s-github-light .CodeMirror-activeline-background {
- background: var(--codeMirror-activeline-bgColor);
-}
+ .col-lg-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.cm-s-github-light .CodeMirror-matchingbracket {
- color: var(--codeMirror-matchingBracket-fgColor) !important;
- text-decoration: underline;
-}
+ .col-lg-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.cm-s-github-light .CodeMirror-lines {
- font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
- font-size: 12px;
- line-height: 1.5;
- background: var(--codeMirror-lines-bgColor);
-}
+ .col-lg-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.react-code-view-edit .CodeMirror,
-.react-code-view-edit .CodeMirror-scroll {
- display: flex;
- flex-direction: column;
- flex: 1 1 auto;
-}
+ .offset-lg-0 {
+ margin-left: 0;
+ }
-.react-code-view-edit .cm-s-github-light .CodeMirror-lines {
- padding-top: var(--base-size-8);
- font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
- line-height: 20px;
-}
+ .offset-lg-1 {
+ margin-left: 8.33333333%;
+ }
-.react-code-view-edit .cm-s-github-light .CodeMirror-line,
-.react-code-view-edit .cm-s-github-light .CodeMirror-placeholder {
- padding-left: var(--base-size-16);
-}
+ .offset-lg-2 {
+ margin-left: 16.66666667%;
+ }
-.cm-s-github-light .cm-comment {
- color: var(--codeMirror-syntax-fgColor-comment);
-}
+ .offset-lg-3 {
+ margin-left: 25%;
+ }
-.cm-s-github-light .cm-constant {
- color: var(--codeMirror-syntax-fgColor-constant);
-}
+ .offset-lg-4 {
+ margin-left: 33.33333333%;
+ }
-.cm-s-github-light .cm-entity {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-entity);
- text-decoration: none;
-}
+ .offset-lg-5 {
+ margin-left: 41.66666667%;
+ }
-.cm-s-github-light .cm-keyword {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-keyword);
- text-decoration: none;
-}
+ .offset-lg-6 {
+ margin-left: 50%;
+ }
-.cm-s-github-light .cm-storage {
- color: var(--codeMirror-syntax-fgColor-storage);
-}
+ .offset-lg-7 {
+ margin-left: 58.33333333%;
+ }
-.cm-s-github-light .cm-string {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-string);
- text-decoration: none;
-}
+ .offset-lg-8 {
+ margin-left: 66.66666667%;
+ }
-.cm-s-github-light .cm-support {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-support);
- text-decoration: none;
-}
+ .offset-lg-9 {
+ margin-left: 75%;
+ }
-.cm-s-github-light .cm-variable {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-variable);
- text-decoration: none;
-}
+ .offset-lg-10 {
+ margin-left: 83.33333333%;
+ }
-details-dialog {
- position: fixed;
- margin: 10vh auto;
- top: 0;
- left: 50%;
- transform: translateX(-50%);
- z-index: 999;
- max-height: 80vh;
- max-width: 90vw;
- width: 448px;
- overflow: auto;
-}
+ .offset-lg-11 {
+ margin-left: 91.66666667%;
+ }
-.user-select-contain {
- -webkit-user-select: contain;
- user-select: contain;
-}
+ .g-lg-0,
+ .gx-lg-0 {
+ --bs-gutter-x: 0;
+ }
-.ajax-pagination-form .ajax-pagination-btn {
- width: 100%;
- padding: 6px;
- margin-top: var(--base-size-20);
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-accent);
- background: var(--bgColor-default);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .g-lg-0,
+ .gy-lg-0 {
+ --bs-gutter-y: 0;
+ }
-.ajax-pagination-form .ajax-pagination-btn:hover,
-.ajax-pagination-form .ajax-pagination-btn:focus {
- color: var(--fgColor-accent);
- background-color: var(--bgColor-muted);
-}
+ .g-lg-1,
+ .gx-lg-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.ajax-pagination-form.loading .ajax-pagination-btn {
- text-indent: -3000px;
- background-color: var(--bgColor-muted);
- background-image: url('/assets/octocat-spinner-16px-EAF2F5-8b50b1cd56db.gif');
- background-repeat: no-repeat;
- background-position: center center;
- border-color: var(--borderColor-default);
-}
+ .g-lg-1,
+ .gy-lg-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-@media only screen and (-moz-min-device-pixel-ratio: 2),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 192dpi),
- only screen and (min-resolution: 2dppx) {
- .ajax-pagination-form.loading .ajax-pagination-btn {
- background-image: url('/assets/octocat-spinner-32-EAF2F5-ada8eb30dd92.gif');
- background-size: 16px auto;
+ .g-lg-2,
+ .gx-lg-2 {
+ --bs-gutter-x: 0.5rem;
}
-}
-body [role='button']:focus:not(:focus-visible),
-body [role='tabpanel'][tabindex='0']:focus:not(:focus-visible),
-body button:focus:not(:focus-visible),
-body summary:focus:not(:focus-visible),
-body a:focus:not(:focus-visible) {
- outline: none;
- box-shadow: none;
-}
+ .g-lg-2,
+ .gy-lg-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-body [tabindex='0']:focus:not(:focus-visible),
-body details-dialog:focus:not(:focus-visible) {
- outline: none;
-}
+ .g-lg-3,
+ .gx-lg-3 {
+ --bs-gutter-x: 1rem;
+ }
-.CodeMirror {
- height: calc(100vh - 1px);
-}
+ .g-lg-3,
+ .gy-lg-3 {
+ --bs-gutter-y: 1rem;
+ }
-.file-editor-upload {
- height: 100%;
-}
+ .g-lg-4,
+ .gx-lg-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.issue-template-editor {
- height: 100%;
-}
+ .g-lg-4,
+ .gy-lg-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.file-editor-textarea {
- width: 100%;
- padding: 5px var(--base-size-4);
- font: 12px
- var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
- resize: vertical;
- border: 0;
- border-radius: 0;
- outline: none;
-}
+ .g-lg-5,
+ .gx-lg-5 {
+ --bs-gutter-x: 3rem;
+ }
-.container-preview .tabnav-tabs {
- margin: -5px 0 -5px -9px;
+ .g-lg-5,
+ .gy-lg-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 1200px) {
+ .col-xl {
+ flex: 1 0 0%;
+ }
-.container-preview .tabnav-tabs .tabnav-tab {
- padding: var(--base-size-12) var(--base-size-16);
- border-radius: 0;
-}
+ .row-cols-xl-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.container-preview .tabnav-tabs > .selected:first-child {
- border-top-left-radius: var(--borderRadius-medium);
-}
+ .row-cols-xl-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.container-preview .tabnav-tabs .selected {
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .row-cols-xl-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.container-preview.template-editor .commit-create,
-.container-preview.template-editor .file-actions {
- display: block;
-}
+ .row-cols-xl-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.container-preview.template-editor .show-code,
-.container-preview.template-editor .commit-preview,
-.container-preview.template-editor .loading-preview-msg,
-.container-preview.template-editor .no-changes-preview-msg,
-.container-preview.template-editor .error-preview-msg {
- display: none !important;
-}
+ .row-cols-xl-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.container-preview.render-editor .commit-create,
-.container-preview.render-editor .file-actions {
- display: block;
-}
+ .row-cols-xl-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.container-preview.render-editor .template-editor,
-.container-preview.render-editor .show-code,
-.container-preview.render-editor .commit-preview,
-.container-preview.render-editor .loading-preview-msg,
-.container-preview.render-editor .no-changes-preview-msg,
-.container-preview.render-editor .error-preview-msg {
- display: none !important;
-}
+ .row-cols-xl-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.container-preview.show-code .commit-create,
-.container-preview.show-code .file-actions {
- display: block;
-}
+ .col-xl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.container-preview.show-code .template-editor,
-.container-preview.show-code .render-editor,
-.container-preview.show-code .commit-preview,
-.container-preview.show-code .loading-preview-msg,
-.container-preview.show-code .no-changes-preview-msg,
-.container-preview.show-code .error-preview-msg {
- display: none !important;
-}
+ .col-xl-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.container-preview:not(.show-code) .commit-create,
-.container-preview:not(.show-code) .file-actions {
- display: none !important;
-}
+ .col-xl-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.container-preview.loading-preview .loading-preview-msg {
- display: block;
-}
+ .col-xl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.container-preview.loading-preview .template-editor,
-.container-preview.loading-preview .render-editor,
-.container-preview.loading-preview .no-changes-preview-msg,
-.container-preview.loading-preview .error-preview-msg,
-.container-preview.loading-preview .commit-preview {
- display: none !important;
-}
+ .col-xl-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.container-preview.show-preview .commit-preview {
- display: block;
-}
+ .col-xl-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.container-preview.show-preview .template-editor,
-.container-preview.show-preview .render-editor,
-.container-preview.show-preview .loading-preview-msg,
-.container-preview.show-preview .no-changes-preview-msg,
-.container-preview.show-preview .error-preview-msg {
- display: none !important;
-}
+ .col-xl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.container-preview.no-changes-preview .no-changes-preview-msg {
- display: block;
-}
+ .col-xl-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.container-preview.no-changes-preview .template-editor,
-.container-preview.no-changes-preview .render-editor,
-.container-preview.no-changes-preview .loading-preview-msg,
-.container-preview.no-changes-preview .error-preview-msg,
-.container-preview.no-changes-preview .commit-preview {
- display: none !important;
-}
+ .col-xl-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.container-preview.error-preview .error-preview-msg {
- display: block;
-}
+ .col-xl-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.container-preview.error-preview .template-editor,
-.container-preview.error-preview .render-editor,
-.container-preview.error-preview .loading-preview-msg,
-.container-preview.error-preview .no-changes-preview-msg,
-.container-preview.error-preview .commit-preview {
- display: none !important;
-}
+ .col-xl-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.container-preview p.preview-msg {
- padding: 30px;
- font-size: 16px;
-}
+ .col-xl-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.CodeMirror-merge-header {
- height: 30px;
-}
+ .col-xl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-merge-header .CodeMirror-merge-pane {
- height: 30px;
- line-height: 30px;
-}
+ .offset-xl-0 {
+ margin-left: 0;
+ }
-.cm-s-github-light .merge-gutter {
- width: 14px;
-}
+ .offset-xl-1 {
+ margin-left: 8.33333333%;
+ }
-.conflict-background + .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
- background-color: var(--bgColor-attention-muted);
-}
+ .offset-xl-2 {
+ margin-left: 16.66666667%;
+ }
-.commit-create .CodeMirror {
- padding-top: var(--base-size-8);
-}
+ .offset-xl-3 {
+ margin-left: 25%;
+ }
-auto-complete,
-details-dialog,
-details-menu,
-file-attachment,
-filter-input,
-remote-input,
-tab-container,
-text-expander,
-turbo-frame,
-[data-catalyst] {
- display: block;
-}
+ .offset-xl-4 {
+ margin-left: 33.33333333%;
+ }
-[data-catalyst-inline] {
- display: inline;
-}
+ .offset-xl-5 {
+ margin-left: 41.66666667%;
+ }
-[data-catalyst-grid] {
- display: grid;
-}
+ .offset-xl-6 {
+ margin-left: 50%;
+ }
-.Details--on .Details-content--shown {
- display: none !important;
-}
+ .offset-xl-7 {
+ margin-left: 58.33333333%;
+ }
-.Details:not(.Details--on) .Details-content--hidden {
- display: none !important;
-}
+ .offset-xl-8 {
+ margin-left: 66.66666667%;
+ }
-.Details:not(.Details--on) .Details-content--hidden-not-important {
- display: none;
-}
+ .offset-xl-9 {
+ margin-left: 75%;
+ }
-.Details-element[open] > summary .Details-content--closed {
- display: none !important;
-}
+ .offset-xl-10 {
+ margin-left: 83.33333333%;
+ }
-.Details-element:not([open]) > summary .Details-content--open {
- display: none !important;
-}
+ .offset-xl-11 {
+ margin-left: 91.66666667%;
+ }
-g-emoji {
- display: inline-block;
- min-width: 1ch;
- font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
- font-size: 1em;
- font-style: normal !important;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1;
- vertical-align: -0.075em;
-}
+ .g-xl-0,
+ .gx-xl-0 {
+ --bs-gutter-x: 0;
+ }
-g-emoji img {
- width: 1em;
- height: 1em;
-}
+ .g-xl-0,
+ .gy-xl-0 {
+ --bs-gutter-y: 0;
+ }
-.emoji-icon {
- display: inline-block;
- width: 20px;
- height: 20px;
- vertical-align: middle;
- background-repeat: no-repeat;
- background-size: 20px 20px;
-}
+ .g-xl-1,
+ .gx-xl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.emoji-result {
- display: inline-block;
- height: 20px;
- font-size: 16px;
- font-weight: var(--base-text-weight-normal, 400);
- vertical-align: middle;
-}
+ .g-xl-1,
+ .gy-xl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.gollum-editor .comment-form-head.tabnav {
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
-}
+ .g-xl-2,
+ .gx-xl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.gollum-editor .gollum-editor-body {
- height: 390px;
- resize: vertical;
-}
+ .g-xl-2,
+ .gy-xl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.active .gollum-editor-function-buttons {
- display: block !important;
-}
+ .g-xl-3,
+ .gx-xl-3 {
+ --bs-gutter-x: 1rem;
+ }
-.auth-form {
- width: 320px;
- margin: 0 auto;
-}
+ .g-xl-3,
+ .gy-xl-3 {
+ --bs-gutter-y: 1rem;
+ }
-.auth-form .form-group.warn .warning,
-.auth-form .form-group.warn .error,
-.auth-form .form-group.errored .warning,
-.auth-form .form-group.errored .error {
- max-width: 274px;
-}
+ .g-xl-4,
+ .gx-xl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.auth-form-wide {
- width: 440px;
- margin: 0 auto;
-}
+ .g-xl-4,
+ .gy-xl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.auth-form-wide .form-group.warn .warning,
-.auth-form-wide .form-group.warn .error,
-.auth-form-wide .form-group.errored .warning,
-.auth-form-wide .form-group.errored .error {
- max-width: 274px;
-}
+ .g-xl-5,
+ .gx-xl-5 {
+ --bs-gutter-x: 3rem;
+ }
-.auth-form-header {
- padding: var(--base-size-8) var(--base-size-16);
- margin: 0;
- color: #fff;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
- background-color: #829aa8;
- border: var(--borderWidth-thin) solid #768995;
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+ .g-xl-5,
+ .gy-xl-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 1400px) {
+ .col-xxl {
+ flex: 1 0 0%;
+ }
-.auth-form-header h1 {
- font-size: 16px;
-}
+ .row-cols-xxl-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.auth-form-header h1 a {
- color: #fff;
-}
+ .row-cols-xxl-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.auth-form-header .octicon {
- position: absolute;
- top: 10px;
- right: var(--base-size-20);
- color: rgba(0, 0, 0, 0.4);
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
-}
+ .row-cols-xxl-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.auth-form-header .Overlay .octicon {
- position: static;
-}
+ .row-cols-xxl-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.inactive-user-avatar {
- filter: grayscale(1);
-}
+ .row-cols-xxl-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.auth-divider {
- display: flex;
- flex-basis: 100%;
- align-items: center;
-}
+ .row-cols-xxl-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.auth-divider::before,
-.auth-divider::after {
- position: relative;
- display: inline-block;
- width: 50%;
- height: 1px;
- vertical-align: middle;
- content: '';
- background-color: var(--borderColor-default);
-}
+ .row-cols-xxl-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.auth-divider::before {
- right: 0.5em;
-}
+ .col-xxl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.auth-divider::after {
- left: 0.5em;
-}
+ .col-xxl-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.auth-form-message {
- max-height: 140px;
- padding: var(--base-size-16) var(--base-size-16) var(--base-size-8);
- overflow-y: scroll;
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .col-xxl-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.auth-form-message ol,
-.auth-form-message ul {
- padding-left: inherit;
- margin-bottom: inherit;
-}
+ .col-xxl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.auth-form-body {
- font-size: 14px;
- padding: var(--base-size-16);
- background-color: var(--bgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-top: 0;
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
-}
+ .col-xxl-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.auth-form-body .input-block {
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-16);
-}
+ .col-xxl-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.auth-form-body p {
- margin-bottom: 0;
-}
+ .col-xxl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.auth-form-body ol,
-.auth-form-body ul {
- padding-left: inherit;
- margin-bottom: inherit;
-}
+ .col-xxl-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.auth-form-captcha {
- font-size: 14px;
-}
+ .col-xxl-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-@media (min-width: 544px) {
- .auth-form-captcha {
- padding: var(--base-size-16);
- background-color: var(--bgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-top: 0;
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
+ .col-xxl-9 {
+ flex: 0 0 auto;
+ width: 75%;
}
-}
-.auth-form-captcha .input-block {
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-16);
-}
+ .col-xxl-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.auth-form-captcha p {
- margin-bottom: 0;
-}
+ .col-xxl-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.auth-form-captcha ol,
-.auth-form-captcha ul {
- padding-left: inherit;
- margin-bottom: inherit;
-}
+ .col-xxl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.two-factor-help {
- position: relative;
- padding: var(--base-size-8) var(--base-size-8) var(--base-size-8) var(--base-size-32);
- margin: 60px 0 auto auto;
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .offset-xxl-0 {
+ margin-left: 0;
+ }
-.two-factor-help h4 {
- margin-top: 0;
- margin-bottom: var(--base-size-4);
-}
+ .offset-xxl-1 {
+ margin-left: 8.33333333%;
+ }
-.two-factor-help .octicon-device-mobile,
-.two-factor-help .octicon-key,
-.two-factor-help .octicon-shield-lock,
-.two-factor-help .octicon-circle-slash {
- position: absolute;
- top: 10px;
- left: 10px;
-}
+ .offset-xxl-2 {
+ margin-left: 16.66666667%;
+ }
-.sms-send-code-spinner {
- position: relative;
- bottom: 2px;
- display: none;
- vertical-align: bottom;
-}
+ .offset-xxl-3 {
+ margin-left: 25%;
+ }
-.loading .sms-send-code-spinner {
- display: inline;
-}
+ .offset-xxl-4 {
+ margin-left: 33.33333333%;
+ }
-.auth-form-body .webauthn-form-body {
- padding: 0;
-}
+ .offset-xxl-5 {
+ margin-left: 41.66666667%;
+ }
-.webauthn-form-body {
- padding: var(--base-size-32) var(--base-size-32) var(--base-size-16);
- text-align: center;
-}
+ .offset-xxl-6 {
+ margin-left: 50%;
+ }
-.webauthn-form-body button {
- margin-top: var(--base-size-16);
-}
+ .offset-xxl-7 {
+ margin-left: 58.33333333%;
+ }
-.flash.sms-error,
-.flash.sms-success {
- display: none;
- margin: 0 0 var(--base-size-8);
-}
+ .offset-xxl-8 {
+ margin-left: 66.66666667%;
+ }
-.is-sent .sms-success {
- display: block;
-}
+ .offset-xxl-9 {
+ margin-left: 75%;
+ }
-.is-sent .sms-error {
- display: none;
-}
+ .offset-xxl-10 {
+ margin-left: 83.33333333%;
+ }
-.is-not-sent .sms-success {
- display: none;
-}
+ .offset-xxl-11 {
+ margin-left: 91.66666667%;
+ }
-.is-not-sent .sms-error {
- display: block;
-}
+ .g-xxl-0,
+ .gx-xxl-0 {
+ --bs-gutter-x: 0;
+ }
-.session-authentication {
- background-color: var(--bgColor-default);
-}
+ .g-xxl-0,
+ .gy-xxl-0 {
+ --bs-gutter-y: 0;
+ }
-.session-authentication .header-logged-out {
- background-color: transparent;
- border-bottom: 0;
-}
+ .g-xxl-1,
+ .gx-xxl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.session-authentication .header-logo {
- color: var(--fgColor-default);
-}
+ .g-xxl-1,
+ .gy-xxl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.session-authentication .flash {
- padding: var(--base-size-16) var(--base-size-16);
- margin: 0 auto;
- margin-bottom: var(--base-size-8);
- font-size: 14px;
- border-style: solid;
- border-width: var(--borderWidth-thin);
- border-radius: var(--borderRadius-medium);
-}
+ .g-xxl-2,
+ .gx-xxl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.session-authentication .flash .container {
- width: auto;
-}
+ .g-xxl-2,
+ .gy-xxl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.session-authentication .flash .flash-close {
- height: 30px;
-}
+ .g-xxl-3,
+ .gx-xxl-3 {
+ --bs-gutter-x: 1rem;
+ }
+
+ .g-xxl-3,
+ .gy-xxl-3 {
+ --bs-gutter-y: 1rem;
+ }
+
+ .g-xxl-4,
+ .gx-xxl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+
+ .g-xxl-4,
+ .gy-xxl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+
+ .g-xxl-5,
+ .gx-xxl-5 {
+ --bs-gutter-x: 3rem;
+ }
-.session-authentication .flash.flash-banner {
+ .g-xxl-5,
+ .gy-xxl-5 {
+ --bs-gutter-y: 3rem;
+ }
+}
+.table {
+ --bs-table-bg: transparent;
+ --bs-table-accent-bg: transparent;
+ --bs-table-striped-color: #212529;
+ --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
+ --bs-table-active-color: #212529;
+ --bs-table-active-bg: rgba(0, 0, 0, 0.1);
+ --bs-table-hover-color: #212529;
+ --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
- border-top: 0;
- border-right: 0;
- border-left: 0;
- border-radius: 0;
+ margin-bottom: 1rem;
+ color: #212529;
+ vertical-align: top;
+ border-color: #dee2e6;
+}
+.table > :not(caption) > * > * {
+ padding: 0.5rem 0.5rem;
+ background-color: var(--bs-table-bg);
+ border-bottom-width: 1px;
+ box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
+}
+.table > tbody {
+ vertical-align: inherit;
+}
+.table > thead {
+ vertical-align: bottom;
+}
+.table > :not(:first-child) {
+ border-top: 2px solid currentColor;
}
-.session-authentication .auth-form label {
- display: block;
- margin-bottom: var(--base-size-8);
- font-weight: var(--base-text-weight-normal, 400);
- text-align: left;
+.caption-top {
+ caption-side: top;
}
-.session-authentication .auth-form .btn {
- margin-top: var(--base-size-16);
+.table-sm > :not(caption) > * > * {
+ padding: 0.25rem 0.25rem;
}
-.session-authentication .auth-form .webauthn-message {
- margin-bottom: 0;
+.table-bordered > :not(caption) > * {
+ border-width: 1px 0;
+}
+.table-bordered > :not(caption) > * > * {
+ border-width: 0 1px;
}
-.session-authentication .label-link {
- float: right;
- font-size: 12px;
+.table-borderless > :not(caption) > * > * {
+ border-bottom-width: 0;
+}
+.table-borderless > :not(:first-child) {
+ border-top-width: 0;
}
-.session-authentication .auth-form-header {
- margin-bottom: var(--base-size-16);
- color: var(--fgColor-default);
- text-align: center;
- text-shadow: none;
- background-color: transparent;
- border: 0;
+.table-striped > tbody > tr:nth-of-type(odd) > * {
+ --bs-table-accent-bg: var(--bs-table-striped-bg);
+ color: var(--bs-table-striped-color);
}
-.session-authentication .auth-form-header h1 {
- font-size: 24px;
- font-weight: var(--base-text-weight-light, 300);
- letter-spacing: -0.5px;
+.table-active {
+ --bs-table-accent-bg: var(--bs-table-active-bg);
+ color: var(--bs-table-active-color);
}
-.session-authentication .auth-form-body {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
+.table-hover > tbody > tr:hover > * {
+ --bs-table-accent-bg: var(--bs-table-hover-bg);
+ color: var(--bs-table-hover-color);
}
-.session-authentication .auth-form-body.webauthn-form-body {
- padding: var(--base-size-16);
+.table-primary {
+ --bs-table-bg: #cfe2ff;
+ --bs-table-striped-bg: #c5d7f2;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #bacbe6;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #bfd1ec;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #bacbe6;
}
-@media (min-width: 544px) {
- .session-authentication .auth-form-captcha {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
- }
+.table-secondary {
+ --bs-table-bg: #e2e3e5;
+ --bs-table-striped-bg: #d7d8da;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #cbccce;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #d1d2d4;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #cbccce;
+}
- .session-authentication .auth-form-captcha.webauthn-form-body {
- padding: var(--base-size-16);
- }
+.table-success {
+ --bs-table-bg: #d1e7dd;
+ --bs-table-striped-bg: #c7dbd2;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #bcd0c7;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #c1d6cc;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #bcd0c7;
}
-.session-authentication .login-callout {
- padding: var(--base-size-16) var(--base-size-16);
- text-align: center;
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+.table-info {
+ --bs-table-bg: #cff4fc;
+ --bs-table-striped-bg: #c5e8ef;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #badce3;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #bfe2e9;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #badce3;
}
-.session-authentication .two-factor-help {
- padding: 0 0 0 var(--base-size-16);
- margin-top: var(--base-size-16);
- border: 0;
+.table-warning {
+ --bs-table-bg: #fff3cd;
+ --bs-table-striped-bg: #f2e7c3;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #e6dbb9;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #ece1be;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #e6dbb9;
}
-
-.session-authentication .two-factor-help .octicon-device-mobile,
-.session-authentication .two-factor-help .octicon-key,
-.session-authentication .two-factor-help .octicon-shield-lock,
-.session-authentication .two-factor-help .octicon-circle-slash {
- top: var(--base-size-4);
- left: 0;
+
+.table-danger {
+ --bs-table-bg: #f8d7da;
+ --bs-table-striped-bg: #eccccf;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #dfc2c4;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #e5c7ca;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #dfc2c4;
+}
+
+.table-light {
+ --bs-table-bg: #f8f9fa;
+ --bs-table-striped-bg: #ecedee;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #dfe0e1;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #e5e6e7;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #dfe0e1;
+}
+
+.table-dark {
+ --bs-table-bg: #212529;
+ --bs-table-striped-bg: #2c3034;
+ --bs-table-striped-color: #fff;
+ --bs-table-active-bg: #373b3e;
+ --bs-table-active-color: #fff;
+ --bs-table-hover-bg: #323539;
+ --bs-table-hover-color: #fff;
+ color: #fff;
+ border-color: #373b3e;
}
-.session-authentication.enterprise .header-logged-out {
- padding: var(--base-size-48) 0 var(--base-size-24);
- background-color: transparent;
+.table-responsive {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
}
-.session-authentication.hosted .header-logged-out {
- padding: var(--base-size-40) 0 var(--base-size-16);
- background-color: transparent;
+@media (max-width: 575.98px) {
+ .table-responsive-sm {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-.session-authentication .notification-shelf {
- display: none;
+@media (max-width: 767.98px) {
+ .table-responsive-md {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-.two-factor-recovery-modal-prompt.fit-in-box .Button-content,
-.two-factor-recovery-modal-prompt.fit-in-box .Button-label {
- display: block;
- width: 254px;
- text-align: left;
- white-space: normal;
+@media (max-width: 991.98px) {
+ .table-responsive-lg {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-#recovery-dialog #recovery-dialog-title {
- font-size: 20px;
- text-align: center;
+@media (max-width: 1199.98px) {
+ .table-responsive-xl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-#recovery-dialog #recovery-dialog-description {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- word-wrap: normal;
- border: 0;
+@media (max-width: 1399.98px) {
+ .table-responsive-xxl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-.switch-account-popover-body {
- width: auto;
- min-width: 250px;
- max-width: 350px;
+.form-label {
+ margin-bottom: 0.5rem;
}
-.switch-account-popover-body::before,
-.switch-account-popover-body::after {
- display: none;
+.col-form-label {
+ padding-top: calc(0.375rem + 1px);
+ padding-bottom: calc(0.375rem + 1px);
+ margin-bottom: 0;
+ font-size: inherit;
+ line-height: 1.5;
}
-.switch-account-popover-row {
- width: 100%;
- padding: 0;
- background-color: transparent;
+.col-form-label-lg {
+ padding-top: calc(0.5rem + 1px);
+ padding-bottom: calc(0.5rem + 1px);
+ font-size: 1.25rem;
}
-.switch-account-popover-row:hover {
- color: var(--fgColor-onEmphasis);
- cursor: pointer;
- background-color: var(--bgColor-accent-emphasis);
+.col-form-label-sm {
+ padding-top: calc(0.25rem + 1px);
+ padding-bottom: calc(0.25rem + 1px);
+ font-size: 0.875rem;
}
-@media (prefers-reduced-motion: no-preference) {
- .HeaderMktg-backdrop,
- .HeaderMenu,
- .HeaderMenu-link,
- .HeaderMenu-toggle-bar,
- .HeaderMenu-icon,
- .HeaderMenu-dropdown,
- .HeaderMenu-external-icon,
- .HeaderMktg.header-logged-out::before,
- .HeaderMktg .search-input {
- transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
- transition-duration: 500ms;
- transition-property: opacity, transform;
- }
-}
-
-.HeaderMktg {
- position: relative;
- z-index: 32;
- padding-top: var(--base-size-12);
- padding-bottom: var(--base-size-12);
- color: var(--fgColor-white);
- background-color: var(--header-bgColor);
+.form-text {
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #6c757d;
}
-.server-stats + .HeaderMktg {
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.075);
+.form-control {
+ display: block;
+ width: 100%;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ced4da;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ border-radius: 0.25rem;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
-
-.HeaderMktg .dropdown-menu {
- width: 300px;
+@media (prefers-reduced-motion: reduce) {
+ .form-control {
+ transition: none;
+ }
}
-
-.HeaderMktg .notification-indicator:hover::after {
- content: none;
+.form-control[type='file'] {
+ overflow: hidden;
}
-
-@media (min-width: 1012px) {
- .HeaderMktg .notification-indicator:hover::after {
- content: attr(aria-label);
- }
+.form-control[type='file']:not(:disabled):not([readonly]) {
+ cursor: pointer;
}
-
-.HeaderMenu-toggle-bar {
- width: 22px;
- height: 2px;
- background-color: var(--fgColor-onEmphasis);
+.form-control:focus {
+ color: #212529;
+ background-color: #fff;
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu-toggle-bar:nth-of-type(1) {
- transform-origin: bottom right;
+.form-control::-webkit-date-and-time-value {
+ height: 1.5em;
}
-
-.HeaderMenu-toggle-bar:nth-of-type(3) {
- transform-origin: top right;
+.form-control::-moz-placeholder {
+ color: #6c757d;
+ opacity: 1;
}
-
-.open .HeaderMenu-toggle-bar:nth-of-type(1) {
- transform: rotate(-45deg) translateY(-3px);
+.form-control::placeholder {
+ color: #6c757d;
+ opacity: 1;
}
-
-.open .HeaderMenu-toggle-bar:nth-of-type(2) {
- opacity: 0;
- transform: scale(0);
+.form-control:disabled,
+.form-control[readonly] {
+ background-color: #e9ecef;
+ opacity: 1;
}
-
-.open .HeaderMenu-toggle-bar:nth-of-type(3) {
- transform: rotate(45deg) translateY(3px);
+.form-control::-webkit-file-upload-button {
+ padding: 0.375rem 0.75rem;
+ margin: -0.375rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.75rem;
+ color: #212529;
+ background-color: #e9ecef;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+.form-control::file-selector-button {
+ padding: 0.375rem 0.75rem;
+ margin: -0.375rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.75rem;
+ color: #212529;
+ background-color: #e9ecef;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
}
-
-@media (max-width: 1011px) {
- body:has(.header-logged-out.open) {
- height: 100%;
- overflow: hidden;
- }
-
- .HeaderMktg-backdrop {
- visibility: hidden;
- background: var(--overlay-backdrop-bgColor);
- opacity: 0;
+@media (prefers-reduced-motion: reduce) {
+ .form-control::-webkit-file-upload-button {
+ -webkit-transition: none;
+ transition: none;
}
-
- .open .HeaderMktg-backdrop {
- visibility: visible;
- opacity: 1;
+ .form-control::file-selector-button {
+ transition: none;
}
}
-
-@media (max-width: 1011px) {
- .open .HeaderMktg-backdrop {
- background: var(--header-bgColor) !important;
- -webkit-backdrop-filter: none;
- backdrop-filter: none;
- }
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+ background-color: #dde0e3;
}
-
-.HeaderMenu {
- z-index: 100;
- width: 100%;
- padding-top: 68px;
- pointer-events: none;
- contain: layout;
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+ background-color: #dde0e3;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu {
- width: auto;
- padding: 0 !important;
+.form-control::-webkit-file-upload-button {
+ padding: 0.375rem 0.75rem;
+ margin: -0.375rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.75rem;
+ color: #212529;
+ background-color: #e9ecef;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-control::-webkit-file-upload-button {
+ -webkit-transition: none;
transition: none;
}
}
-
-.HeaderMenu .HeaderMenu-link--sign-in:focus {
- outline-offset: var(--base-size-4);
-}
-
-@media (max-width: 1011px) {
- .HeaderMenu {
- position: fixed;
- display: flex;
- height: 100%;
- transform-origin: top center;
- }
-
- .header-logged-out:not(.open) .HeaderMenu {
- position: absolute;
- visibility: hidden;
- opacity: 0;
- transform: translateX(-12px);
- }
-
- .header-logged-out:not(.open) .HeaderMenu::before {
- opacity: 0;
- }
-
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-up,
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-up:hover,
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-in,
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-in:hover {
- color: var(--fgColor-onEmphasis) !important;
- background-color: var(--bgColor-emphasis);
- border-color: var(--bgColor-emphasis) !important;
- opacity: 1;
- }
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+ background-color: #dde0e3;
}
-.HeaderMenu .HeaderMenu-wrapper {
+.form-control-plaintext {
+ display: block;
width: 100%;
- height: 100%;
- overflow: auto;
- pointer-events: auto;
- background-color: var(--bgColor-default);
- box-shadow: var(--shadow-floating-small);
+ padding: 0.375rem 0;
+ margin-bottom: 0;
+ line-height: 1.5;
+ color: #212529;
+ background-color: transparent;
+ border: solid transparent;
+ border-width: 1px 0;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu .HeaderMenu-wrapper {
- padding: var(--base-size-20) var(--base-size-28) var(--base-size-36);
- border-top-left-radius: var(--base-size-12) !important;
- border-top-right-radius: var(--base-size-12) !important;
- border-bottom-right-radius: 0 !important;
- border-bottom-left-radius: 0 !important;
- }
+.form-control-plaintext.form-control-sm,
+.form-control-plaintext.form-control-lg {
+ padding-right: 0;
+ padding-left: 0;
}
-@media (min-width: 1012px) {
- .HeaderMenu .HeaderMenu-wrapper {
- width: 100%;
- overflow: visible;
- background-color: transparent;
- box-shadow: none;
- }
+.form-control-sm {
+ min-height: calc(1.5em + 0.5rem + 2px);
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu .HeaderMenu-link {
- padding: var(--base-size-12) 0;
- font-weight: var(--base-text-weight-semibold, 600);
- }
+.form-control-sm::-webkit-file-upload-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
}
-
-.HeaderMenu .jump-to-suggestions {
- top: 100%;
+.form-control-sm::file-selector-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
}
-
-.HeaderMenu .header-search-key-slash {
- margin-right: var(--base-size-8) !important;
+.form-control-sm::-webkit-file-upload-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
}
-@media (max-width: 1012px) {
- .HeaderMenu .header-search-key-slash {
- display: none;
- }
+.form-control-lg {
+ min-height: calc(1.5em + 1rem + 2px);
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-
-.HeaderMenu .dropdown-menu {
- position: static;
- z-index: 0;
- width: auto;
- border: 0 solid transparent;
- box-shadow: none;
+.form-control-lg::-webkit-file-upload-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
}
-
-.HeaderMenu .dropdown-menu::before,
-.HeaderMenu .dropdown-menu::after {
- display: none;
+.form-control-lg::file-selector-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .dropdown-menu {
- position: absolute;
- width: 320px;
- border: 0;
- box-shadow: var(--shadow-floating-small);
- }
-
- .HeaderMenu .dropdown-menu::before,
- .HeaderMenu .dropdown-menu::after {
- content: '';
- }
-
- .HeaderMenu .dropdown-menu.dropdown-menu-wide {
- width: 520px;
- }
+.form-control-lg::-webkit-file-upload-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
}
-.HeaderMenu .dropdown-menu-s {
- transform: none;
+textarea.form-control {
+ min-height: calc(1.5em + 0.75rem + 2px);
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .dropdown-menu-s {
- transform: translateX(50%);
- }
+textarea.form-control-sm {
+ min-height: calc(1.5em + 0.5rem + 2px);
}
-
-.HeaderMenu .header-search-wrapper {
- border-color: var(--borderColor-muted);
+textarea.form-control-lg {
+ min-height: calc(1.5em + 1rem + 2px);
}
-@media (min-width: 1012px) {
- .HeaderMenu .header-search-wrapper {
- border-color: var(--headerSearch-borderColor);
- }
+.form-control-color {
+ width: 3rem;
+ height: auto;
+ padding: 0.375rem;
}
-
-@media (max-width: 1012px) {
- .HeaderMenu .header-search-wrapper {
- background-color: var(--bgColor-muted);
- }
+.form-control-color:not(:disabled):not([readonly]) {
+ cursor: pointer;
}
-
-.HeaderMenu-button {
- height: 32px;
- padding-right: var(--base-size-12) !important;
- padding-left: var(--base-size-12) !important;
- font-size: var(--h5-size);
- line-height: 1;
- align-items: center;
- justify-content: center;
+.form-control-color::-moz-color-swatch {
+ height: 1.5em;
+ border-radius: 0.25rem;
}
-
-@media screen and (max-width: 1011px) {
- .HeaderMenu-button {
- font-weight: 500;
- }
+.form-control-color::-webkit-color-swatch {
+ height: 1.5em;
+ border-radius: 0.25rem;
}
-@media screen and (max-width: 1011px) {
- .HeaderMenu-button.HeaderMenu-link--sign-up {
- height: var(--base-size-40);
- font-size: var(--h4-size) !important;
+.form-select {
+ display: block;
+ width: 100%;
+ padding: 0.375rem 2.25rem 0.375rem 0.75rem;
+ -moz-padding-start: calc(0.75rem - 3px);
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ background-color: #fff;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right 0.75rem center;
+ background-size: 16px 12px;
+ border: 1px solid #ced4da;
+ border-radius: 0.25rem;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-select {
+ transition: none;
}
}
-
-.HeaderMenu-link {
- color: var(--fgColor-default);
- white-space: nowrap;
- background: transparent;
+.form-select:focus {
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu-link:hover {
- color: var(--fgColor-default);
+.form-select[multiple],
+.form-select[size]:not([size='1']) {
+ padding-right: 0.75rem;
+ background-image: none;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-link {
- color: var(--fgColor-white);
- }
-
- .HeaderMenu-link:hover {
- color: var(--fgColor-white);
- opacity: 0.75;
- }
+.form-select:disabled {
+ background-color: #e9ecef;
}
-
-.HeaderMenu-trailing-link {
- width: 100%;
- background-color: #eaeef2;
+.form-select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 #212529;
}
-.HeaderMenu-trailing-link a {
- color: #24292f;
+.form-select-sm {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ padding-left: 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-.HeaderMenu-trailing-link a .HeaderMenu-trailing-link-icon {
- margin-left: calc(var(--base-size-2) * -1);
- transition: transform 0.2s ease-in-out;
- transform: translateX(0);
+.form-select-lg {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ padding-left: 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-.HeaderMenu-trailing-link a:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
+.form-check {
+ display: block;
+ min-height: 1.5rem;
+ padding-left: 1.5em;
+ margin-bottom: 0.125rem;
}
-
-.HeaderMenu-trailing-link a:hover .HeaderMenu-trailing-link-icon {
- transform: translateX(2px);
+.form-check .form-check-input {
+ float: left;
+ margin-left: -1.5em;
}
-@media (max-width: 1011px) {
- .HeaderMenu-trailing-link {
- background-color: transparent;
- }
+.form-check-input {
+ width: 1em;
+ height: 1em;
+ margin-top: 0.25em;
+ vertical-align: top;
+ background-color: #fff;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: contain;
+ border: 1px solid rgba(0, 0, 0, 0.25);
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ -webkit-print-color-adjust: exact;
+ color-adjust: exact;
}
-
-.HeaderMenu-item .HeaderMenu-dropdown {
- visibility: hidden;
- opacity: 0;
- transform: scale(0.99) translateY(-0.7em);
- transform-origin: top;
+.form-check-input[type='checkbox'] {
+ border-radius: 0.25em;
}
-
-.HeaderMenu-item .HeaderMenu-dropdown .HeaderMenu-column {
- min-width: 200px;
+.form-check-input[type='radio'] {
+ border-radius: 50%;
}
-
-.HeaderMenu-item:hover .HeaderMenu-dropdown,
-.HeaderMenu-item.open .HeaderMenu-dropdown {
- visibility: visible;
- opacity: 1;
- transform: scale(1) translateY(0);
+.form-check-input:active {
+ filter: brightness(90%);
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-item:hover .HeaderMenu-icon,
- .HeaderMenu-item.open .HeaderMenu-icon {
- transform: translateY(2px);
- }
+.form-check-input:focus {
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-@media (max-width: 1011px) {
- .HeaderMenu-item .HeaderMenu-dropdown {
- background-color: transparent;
- }
-
- .HeaderMenu-item .HeaderMenu-icon {
- transform: scale(1.2);
- }
-
- .HeaderMenu-item:not(.open) .HeaderMenu-dropdown {
- position: fixed !important;
- }
-
- .HeaderMenu-item:not(.open) .HeaderMenu-icon {
- transform: rotate(-90deg) scale(1.2);
- }
-
- .HeaderMenu-item .HeaderMenu-link {
- font-size: var(--h3-size);
- }
+.form-check-input:checked {
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.HeaderMenu-dropdown-link:not(:hover):not(:focus) .HeaderMenu-external-icon {
- opacity: 0;
- transform: translateX(-0.5em);
+.form-check-input:checked[type='checkbox'] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-button-separator {
- width: var(--base-size-8);
- margin: 0 var(--base-size-8);
+.form-check-input:checked[type='radio'] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-button-separator::before {
- display: block;
- width: var(--borderWidth-thin);
- height: var(--base-size-20);
- margin: var(--base-size-4);
- content: '';
- background: #57606a;
+.form-check-input[type='checkbox']:indeterminate {
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-button-muted-outline {
- border-color: #57606a !important;
+.form-check-input:disabled {
+ pointer-events: none;
+ filter: none;
+ opacity: 0.5;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-link-wrap {
- margin-right: var(--base-size-12);
- }
+.form-check-input[disabled] ~ .form-check-label,
+.form-check-input:disabled ~ .form-check-label {
+ opacity: 0.5;
}
-@media (max-width: 1011px) {
- .HeaderMktg.header-logged-out::before {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- content: '';
- background-color: var(--header-bgColor);
- opacity: 0;
- }
-
- .HeaderMktg.header-logged-out.open::before {
- opacity: 1;
- }
+.form-switch {
+ padding-left: 2.5em;
}
-
-.HeaderMenu-dropdown-link {
- line-height: 1.4;
+.form-switch .form-check-input {
+ width: 2em;
+ margin-left: -2.5em;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
+ background-position: left center;
+ border-radius: 2em;
+ transition: background-position 0.15s ease-in-out;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu-dropdown-link.Link--has-description {
- padding-top: 10px !important;
- padding-bottom: 10px !important;
+@media (prefers-reduced-motion: reduce) {
+ .form-switch .form-check-input {
+ transition: none;
}
}
-
-.HeaderMenu-dropdown-link.Link--external {
- padding-right: var(--base-size-24);
+.form-switch .form-check-input:focus {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-dropdown-link.Link--external svg {
- position: absolute;
- margin-left: var(--base-size-4);
+.form-switch .form-check-input:checked {
+ background-position: right center;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
-.server-stats,
-.global-banner {
- position: relative;
- z-index: 36;
+.form-check-inline {
+ display: inline-block;
+ margin-right: 1rem;
}
-@media (max-width: 1011px) {
- [blackbird-search-active='true'] .server-stats,
- [blackbird-search-active='true'] .global-banner {
- z-index: 0;
- }
+.btn-check {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ pointer-events: none;
+}
+.btn-check[disabled] + .btn,
+.btn-check:disabled + .btn {
+ pointer-events: none;
+ filter: none;
+ opacity: 0.65;
}
-.HeaderMenu .search-input {
+.form-range {
width: 100%;
- max-width: 320px;
+ height: 1.5rem;
+ padding: 0;
+ background-color: transparent;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
}
-
-.HeaderMenu .search-input .search-input-container {
- margin-right: 0 !important;
+.form-range:focus {
+ outline: 0;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .search-input .search-input-container {
- position: static !important;
- }
-
- .HeaderMenu .search-input .search-input-container .search-suggestions {
- position: absolute !important;
- }
+.form-range:focus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu .search-input .header-search-button svg {
- display: block;
+.form-range:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu .search-input .header-search-button [data-target='qbsearch-input.inputButtonText'] {
- padding-top: var(--base-size-2);
+.form-range::-moz-focus-outer {
+ border: 0;
}
-
-@media screen and (max-width: 1011px) {
- .HeaderMenu .search-input {
- width: 100%;
- max-width: none;
- }
-
- .HeaderMenu .search-input .search-input-container {
- height: var(--base-size-40) !important;
- margin-bottom: var(--base-size-16) !important;
- margin-left: 0 !important;
- background-color: #f9fafb !important;
- border-color: var(--borderColor-muted) !important;
- }
-
- .HeaderMenu .search-input .header-search-button {
- color: var(--fgColor-muted);
- }
-
- .HeaderMenu .search-input .FormControl-input,
- .HeaderMenu .search-input .QueryBuilder-StyledInputContent {
- font-size: 16px !important;
- }
+.form-range::-webkit-slider-thumb {
+ width: 1rem;
+ height: 1rem;
+ margin-top: -0.25rem;
+ background-color: #0d6efd;
+ border: 0;
+ border-radius: 1rem;
+ -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ -webkit-appearance: none;
+ appearance: none;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .search-input .dark-backdrop {
- margin-top: calc(var(--base-size-16) * -1);
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-webkit-slider-thumb {
+ -webkit-transition: none;
+ transition: none;
}
}
-
-.HeaderMenu .search-input .Overlay {
- width: 0;
- min-width: 0;
- max-width: 0;
- height: 0;
- min-height: 0;
- max-height: 0;
- box-shadow: none;
+.form-range::-webkit-slider-thumb:active {
+ background-color: #b6d4fe;
}
-
-.HeaderMenu .search-input .dark-backdrop {
- background: var(--overlay-backdrop-bgColor);
+.form-range::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu .search-input .dark-backdrop {
- width: 100vw;
- height: 100vh;
- margin-top: 0;
- margin-left: 0;
+.form-range::-moz-range-thumb {
+ width: 1rem;
+ height: 1rem;
+ background-color: #0d6efd;
+ border: 0;
+ border-radius: 1rem;
+ -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ -moz-appearance: none;
+ appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-moz-range-thumb {
+ -moz-transition: none;
+ transition: none;
}
}
-
-.HeaderMenu .search-input [data-target='qbsearch-input.inputButtonText'] {
+.form-range::-moz-range-thumb:active {
+ background-color: #b6d4fe;
+}
+.form-range::-moz-range-track {
width: 100%;
- margin-right: auto;
- overflow: hidden;
- text-overflow: ellipsis;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem;
}
-
-.HeaderMenu .search-input [data-target='qbsearch-input.hotkeyIndicator'] {
- margin-left: var(--base-size-8);
+.form-range:disabled {
+ pointer-events: none;
}
-
-@media (min-width: 1012px) and (max-width: 1280px) {
- .HeaderMenu .search-input {
- width: 32px;
- }
-
- .HeaderMenu .search-input .header-search-button {
- padding-left: 7px !important;
- }
-
- body:not(.header-white) .HeaderMenu .search-input .header-search-button svg {
- fill: var(--fgColor-onEmphasis);
- }
-
- .HeaderMenu .search-input:not(.expanded):hover {
- opacity: 0.75;
- }
-
- .HeaderMenu .search-input [data-target='qbsearch-input.inputButtonText'],
- .HeaderMenu .search-input [data-target='qbsearch-input.hotkeyIndicator'] {
- display: none !important;
- }
+.form-range:disabled::-webkit-slider-thumb {
+ background-color: #adb5bd;
}
-
-.HeaderMenu .search-suggestions {
- top: -10px;
- left: 0;
- width: calc(100% - var(--base-size-48)) !important;
+.form-range:disabled::-moz-range-thumb {
+ background-color: #adb5bd;
}
-@media screen and (max-width: 1011px) {
- .HeaderMenu .search-suggestions {
- top: var(--base-size-16);
- left: var(--base-size-16);
- width: calc(100% - var(--base-size-32)) !important;
- }
+.form-floating {
+ position: relative;
}
-
-.HeaderMenu .header-search {
- width: 100%;
- min-width: auto;
- max-width: none;
- margin-right: 0 !important;
- margin-bottom: 0 !important;
+.form-floating > .form-control,
+.form-floating > .form-select {
+ height: calc(3.5rem + 2px);
+ line-height: 1.25;
}
-
-.HeaderMenu .header-search-input {
- height: 38px;
+.form-floating > label {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ padding: 1rem 0.75rem;
+ pointer-events: none;
+ border: 1px solid transparent;
+ transform-origin: 0 0;
+ transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .header-search-input {
- max-width: 240px;
- height: 30px;
- padding-top: var(--base-size-8);
- padding-bottom: var(--base-size-8);
- font-size: var(--h5-size);
- -webkit-appearance: none;
+@media (prefers-reduced-motion: reduce) {
+ .form-floating > label {
+ transition: none;
}
}
-
-.HeaderMenu .header-search-input::placeholder {
- color: var(--control-fgColor-placeholder);
-}
-
-.HeaderMenu-nav {
- margin-bottom: auto;
+.form-floating > .form-control {
+ padding: 1rem 0.75rem;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-nav {
- margin-bottom: 0;
- }
+.form-floating > .form-control::-moz-placeholder {
+ color: transparent;
}
-
-.header-logo-invertocat {
- margin: -1px var(--base-size-16) -1px -2px;
- color: var(--fgColor-white);
- white-space: nowrap;
+.form-floating > .form-control::placeholder {
+ color: transparent;
}
-
-.header-logo-invertocat .octicon-mark-github {
- float: left;
+.form-floating > .form-control:not(:-moz-placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.header-logo-invertocat:hover {
- color: var(--fgColor-white);
- text-decoration: none;
+.form-floating > .form-control:focus,
+.form-floating > .form-control:not(:placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.notification-indicator .mail-status {
- position: absolute;
- top: -6px;
- left: 6px;
- display: none;
- width: 14px;
- height: 14px;
- color: var(--fgColor-white);
- background-image: linear-gradient(#54a3ff, #006eed);
- background-clip: padding-box;
- border: var(--borderWidth-thick) solid var(--header-bgColor);
- border-radius: 50%;
+.form-floating > .form-control:-webkit-autofill {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.notification-indicator .mail-status.unread {
- display: inline-block;
+.form-floating > .form-select {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.notification-indicator:hover .mail-status {
- text-decoration: none;
- background-color: var(--bgColor-accent-emphasis);
+.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
-
-.header-nav-current-user {
- padding-bottom: 0;
- font-size: inherit;
+.form-floating > .form-control:focus ~ label,
+.form-floating > .form-control:not(:placeholder-shown) ~ label,
+.form-floating > .form-select ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
-
-.header-nav-current-user .css-truncate-target {
- max-width: 100%;
+.form-floating > .form-control:-webkit-autofill ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
-.header-nav-current-user .user-profile-link {
- color: var(--fgColor-default);
+.input-group {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: stretch;
+ width: 100%;
}
-
-.unread-indicator {
- position: absolute;
- top: 0;
- left: 13px;
- z-index: 2;
- width: 14px;
- height: 14px;
- color: var(--fgColor-white);
- background-image: linear-gradient(#54a3ff, #006eed);
- background-clip: padding-box;
- border: var(--borderWidth-thick) solid var(--header-bgColor);
- border-radius: 50%;
+.input-group > .form-control,
+.input-group > .form-select {
+ position: relative;
+ flex: 1 1 auto;
+ width: 1%;
+ min-width: 0;
}
-
-.unread-indicator-container .unread-indicator {
- top: 9px;
- right: 10px;
- left: inherit;
- width: 10px;
- height: 10px;
- border: 0;
+.input-group > .form-control:focus,
+.input-group > .form-select:focus {
+ z-index: 3;
}
-
-.header-search-wrapper {
- display: table;
- width: 100%;
- max-width: 100%;
- padding: 0;
- font-size: inherit;
- font-weight: var(--base-text-weight-normal, 400);
- vertical-align: middle;
- background-color: var(--headerSearch-bgColor);
- border: var(--borderWidth-thin) solid var(--headerSearch-borderColor);
- box-shadow: none;
+.input-group .btn {
+ position: relative;
+ z-index: 2;
}
-
-@media (min-width: 1012px) {
- .header-search-wrapper {
- color: var(--fgColor-white);
- }
+.input-group .btn:focus {
+ z-index: 3;
}
-.header-search-wrapper.header-search-wrapper-jump-to.search-wrapper-suggestions-active {
- color: var(--fgColor-default);
- background-color: var(--bgColor-default);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+.input-group-text {
+ display: flex;
+ align-items: center;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #e9ecef;
+ border: 1px solid #ced4da;
+ border-radius: 0.25rem;
}
-.header-search-wrapper.focus {
- background-color: rgba(255, 255, 255, 0.175);
- box-shadow: none;
+.input-group-lg > .form-control,
+.input-group-lg > .form-select,
+.input-group-lg > .input-group-text,
+.input-group-lg > .btn {
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-.search-input.search-input-absolute {
- position: absolute;
- width: calc(100% - 180px);
+.input-group-sm > .form-control,
+.input-group-sm > .form-select,
+.input-group-sm > .input-group-text,
+.input-group-sm > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-.header-search-key-slash {
- position: absolute;
- right: var(--base-size-2);
+.input-group-lg > .form-select,
+.input-group-sm > .form-select {
+ padding-right: 3rem;
}
-.header-search-input {
- display: table-cell;
- width: 100%;
- padding-top: 0;
- padding-bottom: 0;
- font-size: inherit;
- color: inherit;
- background: none;
- border: 0;
- box-shadow: none;
+.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-
-.header-search-input::placeholder {
- color: rgba(255, 255, 255, 0.75);
+.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-
-.header-search-input:focus {
- border: 0;
- box-shadow: none;
+.input-group
+ > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(
+ .invalid-feedback
+ ) {
+ margin-left: -1px;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
}
-.header-search-input:focus ~ .header-search-key-slash {
- display: none !important;
+.valid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #198754;
}
-.header-search-input::-ms-clear {
+.valid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: 0.1rem;
+ font-size: 0.875rem;
+ color: #fff;
+ background-color: rgba(25, 135, 84, 0.9);
+ border-radius: 0.25rem;
}
-.header-search-button {
- display: table-cell;
- overflow: hidden;
- font-size: inherit;
- color: inherit;
- word-break: break-word;
- white-space: pre;
- background: none;
+.was-validated :valid ~ .valid-feedback,
+.was-validated :valid ~ .valid-tooltip,
+.is-valid ~ .valid-feedback,
+.is-valid ~ .valid-tooltip {
+ display: block;
}
-.header-search-button.input-button:focus {
- border: 0 !important;
+.was-validated .form-control:valid,
+.form-control.is-valid {
+ border-color: #198754;
+ padding-right: calc(1.5em + 0.75rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right calc(0.375em + 0.1875rem) center;
+ background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.header-search-button.input-button:focus ~ .header-search-key-slash {
- display: none !important;
+.was-validated .form-control:valid:focus,
+.form-control.is-valid:focus {
+ border-color: #198754;
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
-.header-search-button.input-button:focus-visible {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: -2px;
- box-shadow: none;
+.was-validated textarea.form-control:valid,
+textarea.form-control.is-valid {
+ padding-right: calc(1.5em + 0.75rem);
+ background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
-.header-search-button::-ms-clear {
- display: none;
+.was-validated .form-select:valid,
+.form-select.is-valid {
+ border-color: #198754;
}
-
-.Header .header-search-button,
-.header-logged-out .header-search-button {
- font-size: 14px;
+.was-validated .form-select:valid:not([multiple]):not([size]),
+.was-validated .form-select:valid:not([multiple])[size='1'],
+.form-select.is-valid:not([multiple]):not([size]),
+.form-select.is-valid:not([multiple])[size='1'] {
+ padding-right: 4.125rem;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
+ url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-position: right 0.75rem center, center right 2.25rem;
+ background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.Header .header-search-button .input-parsed-symbol,
-.header-logged-out .header-search-button .input-parsed-symbol {
- color: #58a6ff;
- background: #388bfd26;
- border-radius: 3px;
- box-shadow: 0 0 0 0.8px #388bfd26;
+.was-validated .form-select:valid:focus,
+.form-select.is-valid:focus {
+ border-color: #198754;
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
-.Header .header-search-button .pl-c1,
-.header-logged-out .header-search-button .pl-c1 {
- color: #58a6ff;
+.was-validated .form-check-input:valid,
+.form-check-input.is-valid {
+ border-color: #198754;
}
-
-.Header .header-search-button .pl-en,
-.header-logged-out .header-search-button .pl-en {
- color: #58a6ff;
+.was-validated .form-check-input:valid:checked,
+.form-check-input.is-valid:checked {
+ background-color: #198754;
}
-
-.header-search-button.placeholder {
- color: rgba(255, 255, 255, 0.75);
+.was-validated .form-check-input:valid:focus,
+.form-check-input.is-valid:focus {
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
-
-.scoped-search .header-search-wrapper {
- display: flex;
+.was-validated .form-check-input:valid ~ .form-check-label,
+.form-check-input.is-valid ~ .form-check-label {
+ color: #198754;
}
-.jump-to-field-active {
- color: var(--fgColor-default) !important;
- background-color: var(--bgColor-default);
+.form-check-inline .form-check-input ~ .valid-feedback {
+ margin-left: 0.5em;
}
-.jump-to-field-active::placeholder {
- color: var(--fgColor-muted) !important;
+.was-validated .input-group .form-control:valid,
+.input-group .form-control.is-valid,
+.was-validated .input-group .form-select:valid,
+.input-group .form-select.is-valid {
+ z-index: 1;
}
-
-.jump-to-field-active ~ .header-search-key-slash {
- display: none;
+.was-validated .input-group .form-control:valid:focus,
+.input-group .form-control.is-valid:focus,
+.was-validated .input-group .form-select:valid:focus,
+.input-group .form-select.is-valid:focus {
+ z-index: 3;
}
-.jump-to-field-active.jump-to-dropdown-visible {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+.invalid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #dc3545;
}
-.jump-to-suggestions {
+.invalid-tooltip {
+ position: absolute;
top: 100%;
- left: 0;
- z-index: 35;
- width: 100%;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: 0.1rem;
+ font-size: 0.875rem;
+ color: #fff;
+ background-color: rgba(220, 53, 69, 0.9);
+ border-radius: 0.25rem;
}
-.jump-to-suggestions-path {
- min-width: 0;
- min-height: 44px;
- color: var(--fgColor-default);
+.was-validated :invalid ~ .invalid-feedback,
+.was-validated :invalid ~ .invalid-tooltip,
+.is-invalid ~ .invalid-feedback,
+.is-invalid ~ .invalid-tooltip {
+ display: block;
}
-.jump-to-suggestions-path .jump-to-octicon {
- width: 28px;
- color: var(--fgColor-muted);
+.was-validated .form-control:invalid,
+.form-control.is-invalid {
+ border-color: #dc3545;
+ padding-right: calc(1.5em + 0.75rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right calc(0.375em + 0.1875rem) center;
+ background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.jump-to-suggestions-path .jump-to-suggestion-name {
- max-width: none;
+.was-validated .form-control:invalid:focus,
+.form-control.is-invalid:focus {
+ border-color: #dc3545;
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
-.jump-to-suggestions-path mark {
- font-weight: var(--base-text-weight-semibold, 600);
- background-color: transparent;
+.was-validated textarea.form-control:invalid,
+textarea.form-control.is-invalid {
+ padding-right: calc(1.5em + 0.75rem);
+ background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
-.jump-to-suggestions-results-container .navigation-item {
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
+.was-validated .form-select:invalid,
+.form-select.is-invalid {
+ border-color: #dc3545;
}
-
-.jump-to-suggestions-results-container .navigation-item:last-child {
- border-bottom: 0;
+.was-validated .form-select:invalid:not([multiple]):not([size]),
+.was-validated .form-select:invalid:not([multiple])[size='1'],
+.form-select.is-invalid:not([multiple]):not([size]),
+.form-select.is-invalid:not([multiple])[size='1'] {
+ padding-right: 4.125rem;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
+ url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+ background-position: right 0.75rem center, center right 2.25rem;
+ background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.jump-to-suggestions-results-container .d-on-nav-focus {
- display: none;
+.was-validated .form-select:invalid:focus,
+.form-select.is-invalid:focus {
+ border-color: #dc3545;
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
-.jump-to-suggestions-results-container [aria-selected='true'] .jump-to-octicon,
-.jump-to-suggestions-results-container .navigation-focus .jump-to-octicon {
- color: var(--fgColor-onEmphasis);
+.was-validated .form-check-input:invalid,
+.form-check-input.is-invalid {
+ border-color: #dc3545;
}
-
-.jump-to-suggestions-results-container [aria-selected='true'] .jump-to-suggestions-path,
-.jump-to-suggestions-results-container .navigation-focus .jump-to-suggestions-path {
- color: var(--fgColor-onEmphasis);
- background: var(--bgColor-accent-emphasis);
+.was-validated .form-check-input:invalid:checked,
+.form-check-input.is-invalid:checked {
+ background-color: #dc3545;
}
-
-.jump-to-suggestions-results-container [aria-selected='true'] mark,
-.jump-to-suggestions-results-container .navigation-focus mark {
- color: var(--fgColor-onEmphasis);
+.was-validated .form-check-input:invalid:focus,
+.form-check-input.is-invalid:focus {
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
-
-.jump-to-suggestions-results-container [aria-selected='true'] .d-on-nav-focus,
-.jump-to-suggestions-results-container .navigation-focus .d-on-nav-focus {
- display: block;
+.was-validated .form-check-input:invalid ~ .form-check-label,
+.form-check-input.is-invalid ~ .form-check-label {
+ color: #dc3545;
}
-.header-search {
- max-width: 100%;
- transition: 0.2s ease-in-out;
- transition-property: max-width, padding-bottom, padding-top;
+.form-check-inline .form-check-input ~ .invalid-feedback {
+ margin-left: 0.5em;
}
-@media (min-width: 768px) {
- .header-search {
- max-width: 272px;
- }
+.was-validated .input-group .form-control:invalid,
+.input-group .form-control.is-invalid,
+.was-validated .input-group .form-select:invalid,
+.input-group .form-select.is-invalid {
+ z-index: 2;
}
-
-@media (min-width: 768px) {
- .header-search:focus-within {
- max-width: 544px;
- }
+.was-validated .input-group .form-control:invalid:focus,
+.input-group .form-control.is-invalid:focus,
+.was-validated .input-group .form-select:invalid:focus,
+.input-group .form-select.is-invalid:focus {
+ z-index: 3;
}
-@media (min-width: 768px) {
- .header-search.fixed-width:focus-within {
- max-width: 272px;
+.btn {
+ display: inline-block;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ text-decoration: none;
+ vertical-align: middle;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ background-color: transparent;
+ border: 1px solid transparent;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ border-radius: 0.25rem;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .btn {
+ transition: none;
}
}
-
-.search-input {
- width: 260px;
+.btn:hover {
+ color: #212529;
}
-
-@media only screen and (max-width: 768px) {
- .search-input {
- width: 100%;
- }
-
- .search-input-container {
- margin-right: 10px !important;
- margin-bottom: 10px !important;
- margin-left: 10px !important;
- }
+.btn-check:focus + .btn,
+.btn:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.search-input.expanded {
- flex: 1;
+.btn:disabled,
+.btn.disabled,
+fieldset:disabled .btn {
+ pointer-events: none;
+ opacity: 0.65;
}
-.search-with-dialog {
- height: 32px;
- color: var(--fgColor-white);
- background-color: var(--header-bgColor);
- border: var(--borderWidth-thin) solid var(--headerSearch-borderColor);
+.btn-primary {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.search-with-dialog:hover {
- background-color: var(--headerSearch-bgColor);
+.btn-primary:hover {
+ color: #fff;
+ background-color: #0b5ed7;
+ border-color: #0a58ca;
}
-
-.search-with-dialog .input-parsed-symbol {
- color: var(--fgColor-accent);
- background-color: var(--bgColor-accent-muted);
- border-radius: 3px;
- box-shadow: 0 0 0 0.8px var(--bgColor-muted);
+.btn-check:focus + .btn-primary,
+.btn-primary:focus {
+ color: #fff;
+ background-color: #0b5ed7;
+ border-color: #0a58ca;
+ box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
+}
+.btn-check:checked + .btn-primary,
+.btn-check:active + .btn-primary,
+.btn-primary:active,
+.btn-primary.active,
+.show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #0a58ca;
+ border-color: #0a53be;
+}
+.btn-check:checked + .btn-primary:focus,
+.btn-check:active + .btn-primary:focus,
+.btn-primary:active:focus,
+.btn-primary.active:focus,
+.show > .btn-primary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
+}
+.btn-primary:disabled,
+.btn-primary.disabled {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-.create-custom-scope-form {
- margin-top: -16px;
- margin-bottom: -16px;
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
}
-
-.query-builder-container {
- padding-top: 10px;
- padding-right: 0;
- padding-left: 0;
-}
-
-.query-builder-container .QueryBuilder-StyledInput {
- width: auto;
- margin-right: var(--base-size-12, 12px);
- margin-left: var(--base-size-12, 12px);
-}
-
-.query-builder-container .QueryBuilder-sectionTitle {
- margin-left: 8px;
+.btn-secondary:hover {
+ color: #fff;
+ background-color: #5c636a;
+ border-color: #565e64;
}
-
-.query-builder-container .QueryBuilder-ListItem-trailing {
- font-size: 14px;
+.btn-check:focus + .btn-secondary,
+.btn-secondary:focus {
+ color: #fff;
+ background-color: #5c636a;
+ border-color: #565e64;
+ box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
+}
+.btn-check:checked + .btn-secondary,
+.btn-check:active + .btn-secondary,
+.btn-secondary:active,
+.btn-secondary.active,
+.show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #565e64;
+ border-color: #51585e;
+}
+.btn-check:checked + .btn-secondary:focus,
+.btn-check:active + .btn-secondary:focus,
+.btn-secondary:active:focus,
+.btn-secondary.active:focus,
+.show > .btn-secondary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
+}
+.btn-secondary:disabled,
+.btn-secondary.disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
}
-.query-builder-container .ActionListItem {
- margin-right: 8px;
- margin-left: 8px;
+.btn-success {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
}
-
-.search-feedback-prompt {
- padding-top: var(--base-size-12, 12px);
- padding-bottom: var(--base-size-12, 12px);
- border-top-color: var(--borderColor-muted);
- border-top-style: solid;
- border-top-width: var(--borderWidth-thin);
+.btn-success:hover {
+ color: #fff;
+ background-color: #157347;
+ border-color: #146c43;
}
-
-.search-suggestions {
- top: -14px;
- left: -14px;
- z-index: 35;
- width: calc(100% + 26px) !important;
- max-height: 80vh;
- padding-top: var(--base-size-12, 12px);
- border-radius: var(--borderRadius-large, 12px);
+.btn-check:focus + .btn-success,
+.btn-success:focus {
+ color: #fff;
+ background-color: #157347;
+ border-color: #146c43;
+ box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
+}
+.btn-check:checked + .btn-success,
+.btn-check:active + .btn-success,
+.btn-success:active,
+.btn-success.active,
+.show > .btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #146c43;
+ border-color: #13653f;
+}
+.btn-check:checked + .btn-success:focus,
+.btn-check:active + .btn-success:focus,
+.btn-success:active:focus,
+.btn-success.active:focus,
+.show > .btn-success.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
+}
+.btn-success:disabled,
+.btn-success.disabled {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
+}
+
+.btn-info {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-info:hover {
+ color: #000;
+ background-color: #31d2f2;
+ border-color: #25cff2;
+}
+.btn-check:focus + .btn-info,
+.btn-info:focus {
+ color: #000;
+ background-color: #31d2f2;
+ border-color: #25cff2;
+ box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+}
+.btn-check:checked + .btn-info,
+.btn-check:active + .btn-info,
+.btn-info:active,
+.btn-info.active,
+.show > .btn-info.dropdown-toggle {
+ color: #000;
+ background-color: #3dd5f3;
+ border-color: #25cff2;
+}
+.btn-check:checked + .btn-info:focus,
+.btn-check:active + .btn-info:focus,
+.btn-info:active:focus,
+.btn-info.active:focus,
+.show > .btn-info.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+}
+.btn-info:disabled,
+.btn-info.disabled {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+
+.btn-warning {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-warning:hover {
+ color: #000;
+ background-color: #ffca2c;
+ border-color: #ffc720;
+}
+.btn-check:focus + .btn-warning,
+.btn-warning:focus {
+ color: #000;
+ background-color: #ffca2c;
+ border-color: #ffc720;
+ box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
+}
+.btn-check:checked + .btn-warning,
+.btn-check:active + .btn-warning,
+.btn-warning:active,
+.btn-warning.active,
+.show > .btn-warning.dropdown-toggle {
+ color: #000;
+ background-color: #ffcd39;
+ border-color: #ffc720;
+}
+.btn-check:checked + .btn-warning:focus,
+.btn-check:active + .btn-warning:focus,
+.btn-warning:active:focus,
+.btn-warning.active:focus,
+.show > .btn-warning.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
+}
+.btn-warning:disabled,
+.btn-warning.disabled {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+
+.btn-danger {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
}
-
-.search-suggestions .header-search-input {
- overflow: hidden;
+.btn-danger:hover {
+ color: #fff;
+ background-color: #bb2d3b;
+ border-color: #b02a37;
}
-
-.search-suggestions .octicon {
- pointer-events: none;
+.btn-check:focus + .btn-danger,
+.btn-danger:focus {
+ color: #fff;
+ background-color: #bb2d3b;
+ border-color: #b02a37;
+ box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
+}
+.btn-check:checked + .btn-danger,
+.btn-check:active + .btn-danger,
+.btn-danger:active,
+.btn-danger.active,
+.show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #b02a37;
+ border-color: #a52834;
+}
+.btn-check:checked + .btn-danger:focus,
+.btn-check:active + .btn-danger:focus,
+.btn-danger:active:focus,
+.btn-danger.active:focus,
+.show > .btn-danger.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
+}
+.btn-danger:disabled,
+.btn-danger.disabled {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+
+.btn-light {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-light:hover {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+}
+.btn-check:focus + .btn-light,
+.btn-light:focus {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+ box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+}
+.btn-check:checked + .btn-light,
+.btn-check:active + .btn-light,
+.btn-light:active,
+.btn-light.active,
+.show > .btn-light.dropdown-toggle {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+}
+.btn-check:checked + .btn-light:focus,
+.btn-check:active + .btn-light:focus,
+.btn-light:active:focus,
+.btn-light.active:focus,
+.show > .btn-light.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+}
+.btn-light:disabled,
+.btn-light.disabled {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+
+.btn-dark {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
}
-
-.dark-backdrop {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 32;
- width: 120vw;
- height: 120vh;
- margin-top: -24px;
- margin-left: -80px;
- background-color: var(--overlay-backdrop-bgColor);
+.btn-dark:hover {
+ color: #fff;
+ background-color: #1c1f23;
+ border-color: #1a1e21;
}
-
-.search-query-builder .QueryBuilder-ListWrap {
- max-height: 60vh;
- padding-right: 0;
- padding-left: 0;
- overflow-y: auto;
+.btn-check:focus + .btn-dark,
+.btn-dark:focus {
+ color: #fff;
+ background-color: #1c1f23;
+ border-color: #1a1e21;
+ box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
+}
+.btn-check:checked + .btn-dark,
+.btn-check:active + .btn-dark,
+.btn-dark:active,
+.btn-dark.active,
+.show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #1a1e21;
+ border-color: #191c1f;
+}
+.btn-check:checked + .btn-dark:focus,
+.btn-check:active + .btn-dark:focus,
+.btn-dark:active:focus,
+.btn-dark.active:focus,
+.show > .btn-dark.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
+}
+.btn-dark:disabled,
+.btn-dark.disabled {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
}
-.Header .search-input {
- flex: 1;
- width: auto;
- max-width: 350px;
+.btn-outline-primary {
+ color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.Header .search-input.expanded {
- max-width: none;
+.btn-outline-primary:hover {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+}
+.btn-check:focus + .btn-outline-primary,
+.btn-outline-primary:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
+}
+.btn-check:checked + .btn-outline-primary,
+.btn-check:active + .btn-outline-primary,
+.btn-outline-primary:active,
+.btn-outline-primary.active,
+.btn-outline-primary.dropdown-toggle.show {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+}
+.btn-check:checked + .btn-outline-primary:focus,
+.btn-check:active + .btn-outline-primary:focus,
+.btn-outline-primary:active:focus,
+.btn-outline-primary.active:focus,
+.btn-outline-primary.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
+}
+.btn-outline-primary:disabled,
+.btn-outline-primary.disabled {
+ color: #0d6efd;
+ background-color: transparent;
}
-.app-banner {
- background-color: var(--header-bgColor);
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d;
}
-
-.app-banner-title {
- color: var(--header-fgColor-logo);
+.btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+.btn-check:focus + .btn-outline-secondary,
+.btn-outline-secondary:focus {
+ box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
+}
+.btn-check:checked + .btn-outline-secondary,
+.btn-check:active + .btn-outline-secondary,
+.btn-outline-secondary:active,
+.btn-outline-secondary.active,
+.btn-outline-secondary.dropdown-toggle.show {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+.btn-check:checked + .btn-outline-secondary:focus,
+.btn-check:active + .btn-outline-secondary:focus,
+.btn-outline-secondary:active:focus,
+.btn-outline-secondary.active:focus,
+.btn-outline-secondary.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
+}
+.btn-outline-secondary:disabled,
+.btn-outline-secondary.disabled {
+ color: #6c757d;
+ background-color: transparent;
}
-.app-banner-text {
- color: var(--header-fgColor-default);
+.btn-outline-success {
+ color: #198754;
+ border-color: #198754;
}
-
-.app-banner-icon {
- --icon-gradient-start-color: #171a1e;
- --icon-gradient-end-color: #060606;
- width: 32px;
- height: 32px;
- padding-top: 6px;
- padding-left: 6px;
+.btn-outline-success:hover {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
+}
+.btn-check:focus + .btn-outline-success,
+.btn-outline-success:focus {
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
+}
+.btn-check:checked + .btn-outline-success,
+.btn-check:active + .btn-outline-success,
+.btn-outline-success:active,
+.btn-outline-success.active,
+.btn-outline-success.dropdown-toggle.show {
color: #fff;
- background: var(--icon-gradient-end-color);
- background: linear-gradient(var(--icon-gradient-start-color), var(--icon-gradient-end-color));
+ background-color: #198754;
+ border-color: #198754;
+}
+.btn-check:checked + .btn-outline-success:focus,
+.btn-check:active + .btn-outline-success:focus,
+.btn-outline-success:active:focus,
+.btn-outline-success.active:focus,
+.btn-outline-success.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
+}
+.btn-outline-success:disabled,
+.btn-outline-success.disabled {
+ color: #198754;
+ background-color: transparent;
}
-.app-banner-icon .octicon {
- width: 20px;
- height: 20px;
+.btn-outline-info {
+ color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-outline-info:hover {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-check:focus + .btn-outline-info,
+.btn-outline-info:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
+}
+.btn-check:checked + .btn-outline-info,
+.btn-check:active + .btn-outline-info,
+.btn-outline-info:active,
+.btn-outline-info.active,
+.btn-outline-info.dropdown-toggle.show {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-check:checked + .btn-outline-info:focus,
+.btn-check:active + .btn-outline-info:focus,
+.btn-outline-info:active:focus,
+.btn-outline-info.active:focus,
+.btn-outline-info.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
+}
+.btn-outline-info:disabled,
+.btn-outline-info.disabled {
+ color: #0dcaf0;
+ background-color: transparent;
}
-.ActionList {
- padding: var(--base-size-8);
+.btn-outline-warning {
+ color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-outline-warning:hover {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-check:focus + .btn-outline-warning,
+.btn-outline-warning:focus {
+ box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
+}
+.btn-check:checked + .btn-outline-warning,
+.btn-check:active + .btn-outline-warning,
+.btn-outline-warning:active,
+.btn-outline-warning.active,
+.btn-outline-warning.dropdown-toggle.show {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-check:checked + .btn-outline-warning:focus,
+.btn-check:active + .btn-outline-warning:focus,
+.btn-outline-warning:active:focus,
+.btn-outline-warning.active:focus,
+.btn-outline-warning.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
+}
+.btn-outline-warning:disabled,
+.btn-outline-warning.disabled {
+ color: #ffc107;
+ background-color: transparent;
}
-.ActionList--full {
- padding: 0;
+.btn-outline-danger {
+ color: #dc3545;
+ border-color: #dc3545;
}
-
-.ActionList--subGroup {
- padding: 0;
+.btn-outline-danger:hover {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+.btn-check:focus + .btn-outline-danger,
+.btn-outline-danger:focus {
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
+}
+.btn-check:checked + .btn-outline-danger,
+.btn-check:active + .btn-outline-danger,
+.btn-outline-danger:active,
+.btn-outline-danger.active,
+.btn-outline-danger.dropdown-toggle.show {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+.btn-check:checked + .btn-outline-danger:focus,
+.btn-check:active + .btn-outline-danger:focus,
+.btn-outline-danger:active:focus,
+.btn-outline-danger.active:focus,
+.btn-outline-danger.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
+}
+.btn-outline-danger:disabled,
+.btn-outline-danger.disabled {
+ color: #dc3545;
+ background-color: transparent;
}
-.ActionList--divided .ActionList-item-label::before {
- position: absolute;
- top: -6px;
- display: block;
- width: 100%;
- height: 1px;
- content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+.btn-outline-light {
+ color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-outline-light:hover {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-check:focus + .btn-outline-light,
+.btn-outline-light:focus {
+ box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
+}
+.btn-check:checked + .btn-outline-light,
+.btn-check:active + .btn-outline-light,
+.btn-outline-light:active,
+.btn-outline-light.active,
+.btn-outline-light.dropdown-toggle.show {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-check:checked + .btn-outline-light:focus,
+.btn-check:active + .btn-outline-light:focus,
+.btn-outline-light:active:focus,
+.btn-outline-light.active:focus,
+.btn-outline-light.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
+}
+.btn-outline-light:disabled,
+.btn-outline-light.disabled {
+ color: #f8f9fa;
+ background-color: transparent;
}
-.ActionList--divided .ActionList-item-descriptionWrap--inline::before {
- position: absolute;
- top: -6px;
- display: block;
- width: 100%;
- height: var(--borderWidth-thin);
- content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+.btn-outline-dark {
+ color: #212529;
+ border-color: #212529;
}
-
-.ActionList--divided .ActionList-item-descriptionWrap--inline .ActionList-item-label::before {
- content: unset;
+.btn-outline-dark:hover {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+.btn-check:focus + .btn-outline-dark,
+.btn-outline-dark:focus {
+ box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
+}
+.btn-check:checked + .btn-outline-dark,
+.btn-check:active + .btn-outline-dark,
+.btn-outline-dark:active,
+.btn-outline-dark.active,
+.btn-outline-dark.dropdown-toggle.show {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+.btn-check:checked + .btn-outline-dark:focus,
+.btn-check:active + .btn-outline-dark:focus,
+.btn-outline-dark:active:focus,
+.btn-outline-dark.active:focus,
+.btn-outline-dark.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
+}
+.btn-outline-dark:disabled,
+.btn-outline-dark.disabled {
+ color: #212529;
+ background-color: transparent;
}
-.ActionList--divided .ActionList-item--navActive .ActionList-item-label::before,
-.ActionList--divided .ActionList-item--navActive + .ActionList-item .ActionList-item-label::before {
- visibility: hidden;
+.btn-link {
+ font-weight: 400;
+ color: #0d6efd;
+ text-decoration: underline;
}
-
-.ActionList-item:first-of-type .ActionList-item-label::before,
-.ActionList-sectionDivider + .ActionList-item .ActionList-item-label::before {
- visibility: hidden;
+.btn-link:hover {
+ color: #0a58ca;
}
-
-.ActionList-item:first-of-type .ActionList-item-descriptionWrap--inline::before,
-.ActionList-sectionDivider + .ActionList-item .ActionList-item-descriptionWrap--inline::before {
- visibility: hidden;
+.btn-link:disabled,
+.btn-link.disabled {
+ color: #6c757d;
}
-.ActionList--tree {
- --ActionList-tree-depth: 1;
+.btn-lg,
+.btn-group-lg > .btn {
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-.ActionList--tree .ActionList-item--subItem > .ActionList-content {
- font-size: 14px;
+.btn-sm,
+.btn-group-sm > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-.ActionList--tree .ActionList-item.ActionList-item--singleton .ActionList-content {
- padding-left: var(--base-size-32);
+.fade {
+ transition: opacity 0.15s linear;
}
-
-.ActionList--tree .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .fade {
+ transition: none;
+ }
}
-
-.ActionList--tree .ActionList-content[aria-expanded] + .ActionList--subGroup {
- position: relative;
+.fade:not(.show) {
+ opacity: 0;
}
-.ActionList--tree .ActionList-content[aria-expanded] + .ActionList--subGroup .ActionList-content {
- padding-left: calc(8px * var(--ActionList-tree-depth));
+.collapse:not(.show) {
+ display: none;
}
-.ActionList--tree .ActionList-content[aria-expanded='true'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: rotate(0deg);
+.collapsing {
+ height: 0;
+ overflow: hidden;
+ transition: height 0.35s ease;
}
-
-.ActionList--tree
- .ActionList-content[aria-expanded='true'].ActionList-content--hasActiveSubItem
- > .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .collapsing {
+ transition: none;
+ }
}
-
-.ActionList--tree .ActionList-content[aria-expanded='false'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: rotate(-90deg);
+.collapsing.collapse-horizontal {
+ width: 0;
+ height: auto;
+ transition: width 0.35s ease;
}
-
-.ActionList--tree
- .ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem
- > .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .collapsing.collapse-horizontal {
+ transition: none;
+ }
}
-.ActionList--tree
- .ActionList-item--hasSubItem
- .ActionList-item--subItem:not(.ActionList-item--hasSubItem)
- .ActionList-content
- > span:first-child {
- padding-left: var(--base-size-24);
+.dropup,
+.dropend,
+.dropdown,
+.dropstart {
+ position: relative;
}
-.ActionList--tree > [aria-level='1'].ActionList-item--hasSubItem > .ActionList--subGroup::before {
- position: absolute;
- left: 16px;
- width: 1px;
- height: 100%;
- content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+.dropdown-toggle {
+ white-space: nowrap;
}
-
-.ActionList--tree .ActionList-item--hasSubItem:not([aria-level='1']) > .ActionList--subGroup::before {
- position: absolute;
- left: calc(8px * (var(--ActionList-tree-depth)) + 7px);
- width: 1px;
- height: 100%;
+.dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+ border-top: 0.3em solid;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0;
+ border-left: 0.3em solid transparent;
+}
+.dropdown-toggle:empty::after {
+ margin-left: 0;
}
-.ActionList-item {
- position: relative;
+.dropdown-menu {
+ position: absolute;
+ z-index: 1000;
+ display: none;
+ min-width: 10rem;
+ padding: 0.5rem 0;
+ margin: 0;
+ font-size: 1rem;
+ color: #212529;
+ text-align: left;
list-style: none;
- background-color: transparent;
- border-radius: var(--borderRadius-medium);
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0.25rem;
}
-
-.ActionList-item:hover,
-.ActionList-item:active {
- cursor: pointer;
+.dropdown-menu[data-bs-popper] {
+ top: 100%;
+ left: 0;
+ margin-top: 0.125rem;
}
-@media (hover: hover) {
- .ActionList-item:not(.ActionList-item--hasSubItem):hover,
- .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover {
- cursor: pointer;
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
-
- .ActionList-item:not(.ActionList-item--hasSubItem):hover:not(.ActionList-item--navActive):not(:focus-visible),
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover:not(.ActionList-item--navActive):not(:focus-visible) {
- outline: solid var(--borderWidth-thin) transparent;
- outline-offset: -var(--borderWidth-thin);
- box-shadow: inset 0 0 0 var(--borderWidth-thin)
- var(--control-transparent-borderColor-active, var(--color-action-list-item-default-active-border));
- }
+.dropdown-menu-start {
+ --bs-position: start;
}
-
-.ActionList-item:not(.ActionList-item--hasSubItem):active,
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active {
- background: var(--control-transparent-bgColor-active, var(--color-action-list-item-default-active-bg));
+.dropdown-menu-start[data-bs-popper] {
+ right: auto;
+ left: 0;
}
-.ActionList-item:not(.ActionList-item--hasSubItem):active:not(.ActionList-item--navActive),
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active:not(.ActionList-item--navActive) {
- outline: solid var(--borderWidth-thin) transparent;
- outline-offset: -var(--borderWidth-thin);
- box-shadow: inset 0 0 0 var(--borderWidth-thin)
- var(--control-transparent-borderColor-active, var(--color-action-list-item-default-active-border));
+.dropdown-menu-end {
+ --bs-position: end;
+}
+.dropdown-menu-end[data-bs-popper] {
+ right: 0;
+ left: auto;
}
-@media (hover: hover) {
- .ActionList-item:not(.ActionList-item--hasSubItem):hover .ActionList-item-label::before,
- .ActionList-item:not(.ActionList-item--hasSubItem):hover + .ActionList-item .ActionList-item-label::before,
- .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover .ActionList-item-label::before,
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover
- + .ActionList-item
- .ActionList-item-label::before {
- visibility: hidden;
+@media (min-width: 576px) {
+ .dropdown-menu-sm-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-sm-start[data-bs-popper] {
+ right: auto;
+ left: 0;
}
- .ActionList-item:not(.ActionList-item--hasSubItem):hover .ActionList-item-descriptionWrap--inline::before,
- .ActionList-item:not(.ActionList-item--hasSubItem):hover
- + .ActionList-item
- .ActionList-item-descriptionWrap--inline::before,
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover
- .ActionList-item-descriptionWrap--inline::before,
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover
- + .ActionList-item
- .ActionList-item-descriptionWrap--inline::before {
- visibility: hidden;
+ .dropdown-menu-sm-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-sm-end[data-bs-popper] {
+ right: 0;
+ left: auto;
}
}
+@media (min-width: 768px) {
+ .dropdown-menu-md-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-md-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-.ActionList-item:not(.ActionList-item--hasSubItem):active .ActionList-item-label::before,
-.ActionList-item:not(.ActionList-item--hasSubItem):active + .ActionList-item .ActionList-item-label::before,
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active .ActionList-item-label::before,
-.ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:active
- + .ActionList-item
- .ActionList-item-label::before {
- visibility: hidden;
+ .dropdown-menu-md-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-md-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
}
+@media (min-width: 992px) {
+ .dropdown-menu-lg-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-lg-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content {
- z-index: 1;
+ .dropdown-menu-lg-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-lg-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
}
+@media (min-width: 1200px) {
+ .dropdown-menu-xl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-@media (hover: hover) {
- .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
+ .dropdown-menu-xl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
}
}
+@media (min-width: 1400px) {
+ .dropdown-menu-xxl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xxl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active {
- background-color: var(--control-transparent-bgColor-active, var(--color-action-list-item-default-active-bg));
+ .dropdown-menu-xxl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xxl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
}
-
-.ActionList-item[hidden] + .ActionList-sectionDivider {
- display: none;
+.dropup .dropdown-menu[data-bs-popper] {
+ top: auto;
+ bottom: 100%;
+ margin-top: 0;
+ margin-bottom: 0.125rem;
}
-
-.ActionList-item[aria-selected='true'] {
- font-weight: var(--base-text-weight-normal, 400);
- background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
+.dropup .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: '';
+ border-top: 0;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0.3em solid;
+ border-left: 0.3em solid transparent;
}
-
-@media (hover: hover) {
- .ActionList-item[aria-selected='true']:hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
+.dropup .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-.ActionList-item[aria-selected='true']::before,
-.ActionList-item[aria-selected='true'] + .ActionList-item::before {
- visibility: hidden;
+.dropend .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: auto;
+ left: 100%;
+ margin-top: 0;
+ margin-left: 0.125rem;
}
-
-.ActionList-item[aria-selected='true']::after {
- position: absolute;
- top: calc(50% - var(--base-size-12));
- left: -4px;
- width: var(--base-size-4);
- height: var(--base-size-24);
+.dropend .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-fg));
- border-radius: var(--borderRadius-medium);
+ border-top: 0.3em solid transparent;
+ border-right: 0;
+ border-bottom: 0.3em solid transparent;
+ border-left: 0.3em solid;
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+.dropend .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) {
- background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
+.dropend .dropdown-toggle::after {
+ vertical-align: 0;
}
-@media (hover: hover) {
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
+.dropstart .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: 100%;
+ left: auto;
+ margin-top: 0;
+ margin-right: 0.125rem;
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::before,
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) + .ActionList-item::before {
- visibility: hidden;
+.dropstart .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: '';
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::after {
- position: absolute;
- top: calc(50% - var(--base-size-12));
- left: -var(--base-size-8);
- width: var(--base-size-4);
- height: var(--base-size-24);
+.dropstart .dropdown-toggle::after {
+ display: none;
+}
+.dropstart .dropdown-toggle::before {
+ display: inline-block;
+ margin-right: 0.255em;
+ vertical-align: 0.255em;
content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-fg));
- border-radius: var(--borderRadius-medium);
+ border-top: 0.3em solid transparent;
+ border-right: 0.3em solid;
+ border-bottom: 0.3em solid transparent;
}
-
-.ActionList-item[aria-checked='true'] .ActionList-item-multiSelectCheckmark,
-.ActionList-item[aria-selected='true'] .ActionList-item-multiSelectCheckmark {
- visibility: visible;
- opacity: 1;
- transition: visibility 0 linear 0, opacity 50ms;
+.dropstart .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-
-.ActionList-item[aria-checked='true'] .ActionList-item-singleSelectCheckmark,
-.ActionList-item[aria-selected='true'] .ActionList-item-singleSelectCheckmark {
- visibility: visible;
+.dropstart .dropdown-toggle::before {
+ vertical-align: 0;
}
-@media screen and (prefers-reduced-motion: no-preference) {
- .ActionList-item[aria-checked='true'] .ActionList-item-singleSelectCheckmark,
- .ActionList-item[aria-selected='true'] .ActionList-item-singleSelectCheckmark {
- animation: checkmarkIn 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;
- }
+.dropdown-divider {
+ height: 0;
+ margin: 0.5rem 0;
+ overflow: hidden;
+ border-top: 1px solid rgba(0, 0, 0, 0.15);
}
-.ActionList-item[aria-checked='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,
-.ActionList-item[aria-selected='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect {
- fill: var(--fgColor-accent, var(--color-accent-fg));
- stroke: var(--fgColor-accent, var(--color-accent-fg));
- stroke-width: var(--borderWidth-thin);
+.dropdown-item {
+ display: block;
+ width: 100%;
+ padding: 0.25rem 1rem;
+ clear: both;
+ font-weight: 400;
+ color: #212529;
+ text-align: inherit;
+ text-decoration: none;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 0;
}
-
-.ActionList-item[aria-checked='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark,
-.ActionList-item[aria-selected='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark {
- fill: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
+.dropdown-item:hover,
+.dropdown-item:focus {
+ color: #1e2125;
+ background-color: #e9ecef;
}
-
-.ActionList-item[aria-checked='false'] .ActionList-item-multiSelectCheckmark,
-.ActionList-item[aria-selected='false'] .ActionList-item-multiSelectCheckmark {
- visibility: hidden;
- opacity: 0;
- transition: visibility 0 linear 50ms, opacity 50ms;
+.dropdown-item.active,
+.dropdown-item:active {
+ color: #fff;
+ text-decoration: none;
+ background-color: #0d6efd;
}
-
-.ActionList-item[aria-checked='false'] .ActionList-item-singleSelectCheckmark,
-.ActionList-item[aria-selected='false'] .ActionList-item-singleSelectCheckmark {
- visibility: hidden;
- transition: visibility 0s linear 200ms;
- clip-path: inset(16px 0 0 0);
+.dropdown-item.disabled,
+.dropdown-item:disabled {
+ color: #adb5bd;
+ pointer-events: none;
+ background-color: transparent;
}
-@media screen and (prefers-reduced-motion: no-preference) {
- .ActionList-item[aria-checked='false'] .ActionList-item-singleSelectCheckmark,
- .ActionList-item[aria-selected='false'] .ActionList-item-singleSelectCheckmark {
- animation: checkmarkOut 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;
- }
+.dropdown-menu.show {
+ display: block;
}
-.ActionList-item[aria-checked='false'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,
-.ActionList-item[aria-selected='false'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect {
- fill: var(--bgColor-default, var(--color-canvas-default));
- stroke: var(--borderColor-default, var(--color-border-default));
- stroke-width: var(--borderWidth-thin);
+.dropdown-header {
+ display: block;
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ font-size: 0.875rem;
+ color: #6c757d;
+ white-space: nowrap;
}
-.ActionList-item[aria-checked='false'] .ActionList-item-multiSelectIconRect,
-.ActionList-item[aria-selected='false'] .ActionList-item-multiSelectIconRect {
- fill: var(--bgColor-default, var(--color-canvas-default));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.dropdown-item-text {
+ display: block;
+ padding: 0.25rem 1rem;
+ color: #212529;
}
-@keyframes checkmarkIn {
- from {
- clip-path: inset(16px 0 0 0);
- }
-
- to {
- clip-path: inset(0 0 0 0);
- }
+.dropdown-menu-dark {
+ color: #dee2e6;
+ background-color: #343a40;
+ border-color: rgba(0, 0, 0, 0.15);
}
-
-@keyframes checkmarkOut {
- from {
- clip-path: inset(0 0 0 0);
- }
-
- to {
- clip-path: inset(16px 0 0 0);
- }
+.dropdown-menu-dark .dropdown-item {
+ color: #dee2e6;
}
-
-.ActionList-item[aria-disabled='true'] .ActionList-content .ActionList-item-label,
-.ActionList-item[aria-disabled='true'] .ActionList-content .ActionList-item-description {
- color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.dropdown-menu-dark .dropdown-item:hover,
+.dropdown-menu-dark .dropdown-item:focus {
+ color: #fff;
+ background-color: rgba(255, 255, 255, 0.15);
}
-
-.ActionList-item[aria-disabled='true'] .ActionList-content .ActionList-item-visual {
- fill: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.dropdown-menu-dark .dropdown-item.active,
+.dropdown-menu-dark .dropdown-item:active {
+ color: #fff;
+ background-color: #0d6efd;
}
-
-@media (hover: hover) {
- .ActionList-item[aria-disabled='true']:hover {
- cursor: not-allowed;
- background-color: transparent;
- }
+.dropdown-menu-dark .dropdown-item.disabled,
+.dropdown-menu-dark .dropdown-item:disabled {
+ color: #adb5bd;
}
-
-.ActionList-item.ActionList-item--danger .ActionList-item-label {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.dropdown-menu-dark .dropdown-divider {
+ border-color: rgba(0, 0, 0, 0.15);
}
-
-.ActionList-item.ActionList-item--danger .ActionList-item-visual {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.dropdown-menu-dark .dropdown-item-text {
+ color: #dee2e6;
}
-
-@media (hover: hover) {
- .ActionList-item.ActionList-item--danger:hover {
- background: var(--control-danger-bgColor-hover, var(--color-action-list-item-danger-hover-bg));
- }
-
- .ActionList-item.ActionList-item--danger:hover .ActionList-item-label {
- color: var(--control-danger-fgColor-hover, var(--color-action-list-item-danger-hover-text));
- }
+.dropdown-menu-dark .dropdown-header {
+ color: #adb5bd;
}
-.ActionList-item.ActionList-item--danger .ActionList-content:active {
- background: var(--control-danger-bgColor-active, var(--color-action-list-item-danger-active-bg));
-}
-
-.ActionList-item .ActionList {
- padding: unset;
-}
-
-.ActionList-content {
+.btn-group,
+.btn-group-vertical {
position: relative;
- display: grid;
- width: 100%;
- padding: 6px var(--base-size-8);
- font-size: 14px;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-default, var(--color-fg-default));
- text-align: left;
- -webkit-user-select: none;
- user-select: none;
- background-color: transparent;
- border: none;
- border-radius: var(--borderRadius-medium);
- transition: background 33.333ms linear;
- touch-action: manipulation;
- touch-action: manipulation;
- -webkit-tap-highlight-color: transparent;
- grid-template-rows: min-content;
- grid-template-areas: 'leadingAction leadingVisual label trailingVisual trailingAction';
- grid-template-columns: min-content min-content minmax(0, auto) min-content min-content;
- align-items: start;
+ display: inline-flex;
+ vertical-align: middle;
}
-
-.ActionList-content > :not(:last-child) {
- margin-right: var(--base-size-8);
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+ position: relative;
+ flex: 1 1 auto;
}
-
-.ActionList-content:hover {
- text-decoration: none;
+.btn-group > .btn-check:checked + .btn,
+.btn-group > .btn-check:focus + .btn,
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn-check:checked + .btn,
+.btn-group-vertical > .btn-check:focus + .btn,
+.btn-group-vertical > .btn:hover,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+ z-index: 1;
}
-.ActionList-content:focus {
- outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
- outline-offset: -2px;
- box-shadow: none;
+.btn-toolbar {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
}
-
-.ActionList-content:focus:not(:focus-visible) {
- outline: solid 1px transparent;
+.btn-toolbar .input-group {
+ width: auto;
}
-.ActionList-content:focus-visible {
- outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
- outline-offset: -2px;
- box-shadow: none;
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) {
+ margin-left: -1px;
}
-
-.ActionList-content[aria-disabled='true'] .ActionList-item-label,
-.ActionList-content[aria-disabled='true'] .ActionList-item-description {
- color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn-group:not(:last-child) > .btn {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-
-.ActionList-content[aria-disabled='true'] .ActionList-item-visual {
- fill: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.btn-group > .btn:nth-child(n + 3),
+.btn-group > :not(.btn-check) + .btn,
+.btn-group > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
}
-@media (hover: hover) {
- .ActionList-content[aria-disabled='true']:hover {
- cursor: not-allowed;
- background-color: transparent;
- }
+.dropdown-toggle-split {
+ padding-right: 0.5625rem;
+ padding-left: 0.5625rem;
}
-
-@media screen and (prefers-reduced-motion: no-preference) {
- .ActionList-content[aria-expanded] + .ActionList--subGroup {
- transition: opacity 160ms cubic-bezier(0.25, 1, 0.5, 1), transform 160ms cubic-bezier(0.25, 1, 0.5, 1);
- }
+.dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after,
+.dropend .dropdown-toggle-split::after {
+ margin-left: 0;
}
-
-.ActionList-content[aria-expanded] + .ActionList--subGroup .ActionList-content {
- padding-left: var(--base-size-24);
+.dropstart .dropdown-toggle-split::before {
+ margin-right: 0;
}
-.ActionList-content[aria-expanded].ActionList-content--visual16 + .ActionList--subGroup .ActionList-content {
- padding-left: var(--base-size-32);
+.btn-sm + .dropdown-toggle-split,
+.btn-group-sm > .btn + .dropdown-toggle-split {
+ padding-right: 0.375rem;
+ padding-left: 0.375rem;
}
-.ActionList-content[aria-expanded].ActionList-content--visual20 + .ActionList--subGroup .ActionList-content {
- padding-left: 36px;
+.btn-lg + .dropdown-toggle-split,
+.btn-group-lg > .btn + .dropdown-toggle-split {
+ padding-right: 0.75rem;
+ padding-left: 0.75rem;
}
-.ActionList-content[aria-expanded].ActionList-content--visual24 + .ActionList--subGroup .ActionList-content {
- padding-left: var(--base-size-40);
+.btn-group-vertical {
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center;
}
-
-.ActionList-content[aria-expanded='true'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: scaleY(-1);
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
+ width: 100%;
}
-
-.ActionList-content[aria-expanded='true'] + .ActionList--subGroup {
- height: auto;
- overflow: visible;
- visibility: visible;
- opacity: 1;
- transform: translateY(0);
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) {
+ margin-top: -1px;
}
-
-.ActionList-content[aria-expanded='true'].ActionList-content--hasActiveSubItem > .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
}
-
-.ActionList-content[aria-expanded='false'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: scaleY(1);
+.btn-group-vertical > .btn ~ .btn,
+.btn-group-vertical > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
}
-.ActionList-content[aria-expanded='false'] + .ActionList--subGroup {
- height: 0;
- overflow: hidden;
- visibility: hidden;
- opacity: 0;
- transform: translateY(calc(var(--base-size-16) * -1));
+.nav {
+ display: flex;
+ flex-wrap: wrap;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
}
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem {
- background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
+.nav-link {
+ display: block;
+ padding: 0.5rem 1rem;
+ color: #0d6efd;
+ text-decoration: none;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
-
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+@media (prefers-reduced-motion: reduce) {
+ .nav-link {
+ transition: none;
+ }
}
-
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem::before,
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem + .ActionList-item::before {
- visibility: hidden;
+.nav-link:hover,
+.nav-link:focus {
+ color: #0a58ca;
}
-
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem::after {
- position: absolute;
- top: calc(50% - var(--base-size-12));
- left: -var(--base-size-8);
- width: var(--base-size-4);
- height: var(--base-size-24);
- content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-fg));
- border-radius: var(--borderRadius-medium);
+.nav-link.disabled {
+ color: #6c757d;
+ pointer-events: none;
+ cursor: default;
}
-.ActionList-content.ActionList-content--sizeMedium {
- padding: 10px var(--base-size-8);
+.nav-tabs {
+ border-bottom: 1px solid #dee2e6;
}
-
-.ActionList-content.ActionList-content--sizeLarge {
- padding: 14px var(--base-size-8);
+.nav-tabs .nav-link {
+ margin-bottom: -1px;
+ background: none;
+ border: 1px solid transparent;
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
}
-
-.ActionList-content.ActionList-content--fontSmall {
- font-size: 12px;
+.nav-tabs .nav-link:hover,
+.nav-tabs .nav-link:focus {
+ border-color: #e9ecef #e9ecef #dee2e6;
+ isolation: isolate;
}
-
-@media (pointer: coarse) {
- .ActionList-content {
- padding: 14px var(--base-size-8);
- }
+.nav-tabs .nav-link.disabled {
+ color: #6c757d;
+ background-color: transparent;
+ border-color: transparent;
}
-
-.ActionList-content.ActionList-content--blockDescription .ActionList-item-visual {
- place-self: start;
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+ color: #495057;
+ background-color: #fff;
+ border-color: #dee2e6 #dee2e6 #fff;
}
-
-.ActionList-item-action--leading {
- grid-area: leadingAction;
+.nav-tabs .dropdown-menu {
+ margin-top: -1px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
}
-.ActionList-item-visual--leading {
- grid-area: leadingVisual;
+.nav-pills .nav-link {
+ background: none;
+ border: 0;
+ border-radius: 0.25rem;
}
-
-.ActionList-item-label {
- grid-area: label;
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+ color: #fff;
+ background-color: #0d6efd;
}
-.ActionList-item-visual--trailing {
- grid-area: trailingVisual;
+.nav-fill > .nav-link,
+.nav-fill .nav-item {
+ flex: 1 1 auto;
+ text-align: center;
}
-.ActionList-item-action--trailing {
- grid-area: trailingAction;
+.nav-justified > .nav-link,
+.nav-justified .nav-item {
+ flex-basis: 0;
+ flex-grow: 1;
+ text-align: center;
}
-.ActionList-item-descriptionWrap {
- grid-area: label;
- display: flex;
- flex-direction: column;
+.nav-fill .nav-item .nav-link,
+.nav-justified .nav-item .nav-link {
+ width: 100%;
}
-.ActionList-item-descriptionWrap .ActionList-item-description {
- margin-top: var(--base-size-4);
+.tab-content > .tab-pane {
+ display: none;
}
-
-.ActionList-item-descriptionWrap .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+.tab-content > .active {
+ display: block;
}
-.ActionList-item-descriptionWrap--inline {
+.navbar {
position: relative;
- flex-direction: row;
- align-items: baseline;
-}
-
-.ActionList-item-descriptionWrap--inline .ActionList-item-description {
- margin-left: var(--base-size-8);
-}
-
-.ActionList-item-description {
- font-size: 12px;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1.5;
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.ActionList-item-visual,
-.ActionList-item-action {
display: flex;
- min-height: 20px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- pointer-events: none;
- fill: var(--fgColor-muted, var(--color-fg-muted));
+ flex-wrap: wrap;
align-items: center;
+ justify-content: space-between;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+.navbar > .container,
+.navbar > .container-fluid,
+.navbar > .container-sm,
+.navbar > .container-md,
+.navbar > .container-lg,
+.navbar > .container-xl,
+.navbar > .container-xxl {
+ display: flex;
+ flex-wrap: inherit;
+ align-items: center;
+ justify-content: space-between;
}
-
-.ActionList-item-label {
- position: relative;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 20px;
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.ActionList-item-label--truncate {
- overflow: hidden;
- text-overflow: ellipsis;
+.navbar-brand {
+ padding-top: 0.3125rem;
+ padding-bottom: 0.3125rem;
+ margin-right: 1rem;
+ font-size: 1.25rem;
+ text-decoration: none;
white-space: nowrap;
}
-
-.ActionList-item--subItem > .ActionList-content {
- font-size: 12px;
-}
-
-.ActionList-sectionDivider:not(:empty) {
+.navbar-nav {
display: flex;
- padding: 6px 8px;
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
flex-direction: column;
-}
-
-.ActionList-sectionDivider:empty {
- display: block;
- height: 1px;
- padding: 0;
- margin: 7px -8px 8px;
+ padding-left: 0;
+ margin-bottom: 0;
list-style: none;
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
- border: 0;
-}
-
-.ActionList-sectionDivider .ActionList-sectionDivider-title {
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.ActionList-sectionDivider--filled {
- margin: 8px -8px;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-action-list-item-inline-divider));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-action-list-item-inline-divider));
-}
-
-.ActionList-sectionDivider--filled:empty {
- height: var(--base-size-8);
- box-sizing: border-box;
}
-
-.ActionList-sectionDivider--filled:first-child {
- margin-top: 0;
-}
-
-.boxed-group {
- position: relative;
- margin-bottom: 30px;
- border-radius: var(--borderRadius-medium);
+.navbar-nav .nav-link {
+ padding-right: 0;
+ padding-left: 0;
}
-
-.boxed-group .Counter {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-neutral-emphasis, var(--color-neutral-emphasis));
+.navbar-nav .dropdown-menu {
+ position: static;
}
-.boxed-group.flush .boxed-group-inner {
- padding: 0;
+.navbar-text {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
}
-.boxed-group.condensed .boxed-group-inner {
- padding: 0;
- font-size: 12px;
+.navbar-collapse {
+ flex-basis: 100%;
+ flex-grow: 1;
+ align-items: center;
}
-.boxed-group > h3,
-.boxed-group .heading {
- display: block;
- padding: 9px 10px 10px;
- margin: 0;
- font-size: 14px;
- line-height: 17px;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-bottom: 0;
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.navbar-toggler {
+ padding: 0.25rem 0.75rem;
+ font-size: 1.25rem;
+ line-height: 1;
+ background-color: transparent;
+ border: 1px solid transparent;
+ border-radius: 0.25rem;
+ transition: box-shadow 0.15s ease-in-out;
}
-
-.boxed-group > h3 a,
-.boxed-group .heading a {
- color: inherit;
+@media (prefers-reduced-motion: reduce) {
+ .navbar-toggler {
+ transition: none;
+ }
}
-
-.boxed-group > h3 a.boxed-group-breadcrumb,
-.boxed-group .heading a.boxed-group-breadcrumb {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.navbar-toggler:hover {
text-decoration: none;
}
-
-.boxed-group > h3 .avatar,
-.boxed-group .heading .avatar {
- margin-top: calc(var(--base-size-4) * -1);
-}
-
-.boxed-group .tabnav.heading {
- padding: 0;
-}
-
-.boxed-group .tabnav.heading .tabnav-tab.selected {
- border-top: 0;
-}
-
-.boxed-group .tabnav.heading li:first-child .selected {
- border-left-color: var(--bgColor-default, var(--color-canvas-default));
- border-top-left-radius: var(--borderRadius-medium);
-}
-
-.boxed-group .tabnav-tab {
- border-top: 0;
- border-radius: 0;
-}
-
-.boxed-group code.heading {
- font-size: 12px;
-}
-
-.boxed-group.dangerzone > h3 {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-danger-emphasis, var(--color-danger-emphasis));
- border: var(--borderWidth-thin) solid var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
-}
-
-.boxed-group.dangerzone .boxed-group-inner {
- border-top: 0;
-}
-
-.boxed-group.condensed > h3 {
- padding: 6px 6px 7px;
- font-size: 12px;
-}
-
-.boxed-group.condensed > h3 .octicon {
- padding: 0 6px 0 2px;
-}
-
-.dashboard-sidebar .boxed-group {
- margin-bottom: var(--base-size-20);
+.navbar-toggler:focus {
+ text-decoration: none;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem;
}
-.boxed-group .bleed-flush {
- width: 100%;
- padding: 0 10px;
- margin-left: -10px;
+.navbar-toggler-icon {
+ display: inline-block;
+ width: 1.5em;
+ height: 1.5em;
+ vertical-align: middle;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 100%;
}
-.boxed-group .compact {
- margin-top: 10px;
- margin-bottom: 10px;
+.navbar-nav-scroll {
+ max-height: var(--bs-scroll-height, 75vh);
+ overflow-y: auto;
}
-.boxed-group-inner {
- padding: 10px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- background: var(--bgColor-default, var(--color-canvas-default));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+@media (min-width: 576px) {
+ .navbar-expand-sm {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-sm .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-sm .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-sm .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-sm .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-sm .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-sm .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-sm .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-sm .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-sm .offcanvas-top,
+ .navbar-expand-sm .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-sm .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.boxed-group-inner .markdown-body {
- padding: var(--base-size-20) 10px 10px;
- font-size: 13px;
+@media (min-width: 768px) {
+ .navbar-expand-md {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-md .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-md .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-md .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-md .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-md .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-md .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-md .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-md .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-md .offcanvas-top,
+ .navbar-expand-md .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-md .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.boxed-group-inner.markdown-body {
- padding-top: 10px;
- padding-bottom: 10px;
-}
-
-.boxed-group-inner.seamless {
- padding: 0;
-}
-
-.boxed-group-inner .tabnav {
- padding-right: 10px;
- padding-left: 10px;
- margin-right: -10px;
- margin-left: -10px;
-}
-
-.boxed-group-inner .tabnav-tab.selected {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
-}
-
-.boxed-action {
- float: right;
- margin-left: 10px;
-}
-
-.boxed-action .boxed-action {
- float: none;
- margin-left: 0;
-}
-
-.boxed-group-action {
- position: relative;
- z-index: 2;
- float: right;
- margin: 5px 10px 0 0;
-}
-
-.boxed-group-action.flush {
- margin-top: 0;
- margin-right: 0;
-}
-
-.field-with-errors {
- display: inline;
-}
-
-.boxed-group-list {
- margin: 0;
- list-style: none;
-}
-
-.boxed-group-list:first-child > li:first-child {
- border-top: 0;
-}
-
-.boxed-group-list > li {
- display: block;
- padding: 5px 10px;
- margin-right: -10px;
- margin-left: -10px;
- line-height: 23px;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
-}
-
-.boxed-group-list > li:first-child {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
-}
-
-.boxed-group-list > li:last-of-type {
- border-bottom: 0;
-}
-
-.boxed-group-list > li.selected {
- background: var(--bgColor-success-muted, var(--color-success-subtle));
-}
-
-.boxed-group-list > li.approved .btn-sm,
-.boxed-group-list > li.rejected .btn-sm {
- display: none;
-}
-
-.boxed-group-list > li.rejected a {
- text-decoration: line-through;
-}
-
-.boxed-group-list > li .avatar {
- margin-top: -2px;
- margin-right: var(--base-size-4);
-}
-
-.boxed-group-list > li .octicon {
- width: 24px;
- margin-right: var(--base-size-4);
-}
-
-.boxed-group-list > li .btn-sm {
- float: right;
- margin: -1px 0 0 10px;
-}
-
-.boxed-group-list > li .BtnGroup {
- float: right;
-}
-
-.boxed-group-list > li .BtnGroup .btn-sm {
- float: left;
-}
-
-.boxed-group.flush .boxed-group-list li {
- width: auto;
- padding-right: 0;
- padding-left: 0;
- margin-left: 0;
-}
-
-.boxed-group-list.standalone {
- margin-top: -1px;
-}
-
-.boxed-group-list.standalone > li:first-child {
- border-top: 0;
-}
-
-.boxed-group-table {
- width: 100%;
- text-align: left;
-}
-
-.boxed-group-table tr:last-child td {
- border-bottom: 0;
-}
-
-.boxed-group-table th {
- padding: 9px;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.boxed-group-table td {
- padding: 9px;
- vertical-align: top;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.ajax-error-message {
- position: fixed;
- top: 0;
- left: 50%;
- z-index: 9999;
- width: 974px;
- margin: 0 3px;
- margin-left: -487px;
- transition: top 0.5s ease-in-out;
-}
-
-.ajax-error-message > .octicon-alert {
- vertical-align: text-top;
-}
-
-.container {
- width: 980px;
- margin-right: auto;
- margin-left: auto;
-}
-
-.container::before {
- display: table;
- content: '';
-}
-
-.container::after {
- display: table;
- clear: both;
- content: '';
-}
-
-.draft.octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.closed.octicon,
-.reverted.octicon {
- color: var(--fgColor-closed, var(--color-closed-fg));
-}
-
-.open.octicon {
- color: var(--fgColor-open, var(--color-open-fg));
-}
-
-.closed.octicon.octicon-issue-closed,
-.merged.octicon {
- color: var(--fgColor-done, var(--color-done-fg));
-}
-
-.progress-bar {
- display: block;
- height: 15px;
- overflow: hidden;
- background-color: var(--borderColor-muted, var(--color-border-muted));
- border-radius: var(--borderRadius-medium);
-}
-
-.progress-bar .progress {
- display: block;
- height: 100%;
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
-}
-
-.reverse-progress-container {
- position: relative;
- height: 3px;
- background-color: var(--borderColor-muted, var(--color-border-muted));
- background-image: linear-gradient(
- to right,
- var(--bgColor-success-emphasis, var(--color-success-emphasis)),
- var(--bgColor-accent-emphasis, var(--color-accent-emphasis)),
- var(--bgColor-done-emphasis, var(--color-done-emphasis)),
- var(--bgColor-danger-emphasis, var(--color-danger-emphasis)),
- var(--bgColor-severe-emphasis, var(--color-severe-emphasis))
- );
- background-size: 100% 3px;
-}
-
-.reverse-progress-bar {
- position: absolute;
- right: 0;
- height: 100%;
- background-color: var(--borderColor-muted, var(--color-border-muted));
-}
-
-.progress-bar-small {
- height: 10px;
-}
-
-.select-menu-button::after {
- display: inline-block;
- width: 0;
- height: 0;
- vertical-align: -2px;
- content: '';
- border: var(--borderWidth-thicker) solid;
- border-right-color: transparent;
- border-bottom-color: transparent;
- border-left-color: transparent;
-}
-
-.select-menu-button.icon-only {
- padding-left: 7px;
-}
-
-.select-menu-button.primary::after {
- border-top-color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
-}
-
-.select-menu-button.primary::after:active {
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
-}
-
-.select-menu-button-large::after {
- margin-left: 0.25em;
- border-width: 0.33em;
-}
-
-.select-menu .spinner {
- float: left;
- margin: var(--base-size-4) 0 0 calc(var(--base-size-24) * -1);
-}
-
-.select-menu.active .select-menu-modal-holder {
- display: block;
-}
-
-.select-menu.select-menu-modal-right {
- position: relative;
-}
-
-.select-menu.select-menu-modal-right .select-menu-modal-holder {
- right: 0;
-}
-
-.select-menu .select-menu-clear-item {
- display: block;
-}
-
-.select-menu .select-menu-clear-item .octicon {
- color: inherit;
-}
-
-.select-menu .select-menu-clear-item + .select-menu-no-results {
- display: none !important;
-}
-
-.select-menu.is-loading .select-menu-loading-overlay {
- display: block;
-}
-
-.select-menu.is-loading .select-menu-modal {
- min-height: 200px;
-}
-
-.select-menu.has-error .select-menu-error {
- display: block;
-}
-
-.select-menu-error {
- display: none;
-}
-
-.select-menu-loading-overlay {
- position: absolute;
- top: 0;
- z-index: 5;
- display: none;
- width: 100%;
- height: 100%;
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- border: var(--borderWidth-thin) solid transparent;
- border-radius: 5px;
-}
-
-.select-menu-modal-holder {
- position: absolute;
- z-index: 30;
- display: none;
-}
-
-.select-menu-modal {
- position: relative;
- width: 300px;
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-20);
- overflow: hidden;
- font-size: 12px;
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- background-clip: padding-box;
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
- box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
-}
-
-.select-menu-header,
-.select-menu-divider {
- padding: var(--base-size-8) 10px;
- line-height: 16px;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-header .select-menu-title,
-.select-menu-divider {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-divider {
- margin-top: -1px;
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-header .close-button,
-.select-menu-header .octicon {
- display: block;
- float: right;
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: pointer;
-}
-
-.select-menu-header .close-button:hover,
-.select-menu-header .octicon:hover {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-header:focus {
- outline: none;
-}
-
-.select-menu-filters {
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
-
-.select-menu-text-filter {
- padding: 10px 10px 0;
-}
-
-.select-menu-text-filter:first-child:last-child {
- padding-bottom: 10px;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-text-filter input {
- display: block;
- width: 100%;
- max-width: 100%;
- padding: 5px;
- border: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
- border-radius: var(--borderRadius-medium);
-}
-
-.select-menu-text-filter input::placeholder {
- color: var(--fgColor-muted, var(--color-fg-subtle));
-}
-
-.select-menu-tabs {
- padding: 10px 10px 0;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-tabs ul {
- position: relative;
- bottom: -1px;
-}
-
-.select-menu-tabs .select-menu-tab {
- display: inline-block;
-}
-
-.select-menu-tabs a,
-.select-menu-tabs .select-menu-tab-nav {
- display: inline-block;
- padding: var(--base-size-4) var(--base-size-8) 2px;
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
- text-decoration: none;
- cursor: pointer;
- background: transparent;
- border: var(--borderWidth-thin) solid transparent;
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
-}
-
-.select-menu-tabs a:hover,
-.select-menu-tabs .select-menu-tab-nav:hover {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-tabs a[aria-selected='true'],
-.select-menu-tabs a.selected,
-.select-menu-tabs .select-menu-tab-nav[aria-selected='true'],
-.select-menu-tabs .select-menu-tab-nav.selected {
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- border-color: var(--borderColor-muted, var(--color-border-muted));
- border-bottom-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
-
-.select-menu-list {
- position: relative;
- max-height: 400px;
- overflow: auto;
-}
-
-.select-menu-list.is-showing-new-item-form .select-menu-new-item-form {
- display: block;
-}
-
-.select-menu-list.is-showing-new-item-form .select-menu-no-results,
-.select-menu-list.is-showing-new-item-form .select-menu-clear-item {
- display: none;
-}
-
-.select-menu-blankslate {
- padding: var(--base-size-16);
- text-align: center;
-}
-
-.select-menu-blankslate svg {
- display: block;
- margin-right: auto;
- margin-bottom: 9px;
- margin-left: auto;
- fill: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-blankslate h3 {
- font-size: 14px;
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-blankslate p {
- width: 195px;
- margin-right: auto;
- margin-bottom: 0;
- margin-left: auto;
-}
-
-.select-menu-item {
- display: block;
- padding: var(--base-size-8) var(--base-size-8) var(--base-size-8) 30px;
- overflow: hidden;
- color: inherit;
- cursor: pointer;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-item .select-menu-item-text .octicon-x {
- display: none;
- float: right;
- margin: 1px 10px 0 0;
- opacity: 0.6;
-}
-
-.select-menu-item:hover {
- text-decoration: none;
-}
-
-.select-menu-item.disabled,
-.select-menu-item[disabled],
-.select-menu-item[aria-disabled='true'],
-.select-menu-item.disabled.selected {
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: default;
-}
-
-.select-menu-item.disabled .description,
-.select-menu-item[disabled] .description,
-.select-menu-item[aria-disabled='true'] .description,
-.select-menu-item.disabled.selected .description {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-item.disabled.opaque,
-.select-menu-item[disabled].opaque,
-.select-menu-item[aria-disabled='true'].opaque,
-.select-menu-item.disabled.selected.opaque {
- opacity: 0.7;
-}
-
-.select-menu-item.disabled .select-menu-item-gravatar,
-.select-menu-item[disabled] .select-menu-item-gravatar,
-.select-menu-item[aria-disabled='true'] .select-menu-item-gravatar,
-.select-menu-item.disabled.selected .select-menu-item-gravatar {
- opacity: 0.5;
-}
-
-.select-menu-item .octicon {
- vertical-align: middle;
-}
-
-.select-menu-item .octicon-check,
-.select-menu-item .octicon-circle-slash,
-.select-menu-item input[type='radio']:not(:checked) + .octicon-check,
-.select-menu-item input[type='radio']:not(:checked) + .octicon-circle-slash {
- visibility: hidden;
-}
-
-.select-menu-item.selected .octicon-circle-slash.select-menu-item-icon {
- color: var(--fgColor-muted, var(--color-fg-muted)) !important;
-}
-
-.select-menu-item .octicon-circle-slash {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-item.excluded {
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
-}
-
-.select-menu-item input[type='radio'] {
- display: none;
-}
-
-.select-menu-item:focus {
- outline: none;
-}
-
-.select-menu-item:focus .octicon,
-.select-menu-item:hover .octicon {
- color: inherit !important;
-}
-
-.select-menu-item:hover,
-.select-menu-item:hover.selected,
-.select-menu-item:hover.select-menu-action,
-.select-menu-item:hover .description-inline,
-.select-menu-item:focus,
-.select-menu-item:focus.selected,
-.select-menu-item:focus.select-menu-action,
-.select-menu-item:focus .description-inline,
-.select-menu-item.navigation-focus,
-.select-menu-item.navigation-focus.selected,
-.select-menu-item.navigation-focus.select-menu-action,
-.select-menu-item.navigation-focus .description-inline,
-.select-menu-item.navigation-focus[aria-checked='true'],
-.select-menu-item[aria-checked='true']:focus,
-.select-menu-item[aria-checked='true']:hover,
-.select-menu-item[aria-selected='true']:hover,
-.select-menu-item[aria-selected='true']:focus,
-.select-menu-item[aria-selected='true'].select-menu-action,
-.select-menu-item[aria-selected='true'] .description-inline {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
-}
-
-.select-menu-item:hover > .octicon,
-.select-menu-item:hover.selected > .octicon,
-.select-menu-item:hover.select-menu-action > .octicon,
-.select-menu-item:hover .description-inline > .octicon,
-.select-menu-item:focus > .octicon,
-.select-menu-item:focus.selected > .octicon,
-.select-menu-item:focus.select-menu-action > .octicon,
-.select-menu-item:focus .description-inline > .octicon,
-.select-menu-item.navigation-focus > .octicon,
-.select-menu-item.navigation-focus.selected > .octicon,
-.select-menu-item.navigation-focus.select-menu-action > .octicon,
-.select-menu-item.navigation-focus .description-inline > .octicon,
-.select-menu-item.navigation-focus[aria-checked='true'] > .octicon,
-.select-menu-item[aria-checked='true']:focus > .octicon,
-.select-menu-item[aria-checked='true']:hover > .octicon,
-.select-menu-item[aria-selected='true']:hover > .octicon,
-.select-menu-item[aria-selected='true']:focus > .octicon,
-.select-menu-item[aria-selected='true'].select-menu-action > .octicon,
-.select-menu-item[aria-selected='true'] .description-inline > .octicon {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
-}
-
-.select-menu-item:hover .description,
-.select-menu-item:hover .description-warning,
-.select-menu-item:hover.selected .description,
-.select-menu-item:hover.selected .description-warning,
-.select-menu-item:hover.select-menu-action .description,
-.select-menu-item:hover.select-menu-action .description-warning,
-.select-menu-item:hover .description-inline .description,
-.select-menu-item:hover .description-inline .description-warning,
-.select-menu-item:focus .description,
-.select-menu-item:focus .description-warning,
-.select-menu-item:focus.selected .description,
-.select-menu-item:focus.selected .description-warning,
-.select-menu-item:focus.select-menu-action .description,
-.select-menu-item:focus.select-menu-action .description-warning,
-.select-menu-item:focus .description-inline .description,
-.select-menu-item:focus .description-inline .description-warning,
-.select-menu-item.navigation-focus .description,
-.select-menu-item.navigation-focus .description-warning,
-.select-menu-item.navigation-focus.selected .description,
-.select-menu-item.navigation-focus.selected .description-warning,
-.select-menu-item.navigation-focus.select-menu-action .description,
-.select-menu-item.navigation-focus.select-menu-action .description-warning,
-.select-menu-item.navigation-focus .description-inline .description,
-.select-menu-item.navigation-focus .description-inline .description-warning,
-.select-menu-item.navigation-focus[aria-checked='true'] .description,
-.select-menu-item.navigation-focus[aria-checked='true'] .description-warning,
-.select-menu-item[aria-checked='true']:focus .description,
-.select-menu-item[aria-checked='true']:focus .description-warning,
-.select-menu-item[aria-checked='true']:hover .description,
-.select-menu-item[aria-checked='true']:hover .description-warning,
-.select-menu-item[aria-selected='true']:hover .description,
-.select-menu-item[aria-selected='true']:hover .description-warning,
-.select-menu-item[aria-selected='true']:focus .description,
-.select-menu-item[aria-selected='true']:focus .description-warning,
-.select-menu-item[aria-selected='true'].select-menu-action .description,
-.select-menu-item[aria-selected='true'].select-menu-action .description-warning,
-.select-menu-item[aria-selected='true'] .description-inline .description,
-.select-menu-item[aria-selected='true'] .description-inline .description-warning {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
-}
-
-.select-menu-item:hover.disabled,
-.select-menu-item[disabled]:hover,
-.select-menu-item[aria-disabled='true']:hover,
-.select-menu-item[aria-selected='true'].disabled,
-.select-menu-item.navigation-focus.disabled {
- color: var(--fgColor-muted, var(--color-fg-muted));
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
-
-.select-menu-item:hover.disabled .description,
-.select-menu-item[disabled]:hover .description,
-.select-menu-item[aria-disabled='true']:hover .description,
-.select-menu-item[aria-selected='true'].disabled .description,
-.select-menu-item.navigation-focus.disabled .description {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-item > .octicon-dash {
- display: none;
-}
-
-.select-menu-item[aria-checked='mixed'] > .octicon-check {
- display: none;
-}
-
-.select-menu-item[aria-checked='mixed'] > .octicon-dash {
- display: block;
-}
-
-.select-menu-item input:checked + .octicon-check {
- color: inherit;
- visibility: visible;
-}
-
-details-menu .select-menu-item[aria-checked='true'],
-details-menu .select-menu-item[aria-selected='true'],
-.select-menu-item.selected {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-details-menu .select-menu-item[aria-checked='true'] .description,
-details-menu .select-menu-item[aria-selected='true'] .description,
-.select-menu-item.selected .description {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-details-menu .select-menu-item[aria-checked='true'] > .octicon,
-details-menu .select-menu-item[aria-selected='true'] > .octicon,
-.select-menu-item.selected > .octicon {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-details-menu .select-menu-item[aria-checked='true'] .octicon-check,
-details-menu .select-menu-item[aria-checked='true'] .octicon-circle-slash,
-details-menu .select-menu-item[aria-selected='true'] .octicon-check,
-details-menu .select-menu-item[aria-selected='true'] .octicon-circle-slash,
-.select-menu-item.selected .octicon-check,
-.select-menu-item.selected .octicon-circle-slash {
- color: inherit;
- visibility: visible;
-}
-
-details-menu .select-menu-item[aria-checked='true'] .select-menu-item-text .octicon-x,
-details-menu .select-menu-item[aria-selected='true'] .select-menu-item-text .octicon-x,
-.select-menu-item.selected .select-menu-item-text .octicon-x {
- display: block;
- color: inherit;
-}
-
-.select-menu.label-select-menu .select-menu-item:active {
- background-color: transparent !important;
-}
-
-.select-menu-item:hover .Label,
-.select-menu-item:focus .Label {
- color: inherit;
- border-color: currentColor;
-}
-
-.select-menu-item a {
- color: inherit;
- text-decoration: none;
+@media (min-width: 992px) {
+ .navbar-expand-lg {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-lg .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-lg .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-lg .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-lg .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-lg .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-lg .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-lg .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-lg .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-lg .offcanvas-top,
+ .navbar-expand-lg .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-lg .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.select-menu-item .hidden-select-button-text {
- display: none;
+@media (min-width: 1200px) {
+ .navbar-expand-xl {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xl .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-xl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xl .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-xl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xl .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-xl .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-xl .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-xl .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-xl .offcanvas-top,
+ .navbar-expand-xl .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-xl .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.select-menu-item .css-truncate-target {
- max-width: 100%;
+@media (min-width: 1400px) {
+ .navbar-expand-xxl {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xxl .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-xxl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xxl .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-xxl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xxl .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-xxl .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-xxl .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-xxl .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-xxl .offcanvas-top,
+ .navbar-expand-xxl .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-xxl .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.select-menu-item-icon {
- float: left;
- margin-left: -20px;
+.navbar-expand {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
}
-
-form.select-menu-item > div:first-child {
- display: none !important;
+.navbar-expand .navbar-nav {
+ flex-direction: row;
}
-
-.select-menu-list:last-child .select-menu-item:last-child,
-.select-menu-item.last-visible {
- border-bottom: 0;
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
+.navbar-expand .navbar-nav .dropdown-menu {
+ position: absolute;
}
-
-.select-menu-action {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-default, var(--color-fg-default));
+.navbar-expand .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
}
-
-.select-menu-action > .octicon {
- color: inherit;
+.navbar-expand .navbar-nav-scroll {
+ overflow: visible;
}
-
-.select-menu-action:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.navbar-expand .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
}
-
-.select-menu-no-results {
+.navbar-expand .navbar-toggler {
display: none;
- padding: 9px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: auto;
-}
-
-.select-menu-list.filterable-empty .select-menu-no-results,
-.select-menu-no-results:only-child {
- display: block;
-}
-
-.select-menu-button-gravatar,
-.select-menu-item-gravatar {
- width: 20px;
- overflow: hidden;
- line-height: 0;
-}
-
-.select-menu-button-gravatar img,
-.select-menu-item-gravatar img {
- display: inline-block;
- width: 20px;
- height: 20px;
- border-radius: var(--borderRadius-medium);
}
-
-.select-menu-item-gravatar {
- float: left;
- width: 20px;
- height: 20px;
- margin-right: var(--base-size-8);
- border-radius: var(--borderRadius-medium);
+.navbar-expand .offcanvas-header {
+ display: none;
}
-
-.select-menu-button-gravatar {
- float: left;
- margin-right: 5px;
+.navbar-expand .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
}
-
-.select-menu-item-text {
- display: block;
- text-align: left;
+.navbar-expand .offcanvas-top,
+.navbar-expand .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
}
-
-.select-menu-item-text .description {
- display: block;
- max-width: 265px;
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.navbar-expand .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
}
-.select-menu-item-text .description-inline {
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.navbar-light .navbar-brand {
+ color: rgba(0, 0, 0, 0.9);
}
-
-.select-menu-item-text .description-warning {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.navbar-light .navbar-brand:hover,
+.navbar-light .navbar-brand:focus {
+ color: rgba(0, 0, 0, 0.9);
}
-
-.select-menu-item-text mark {
- font-weight: var(--base-text-weight-semibold, 600);
- color: inherit;
- background-color: inherit;
+.navbar-light .navbar-nav .nav-link {
+ color: rgba(0, 0, 0, 0.55);
}
-
-.select-menu-item-heading {
- display: block;
- margin-top: 0;
- margin-bottom: 0;
- font-size: 14px;
- font-weight: var(--base-text-weight-semibold, 600);
+.navbar-light .navbar-nav .nav-link:hover,
+.navbar-light .navbar-nav .nav-link:focus {
+ color: rgba(0, 0, 0, 0.7);
}
-
-.select-menu-item-heading .description {
- display: inline;
- font-weight: var(--base-text-weight-normal, 400);
+.navbar-light .navbar-nav .nav-link.disabled {
+ color: rgba(0, 0, 0, 0.3);
}
-
-.select-menu-new-item-form {
- display: none;
+.navbar-light .navbar-nav .show > .nav-link,
+.navbar-light .navbar-nav .nav-link.active {
+ color: rgba(0, 0, 0, 0.9);
}
-
-.select-menu-new-item-form .octicon {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.navbar-light .navbar-toggler {
+ color: rgba(0, 0, 0, 0.55);
+ border-color: rgba(0, 0, 0, 0.1);
}
-
-.table-list {
- display: table;
- width: 100%;
- color: var(--fgColor-muted, var(--color-fg-muted));
- table-layout: fixed;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-light .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
-
-.table-list ol {
- list-style-type: decimal;
+.navbar-light .navbar-text {
+ color: rgba(0, 0, 0, 0.55);
}
-
-.table-list-bordered {
- border-bottom-color: var(--borderColor-default, var(--color-border-default));
+.navbar-light .navbar-text a,
+.navbar-light .navbar-text a:hover,
+.navbar-light .navbar-text a:focus {
+ color: rgba(0, 0, 0, 0.9);
}
-.table-list-bordered .table-list-cell:first-child {
- border-left: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-dark .navbar-brand {
+ color: #fff;
}
-
-.table-list-bordered .table-list-cell:last-child {
- border-right: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-dark .navbar-brand:hover,
+.navbar-dark .navbar-brand:focus {
+ color: #fff;
}
-
-.table-list-item {
- position: relative;
- display: table-row;
- list-style: none;
+.navbar-dark .navbar-nav .nav-link {
+ color: rgba(255, 255, 255, 0.55);
}
-
-.table-list-item.unread .table-list-cell:first-child {
- box-shadow: 2px 0 0 var(--borderColor-accent-emphasis, var(--color-accent-emphasis)) inset;
+.navbar-dark .navbar-nav .nav-link:hover,
+.navbar-dark .navbar-nav .nav-link:focus {
+ color: rgba(255, 255, 255, 0.75);
}
-
-.table-list-cell {
- position: relative;
- display: table-cell;
- padding: var(--base-size-8) 10px;
- font-size: 12px;
- vertical-align: top;
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-dark .navbar-nav .nav-link.disabled {
+ color: rgba(255, 255, 255, 0.25);
}
-
-.table-list-cell.flush-left {
- padding-left: 0;
+.navbar-dark .navbar-nav .show > .nav-link,
+.navbar-dark .navbar-nav .nav-link.active {
+ color: #fff;
}
-
-.table-list-cell.flush-right {
- padding-right: 0;
+.navbar-dark .navbar-toggler {
+ color: rgba(255, 255, 255, 0.55);
+ border-color: rgba(255, 255, 255, 0.1);
}
-
-.table-list-header {
- position: relative;
- margin-top: var(--base-size-20);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.navbar-dark .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
-
-.table-list-header::before {
- display: table;
- content: '';
+.navbar-dark .navbar-text {
+ color: rgba(255, 255, 255, 0.55);
}
-
-.table-list-header::after {
- display: table;
- clear: both;
- content: '';
+.navbar-dark .navbar-text a,
+.navbar-dark .navbar-text a:hover,
+.navbar-dark .navbar-text a:focus {
+ color: #fff;
}
-.table-list-header .btn-link {
+.card {
position: relative;
- display: inline-block;
- padding-top: 13px;
- padding-bottom: 13px;
- font-weight: var(--base-text-weight-normal, 400);
-}
-
-.table-list-heading {
- margin-left: 10px;
-}
-
-.table-list-header-meta {
- display: inline-block;
- padding-top: 13px;
- padding-bottom: 13px;
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.table-list-header-toggle h4 {
- padding: var(--base-size-12) 0;
+ display: flex;
+ flex-direction: column;
+ min-width: 0;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: border-box;
+ border: 1px solid rgba(0, 0, 0, 0.125);
+ border-radius: 0.25rem;
}
-
-.table-list-filters:first-child .table-list-header-toggle:first-child {
- padding-left: var(--base-size-16);
+.card > hr {
+ margin-right: 0;
+ margin-left: 0;
}
-
-.table-list-header-toggle.states .selected {
- font-weight: var(--base-text-weight-semibold, 600);
+.card > .list-group {
+ border-top: inherit;
+ border-bottom: inherit;
}
-
-.table-list-header-toggle .btn-link {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.card > .list-group:first-child {
+ border-top-width: 0;
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-
-.table-list-header-toggle .btn-link .octicon {
- margin-right: var(--base-size-4);
+.card > .list-group:last-child {
+ border-bottom-width: 0;
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
}
-
-.table-list-header-toggle .btn-link:hover {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
+.card > .card-header + .list-group,
+.card > .list-group + .card-footer {
+ border-top: 0;
}
-.table-list-header-toggle .btn-link.selected,
-.table-list-header-toggle .btn-link.selected:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.card-body {
+ flex: 1 1 auto;
+ padding: 1rem 1rem;
}
-.table-list-header-toggle .btn-link + .btn-link {
- margin-left: 10px;
+.card-title {
+ margin-bottom: 0.5rem;
}
-.table-list-header-toggle .btn-link:disabled,
-.table-list-header-toggle .btn-link.disabled {
- pointer-events: none;
- opacity: 0.5;
+.card-subtitle {
+ margin-top: -0.25rem;
+ margin-bottom: 0;
}
-.table-list-header-toggle .select-menu {
- position: relative;
+.card-text:last-child {
+ margin-bottom: 0;
}
-.table-list-header-toggle .select-menu-item[aria-checked='true'],
-.table-list-header-toggle .select-menu-item.selected {
- font-weight: var(--base-text-weight-semibold, 600);
+.card-link + .card-link {
+ margin-left: 1rem;
}
-.table-list-header-toggle .select-menu-button {
- padding-right: 15px;
- padding-left: 15px;
+.card-header {
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.table-list-header-toggle .select-menu-button:hover,
-.table-list-header-toggle .select-menu-button.selected,
-.table-list-header-toggle .select-menu-button.selected:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.card-header:first-child {
+ border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
-.table-list-header-toggle .select-menu-modal-holder {
- right: 10px;
+.card-footer {
+ padding: 0.5rem 1rem;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-top: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.table-list-header-toggle .select-menu-modal-holder .select-menu-modal {
- margin-top: -1px;
+.card-footer:last-child {
+ border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
-.table-list-header-next {
- margin-top: var(--base-size-20);
- margin-bottom: -1px;
+.card-header-tabs {
+ margin-right: -0.5rem;
+ margin-bottom: -0.5rem;
+ margin-left: -0.5rem;
+ border-bottom: 0;
}
-.table-list-header-next .table-list-header-select-all {
- padding-left: 14px;
+.card-header-pills {
+ margin-right: -0.5rem;
+ margin-left: -0.5rem;
}
-.table-list-header-next .select-all-dropdown {
- padding-top: 10px;
- padding-bottom: 10px;
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: 1rem;
+ border-radius: calc(0.25rem - 1px);
}
-.table-list-triage {
- display: none;
+.card-img,
+.card-img-top,
+.card-img-bottom {
+ width: 100%;
}
-.triage-mode .table-list-filters {
- display: none !important;
+.card-img,
+.card-img-top {
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-.triage-mode .table-list-triage {
- display: block;
+.card-img,
+.card-img-bottom {
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
}
-.breadcrumb {
- font-size: 16px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.card-group > .card {
+ margin-bottom: 0.75rem;
}
-
-.breadcrumb .separator {
- white-space: pre-wrap;
+@media (min-width: 576px) {
+ .card-group {
+ display: flex;
+ flex-flow: row wrap;
+ }
+ .card-group > .card {
+ flex: 1 0 0%;
+ margin-bottom: 0;
+ }
+ .card-group > .card + .card {
+ margin-left: 0;
+ border-left: 0;
+ }
+ .card-group > .card:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-top,
+ .card-group > .card:not(:last-child) .card-header {
+ border-top-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-bottom,
+ .card-group > .card:not(:last-child) .card-footer {
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-top,
+ .card-group > .card:not(:first-child) .card-header {
+ border-top-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-bottom,
+ .card-group > .card:not(:first-child) .card-footer {
+ border-bottom-left-radius: 0;
+ }
}
-.breadcrumb .separator::before,
-.breadcrumb .separator::after {
- content: ' ';
+.accordion-button {
+ position: relative;
+ display: flex;
+ align-items: center;
+ width: 100%;
+ padding: 1rem 1.25rem;
+ font-size: 1rem;
+ color: #212529;
+ text-align: left;
+ background-color: #fff;
+ border: 0;
+ border-radius: 0;
+ overflow-anchor: none;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
-
-.breadcrumb strong.final-path {
- color: var(--fgColor-default, var(--color-fg-default));
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button {
+ transition: none;
+ }
}
-
-.capped-card-content {
- display: block;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
+.accordion-button:not(.collapsed) {
+ color: #0c63e4;
+ background-color: #e7f1ff;
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
-
-.capped-card-content::before {
- display: table;
- content: '';
+.accordion-button:not(.collapsed)::after {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ transform: rotate(-180deg);
}
-
-.capped-card-content::after {
- display: table;
- clear: both;
+.accordion-button::after {
+ flex-shrink: 0;
+ width: 1.25rem;
+ height: 1.25rem;
+ margin-left: auto;
content: '';
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-size: 1.25rem;
+ transition: transform 0.2s ease-in-out;
}
-
-.collapsible-sidebar-widget-button {
- display: flex;
- padding: 0;
- align-items: center;
- background-color: transparent;
- border: 0;
- justify-content: space-between;
-}
-
-.collapsible-sidebar-widget-indicator {
- transition: transform 0.25s;
- transform: translate(0, 0) translate3d(0, 0, 0);
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button::after {
+ transition: none;
+ }
}
-
-.collapsible-sidebar-widget-loader {
- display: none;
- visibility: hidden;
- opacity: 0;
- transition: opacity 0.25s;
- animation-play-state: paused;
+.accordion-button:hover {
+ z-index: 2;
}
-
-.collapsible-sidebar-widget-content {
- width: 100%;
- max-height: 0;
- overflow: hidden;
- opacity: 0;
- transition: max-height 0.25s ease-in-out, opacity 0.25s ease-in-out;
+.accordion-button:focus {
+ z-index: 3;
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-.collapsible-sidebar-widget-loading .collapsible-sidebar-widget-indicator {
- display: none;
+.accordion-header {
+ margin-bottom: 0;
}
-.collapsible-sidebar-widget-loading .collapsible-sidebar-widget-loader {
- display: block;
- visibility: visible;
- opacity: 1;
- animation-play-state: running;
+.accordion-item {
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-content {
- max-height: 100%;
- overflow: visible;
- opacity: 1;
+.accordion-item:first-of-type {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-indicator {
- display: block;
- transform: rotate(180deg);
+.accordion-item:first-of-type .accordion-button {
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-loader {
- display: none;
- visibility: hidden;
- opacity: 0;
+.accordion-item:not(:first-of-type) {
+ border-top: 0;
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-active-hidden {
- display: none;
- opacity: 0;
+.accordion-item:last-of-type {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
}
-
-.comment .email-format {
- line-height: 1.5;
+.accordion-item:last-of-type .accordion-button.collapsed {
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
}
-
-.previewable-edit .previewable-comment-form {
- display: none;
+.accordion-item:last-of-type .accordion-collapse {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
}
-.previewable-edit .previewable-comment-form::before {
- display: table;
- content: '';
+.accordion-body {
+ padding: 1rem 1.25rem;
}
-.previewable-edit .previewable-comment-form::after {
- display: table;
- clear: both;
- content: '';
+.accordion-flush .accordion-collapse {
+ border-width: 0;
}
-
-.previewable-edit .previewable-comment-form .tabnav-tabs {
- display: inline-block;
+.accordion-flush .accordion-item {
+ border-right: 0;
+ border-left: 0;
+ border-radius: 0;
}
-
-.previewable-edit .previewable-comment-form .form-actions {
- float: right;
- margin-right: var(--base-size-8);
- margin-bottom: var(--base-size-8);
+.accordion-flush .accordion-item:first-child {
+ border-top: 0;
}
-
-.is-comment-editing .previewable-comment-form {
- display: block;
+.accordion-flush .accordion-item:last-child {
+ border-bottom: 0;
+}
+.accordion-flush .accordion-item .accordion-button {
+ border-radius: 0;
}
-.is-comment-editing .timeline-comment-actions,
-.is-comment-editing .edit-comment-hide {
- display: none;
+.breadcrumb {
+ display: flex;
+ flex-wrap: wrap;
+ padding: 0 0;
+ margin-bottom: 1rem;
+ list-style: none;
}
-.is-comment-loading .previewable-comment-form {
- opacity: 0.5;
+.breadcrumb-item + .breadcrumb-item {
+ padding-left: 0.5rem;
+}
+.breadcrumb-item + .breadcrumb-item::before {
+ float: left;
+ padding-right: 0.5rem;
+ color: #6c757d;
+ content: var(--bs-breadcrumb-divider, '/') /* rtl: var(--bs-breadcrumb-divider, "/") */;
+}
+.breadcrumb-item.active {
+ color: #6c757d;
}
-.comment-show-stale {
- display: none;
+.pagination {
+ display: flex;
+ padding-left: 0;
+ list-style: none;
}
-.is-comment-stale .comment-show-stale {
+.page-link {
+ position: relative;
display: block;
+ color: #0d6efd;
+ text-decoration: none;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
}
-
-.comment-body {
- width: 100%;
- padding: var(--base-size-16);
- overflow: visible;
- font-size: 14px;
- color: var(--fgColor-default, var(--color-fg-default));
+@media (prefers-reduced-motion: reduce) {
+ .page-link {
+ transition: none;
+ }
}
-
-.comment-body .highlight {
- overflow: visible !important;
- background-color: transparent;
+.page-link:hover {
+ z-index: 2;
+ color: #0a58ca;
+ background-color: #e9ecef;
+ border-color: #dee2e6;
}
-
-.comment-form-textarea {
- width: 100%;
- max-width: 100%;
- height: 100px;
- min-height: 100px;
- margin: 0;
- line-height: 1.6;
+.page-link:focus {
+ z-index: 3;
+ color: #0a58ca;
+ background-color: #e9ecef;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-.comment-form-textarea.dragover {
- border: solid var(--borderWidth-thin) var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+.page-item:not(:first-child) .page-link {
+ margin-left: -1px;
}
-
-.hide-reaction-suggestion:hover::before,
-.hide-reaction-suggestion:hover::after,
-.hide-reaction-suggestion:active::before,
-.hide-reaction-suggestion:active::after {
- display: none;
+.page-item.active .page-link {
+ z-index: 3;
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.reaction-suggestion[data-reaction-suggestion-message]:hover::before,
-.reaction-suggestion[data-reaction-suggestion-message]:hover::after {
- display: inline-block;
+.page-item.disabled .page-link {
+ color: #6c757d;
+ pointer-events: none;
+ background-color: #fff;
+ border-color: #dee2e6;
}
-.reaction-suggestion[data-reaction-suggestion-message]::before,
-.reaction-suggestion[data-reaction-suggestion-message]::after {
- display: inline-block;
- text-decoration: none;
- animation-name: tooltip-appear;
- animation-duration: 0.1s;
- animation-fill-mode: forwards;
- animation-timing-function: ease-in;
- animation-delay: 0s;
+.page-link {
+ padding: 0.375rem 0.75rem;
}
-.reaction-suggestion[data-reaction-suggestion-message]::after {
- content: attr(data-reaction-suggestion-message);
+.page-item:first-child .page-link {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
}
-
-.discussion-topic-header {
- position: relative;
- padding: var(--base-size-8);
- word-wrap: break-word;
+.page-item:last-child .page-link {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
}
-.comment-form-error {
- padding: var(--base-size-16) var(--base-size-8);
- margin: var(--base-size-8);
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-danger-muted, var(--color-danger-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
- border-radius: var(--borderRadius-medium);
+.pagination-lg .page-link {
+ padding: 0.75rem 1.5rem;
+ font-size: 1.25rem;
}
-
-.email-format {
- line-height: 1.5em !important;
+.pagination-lg .page-item:first-child .page-link {
+ border-top-left-radius: 0.3rem;
+ border-bottom-left-radius: 0.3rem;
}
-
-.email-format div {
- white-space: pre-wrap;
+.pagination-lg .page-item:last-child .page-link {
+ border-top-right-radius: 0.3rem;
+ border-bottom-right-radius: 0.3rem;
}
-.email-format .email-hidden-reply {
- display: none;
- white-space: pre-wrap;
+.pagination-sm .page-link {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
}
-
-.email-format .email-hidden-reply.expanded {
- display: block;
+.pagination-sm .page-item:first-child .page-link {
+ border-top-left-radius: 0.2rem;
+ border-bottom-left-radius: 0.2rem;
}
-
-.email-format .email-quoted-reply,
-.email-format .email-signature-reply {
- padding: 0 var(--base-size-16);
- margin: var(--base-size-16) 0;
- color: var(--fgColor-muted, var(--color-fg-muted));
- border-left: var(--borderWidth-thicker) solid var(--borderColor-default, var(--color-border-default));
+.pagination-sm .page-item:last-child .page-link {
+ border-top-right-radius: 0.2rem;
+ border-bottom-right-radius: 0.2rem;
}
-.email-format .email-hidden-toggle a {
+.badge {
display: inline-block;
- height: 12px;
- padding: 0 var(--base-size-8);
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- line-height: 6px;
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
- vertical-align: middle;
- background: var(--bgColor-neutral-muted, var(--color-neutral-muted));
- border-radius: 1px;
+ padding: 0.35em 0.65em;
+ font-size: 0.75em;
+ font-weight: 700;
+ line-height: 1;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: 0.25rem;
}
-
-.email-format .email-hidden-toggle a:hover {
- background-color: var(--bgColor-accent-muted, var(--color-accent-muted));
+.badge:empty {
+ display: none;
}
-.email-format .email-hidden-toggle a:active {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.btn .badge {
+ position: relative;
+ top: -1px;
}
-.comment-email-format div {
- white-space: normal;
+.alert {
+ position: relative;
+ padding: 1rem 1rem;
+ margin-bottom: 1rem;
+ border: 1px solid transparent;
+ border-radius: 0.25rem;
}
-.comment-email-format .email-hidden-reply {
- display: none;
- white-space: normal;
+.alert-heading {
+ color: inherit;
}
-.comment-email-format .email-hidden-reply.expanded {
- display: block;
+.alert-link {
+ font-weight: 700;
}
-.comment-email-format blockquote,
-.comment-email-format p {
- margin: 0;
+.alert-dismissible {
+ padding-right: 3rem;
}
-
-.locked-conversation .write-tab,
-.locked-conversation .preview-tab {
- color: #c6cbd1;
+.alert-dismissible .btn-close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+ padding: 1.25rem 1rem;
}
-.write-tab:focus,
-.preview-tab:focus {
- outline-offset: -6px !important;
+.alert-primary {
+ color: #084298;
+ background-color: #cfe2ff;
+ border-color: #b6d4fe;
}
-
-.manual-file-chooser-transparent {
- min-height: 0;
- overflow: hidden;
- opacity: 0.01;
+.alert-primary .alert-link {
+ color: #06357a;
}
-.manual-file-chooser-transparent::-webkit-file-upload-button {
- cursor: pointer;
+.alert-secondary {
+ color: #41464b;
+ background-color: #e2e3e5;
+ border-color: #d3d6d8;
}
-
-.manual-file-chooser-transparent:focus {
- opacity: 1 !important;
+.alert-secondary .alert-link {
+ color: #34383c;
}
-.rich-diff clipboard-copy {
- display: none;
+.alert-success {
+ color: #0f5132;
+ background-color: #d1e7dd;
+ border-color: #badbcc;
}
-
-.css-overflow-wrap-anywhere {
- overflow-wrap: anywhere;
+.alert-success .alert-link {
+ color: #0c4128;
}
-.commit-sha {
- padding: 0.2em 0.4em;
- font-size: 90%;
- font-weight: var(--base-text-weight-normal, 400);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
- border-radius: 0.2em;
+.alert-info {
+ color: #055160;
+ background-color: #cff4fc;
+ border-color: #b6effb;
}
-
-.commit .commit-title,
-.commit .commit-title a {
- color: var(--fgColor-default, var(--color-fg-default));
+.alert-info .alert-link {
+ color: #04414d;
}
-.commit .commit-title.blank,
-.commit .commit-title.blank a {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.alert-warning {
+ color: #664d03;
+ background-color: #fff3cd;
+ border-color: #ffecb5;
}
-
-.commit .commit-title .issue-link {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-accent, var(--color-accent-fg));
+.alert-warning .alert-link {
+ color: #523e02;
}
-.commit .sha-block,
-.commit .sha {
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 12px;
+.alert-danger {
+ color: #842029;
+ background-color: #f8d7da;
+ border-color: #f5c2c7;
}
-
-.commit.open .commit-desc {
- display: block;
+.alert-danger .alert-link {
+ color: #6a1a21;
}
-.commit-link {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-accent, var(--color-accent-fg));
+.alert-light {
+ color: #636464;
+ background-color: #fefefe;
+ border-color: #fdfdfe;
}
-
-.commit-ref {
- position: relative;
- display: inline-block;
- padding: 0 var(--base-size-4);
- font: 0.85em/1.8
- var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-radius: var(--borderRadius-medium);
+.alert-light .alert-link {
+ color: #4f5050;
}
-.commit-ref .user {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.alert-dark {
+ color: #141619;
+ background-color: #d3d3d4;
+ border-color: #bcbebf;
}
-
-a.commit-ref:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.alert-dark .alert-link {
+ color: #101214;
}
-.commit-desc {
- display: none;
+@-webkit-keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
}
-.commit-desc pre {
- max-width: 700px;
- margin-top: var(--base-size-8);
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 11px;
- line-height: 1.45;
- color: var(--fgColor-default, var(--color-fg-default));
- white-space: pre-wrap;
+@keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
}
-
-.commit-desc + .commit-branches {
- padding-top: var(--base-size-8);
- margin-top: 2px;
- border-top: solid var(--borderWidth-thin) var(--borderColor-muted, var(--color-border-subtle));
+.progress {
+ display: flex;
+ height: 1rem;
+ overflow: hidden;
+ font-size: 0.75rem;
+ background-color: #e9ecef;
+ border-radius: 0.25rem;
}
-.commit-author-section {
- color: var(--fgColor-default, var(--color-fg-default));
+.progress-bar {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ overflow: hidden;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #0d6efd;
+ transition: width 0.6s ease;
}
-
-.commit-author-section span.user-mention {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar {
+ transition: none;
+ }
}
-.commit-tease-sha {
- display: inline-block;
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
+.progress-bar-striped {
+ background-image: linear-gradient(
+ 45deg,
+ rgba(255, 255, 255, 0.15) 25%,
+ transparent 25%,
+ transparent 50%,
+ rgba(255, 255, 255, 0.15) 50%,
+ rgba(255, 255, 255, 0.15) 75%,
+ transparent 75%,
+ transparent
);
- font-size: 90%;
- color: var(--fgColor-default, var(--color-fg-default));
+ background-size: 1rem 1rem;
}
-.commits-list-item[aria-selected='true'],
-.commits-list-item.navigation-focus {
- background: #f6fbff;
+.progress-bar-animated {
+ -webkit-animation: 1s linear infinite progress-bar-stripes;
+ animation: 1s linear infinite progress-bar-stripes;
}
-
-.commits-list-item .commit-title {
- margin: 0;
- font-size: 16px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar-animated {
+ -webkit-animation: none;
+ animation: none;
+ }
}
-.commits-list-item .commit-meta {
- margin-top: 1px;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group {
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ border-radius: 0.25rem;
}
-.commits-list-item .status .octicon {
- height: 14px;
- line-height: 14px;
+.list-group-numbered {
+ list-style-type: none;
+ counter-reset: section;
}
-
-.commits-list-item .commit-author {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group-numbered > li::before {
+ content: counters(section, '.') '. ';
+ counter-increment: section;
}
-.commits-list-item .octicon-arrow-right {
- margin: 0 var(--base-size-4);
+.list-group-item-action {
+ width: 100%;
+ color: #495057;
+ text-align: inherit;
}
-
-.commits-list-item .commit-desc pre {
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group-item-action:hover,
+.list-group-item-action:focus {
+ z-index: 1;
+ color: #495057;
+ text-decoration: none;
+ background-color: #f8f9fa;
}
-
-.commits-list-item .commit-desc pre a {
- word-break: break-word;
+.list-group-item-action:active {
+ color: #212529;
+ background-color: #e9ecef;
}
-.commit-indicator {
- margin-left: var(--base-size-4);
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: 0.5rem 1rem;
+ color: #212529;
+ text-decoration: none;
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.commit-links-group {
- margin-right: var(--base-size-4);
+.list-group-item:first-child {
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit;
}
-
-.commits-list-item + .commits-list-item {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.list-group-item:last-child {
+ border-bottom-right-radius: inherit;
+ border-bottom-left-radius: inherit;
}
-
-.commit-branches {
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
+.list-group-item.disabled,
+.list-group-item:disabled {
+ color: #6c757d;
+ pointer-events: none;
+ background-color: #fff;
}
-
-.commit-branches .octicon {
- vertical-align: middle;
+.list-group-item.active {
+ z-index: 2;
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.commit-build-statuses {
- position: relative;
- display: inline-block;
- text-align: left;
+.list-group-item + .list-group-item {
+ border-top-width: 0;
}
-
-.commit-build-statuses .dropdown-menu {
- min-width: 362.6666666667px;
- max-width: 544px;
- padding-top: 0;
- padding-bottom: 0;
+.list-group-item + .list-group-item.active {
+ margin-top: -1px;
+ border-top-width: 1px;
}
-.commit-build-statuses .dropdown-menu .merge-status-list {
- max-height: 170px;
- visibility: visible;
- border-bottom: 0;
+.list-group-horizontal {
+ flex-direction: row;
}
-
-.commit-build-statuses .dropdown-menu-w,
-.commit-build-statuses .dropdown-menu-e {
- top: -11px;
+.list-group-horizontal > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
}
-
-.commit-build-statuses .merge-status-item:last-child {
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
+.list-group-horizontal > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
}
-
-.dropdown-signed-commit .dropdown-menu {
- width: 260px;
- margin-top: var(--base-size-8);
- font-size: 14px;
- line-height: 1.4;
- white-space: normal;
+.list-group-horizontal > .list-group-item.active {
+ margin-top: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
}
-.dropdown-signed-commit .dropdown-menu::after {
- border-bottom-color: var(--bgColor-muted, var(--color-canvas-subtle));
+@media (min-width: 576px) {
+ .list-group-horizontal-sm {
+ flex-direction: row;
+ }
+ .list-group-horizontal-sm > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 768px) {
+ .list-group-horizontal-md {
+ flex-direction: row;
+ }
+ .list-group-horizontal-md > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 992px) {
+ .list-group-horizontal-lg {
+ flex-direction: row;
+ }
+ .list-group-horizontal-lg > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 1200px) {
+ .list-group-horizontal-xl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xl > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 1400px) {
+ .list-group-horizontal-xxl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xxl > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+.list-group-flush {
+ border-radius: 0;
+}
+.list-group-flush > .list-group-item {
+ border-width: 0 0 1px;
+}
+.list-group-flush > .list-group-item:last-child {
+ border-bottom-width: 0;
}
-.dropdown-signed-commit .dropdown-menu-w {
- top: -28px;
- margin-top: 0;
+.list-group-item-primary {
+ color: #084298;
+ background-color: #cfe2ff;
}
-
-.dropdown-signed-commit .dropdown-menu-w::after {
- border-bottom-color: transparent;
- border-left-color: var(--bgColor-muted, var(--color-canvas-subtle));
+.list-group-item-primary.list-group-item-action:hover,
+.list-group-item-primary.list-group-item-action:focus {
+ color: #084298;
+ background-color: #bacbe6;
}
-
-.signed-commit-header {
- line-height: 1.3;
- white-space: normal;
- border-collapse: separate;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: solid var(--borderWidth-thin) var(--borderColor-default);
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+.list-group-item-primary.list-group-item-action.active {
+ color: #fff;
+ background-color: #084298;
+ border-color: #084298;
}
-.signed-commit-header .octicon-verified {
- color: var(--fgColor-success, var(--color-success-fg));
+.list-group-item-secondary {
+ color: #41464b;
+ background-color: #e2e3e5;
}
-
-.signed-commit-header .octicon-unverified {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group-item-secondary.list-group-item-action:hover,
+.list-group-item-secondary.list-group-item-action:focus {
+ color: #41464b;
+ background-color: #cbccce;
}
-
-.signed-commit-footer {
- font-size: 12px;
- line-height: 1.5;
+.list-group-item-secondary.list-group-item-action.active {
+ color: #fff;
+ background-color: #41464b;
+ border-color: #41464b;
}
-.signed-commit-cert-info {
- margin-bottom: var(--base-size-4);
+.list-group-item-success {
+ color: #0f5132;
+ background-color: #d1e7dd;
}
-
-.signed-commit-cert-info td {
- vertical-align: top;
+.list-group-item-success.list-group-item-action:hover,
+.list-group-item-success.list-group-item-action:focus {
+ color: #0f5132;
+ background-color: #bcd0c7;
}
-
-.signed-commit-cert-info td:first-child {
- width: 44px;
- padding-right: var(--base-size-12);
+.list-group-item-success.list-group-item-action.active {
+ color: #fff;
+ background-color: #0f5132;
+ border-color: #0f5132;
}
-.signed-commit-badge {
- display: inline-block;
- padding: 1px var(--base-size-4);
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
- -webkit-user-select: none;
- user-select: none;
- background: none;
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+.list-group-item-info {
+ color: #055160;
+ background-color: #cff4fc;
}
-
-.signed-commit-badge:hover {
- text-decoration: none;
- border-color: var(--borderColor-neutral-muted, var(--color-neutral-muted));
+.list-group-item-info.list-group-item-action:hover,
+.list-group-item-info.list-group-item-action:focus {
+ color: #055160;
+ background-color: #badce3;
}
-
-.signed-commit-badge.verified {
- color: var(--fgColor-success, var(--color-success-fg));
+.list-group-item-info.list-group-item-action.active {
+ color: #fff;
+ background-color: #055160;
+ border-color: #055160;
}
-.signed-commit-badge.verified:hover {
- border-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));
+.list-group-item-warning {
+ color: #664d03;
+ background-color: #fff3cd;
}
-
-.signed-commit-badge.unverified {
- color: var(--fgColor-attention, var(--color-attention-fg));
+.list-group-item-warning.list-group-item-action:hover,
+.list-group-item-warning.list-group-item-action:focus {
+ color: #664d03;
+ background-color: #e6dbb9;
}
-
-.signed-commit-badge.unverified:hover {
- border-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
+.list-group-item-warning.list-group-item-action.active {
+ color: #fff;
+ background-color: #664d03;
+ border-color: #664d03;
}
-.signed-commit-badge-small {
- height: 20px;
- margin-top: -2px;
- margin-right: var(--base-size-4);
+.list-group-item-danger {
+ color: #842029;
+ background-color: #f8d7da;
}
-
-.signed-commit-badge-medium {
- height: 20px;
- padding: var(--base-size-4) var(--base-size-8);
- font-size: 12px;
- border-radius: var(--borderRadius-medium);
+.list-group-item-danger.list-group-item-action:hover,
+.list-group-item-danger.list-group-item-action:focus {
+ color: #842029;
+ background-color: #dfc2c4;
}
-
-.signed-commit-badge-large {
- height: 24px;
- padding: var(--base-size-4) var(--base-size-12);
- margin-right: var(--base-size-8);
- font-size: 14px;
- line-height: 20px;
- border-radius: var(--borderRadius-medium);
+.list-group-item-danger.list-group-item-action.active {
+ color: #fff;
+ background-color: #842029;
+ border-color: #842029;
}
-.signed-commit-signer-name {
- font-size: 14px;
- text-align: left;
+.list-group-item-light {
+ color: #636464;
+ background-color: #fefefe;
}
-
-.signed-commit-signer-name .signer {
- display: block;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
+.list-group-item-light.list-group-item-action:hover,
+.list-group-item-light.list-group-item-action:focus {
+ color: #636464;
+ background-color: #e5e5e5;
}
-
-.copyable-terminal {
- position: relative;
- padding: var(--base-size-8) 55px var(--base-size-8) var(--base-size-8);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-radius: var(--borderRadius-medium);
+.list-group-item-light.list-group-item-action.active {
+ color: #fff;
+ background-color: #636464;
+ border-color: #636464;
}
-.copyable-terminal-content {
- overflow: auto;
+.list-group-item-dark {
+ color: #141619;
+ background-color: #d3d3d4;
}
-
-.copyable-terminal-button {
- position: absolute;
- top: 5px;
- right: 5px;
+.list-group-item-dark.list-group-item-action:hover,
+.list-group-item-dark.list-group-item-action:focus {
+ color: #141619;
+ background-color: #bebebf;
}
-
-.copyable-terminal-button .zeroclipboard-button {
- float: right;
+.list-group-item-dark.list-group-item-action.active {
+ color: #fff;
+ background-color: #141619;
+ border-color: #141619;
}
-.copyable-terminal-button .zeroclipboard-button .octicon {
- padding-left: 1px;
- margin: 0 auto;
+.btn-close {
+ box-sizing: content-box;
+ width: 1em;
+ height: 1em;
+ padding: 0.25em 0.25em;
+ color: #000;
+ background: transparent
+ url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
+ center/1em auto no-repeat;
+ border: 0;
+ border-radius: 0.25rem;
+ opacity: 0.5;
}
-
-.blob-wrapper {
- overflow-x: auto;
- overflow-y: hidden;
+.btn-close:hover {
+ color: #000;
+ text-decoration: none;
+ opacity: 0.75;
}
-
-.blob-wrapper table tr:nth-child(2n) {
- background-color: transparent;
+.btn-close:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+ opacity: 1;
}
-
-.page-edit-blob.height-full .CodeMirror {
- height: 300px;
+.btn-close:disabled,
+.btn-close.disabled {
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ opacity: 0.25;
}
-.page-edit-blob.height-full .CodeMirror,
-.page-edit-blob.height-full .CodeMirror-scroll {
- display: flex;
- flex-direction: column;
- flex: 1 1 auto;
+.btn-close-white {
+ filter: invert(1) grayscale(100%) brightness(200%);
}
-.blob-wrapper-embedded {
- max-height: 240px;
- overflow-y: auto;
+.toast {
+ width: 350px;
+ max-width: 100%;
+ font-size: 0.875rem;
+ pointer-events: auto;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ border-radius: 0.25rem;
}
-
-.diff-table {
- width: 100%;
- border-collapse: separate;
+.toast.showing {
+ opacity: 0;
}
-
-.diff-table .blob-code.blob-code-inner {
- padding-left: 22px;
+.toast:not(.show) {
+ display: none;
}
-.diff-table .line-comments {
- padding: 10px;
- vertical-align: top;
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.toast-container {
+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
+ max-width: 100%;
+ pointer-events: none;
}
-
-.diff-table .line-comments:first-child + .empty-cell {
- border-left-width: var(--borderWidth-thin);
+.toast-container > :not(:last-child) {
+ margin-bottom: 0.75rem;
}
-.diff-table tr:not(:last-child) .line-comments {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.toast-header {
+ display: flex;
+ align-items: center;
+ padding: 0.5rem 0.75rem;
+ color: #6c757d;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-
-.diff-view .blob-code-marker-context::before,
-.diff-view .blob-code-marker-injected_context::before,
-.diff-view .blob-code-marker-addition::before,
-.diff-view .blob-code-marker-deletion::before {
- top: var(--base-size-4);
+.toast-header .btn-close {
+ margin-right: -0.375rem;
+ margin-left: 0.75rem;
}
-.diff-view .line-alert,
-.diff-table .line-alert {
- position: absolute;
- left: -60px;
- margin: 2px;
+.toast-body {
+ padding: 0.75rem;
+ word-wrap: break-word;
}
-.comment-body .diff-view .line-alert {
+.modal {
+ position: fixed;
+ top: 0;
left: 0;
+ z-index: 1055;
+ display: none;
+ width: 100%;
+ height: 100%;
+ overflow-x: hidden;
+ overflow-y: auto;
+ outline: 0;
}
-.blob-num {
+.modal-dialog {
position: relative;
- width: 1%;
- min-width: 50px;
- padding-right: 10px;
- padding-left: 10px;
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 12px;
- line-height: 20px;
- color: var(--fgColor-muted, var(--color-fg-subtle));
- text-align: right;
- white-space: nowrap;
- vertical-align: top;
- cursor: pointer;
- -webkit-user-select: none;
- user-select: none;
-}
-
-.blob-num:hover {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.blob-num::before {
- content: attr(data-line-number);
+ width: auto;
+ margin: 0.5rem;
+ pointer-events: none;
}
-
-.blob-num.non-expandable {
- cursor: default;
+.modal.fade .modal-dialog {
+ transition: transform 0.3s ease-out;
+ transform: translate(0, -50px);
}
-
-.blob-num.non-expandable:hover {
- color: var(--fgColor-muted, var(--color-fg-subtle));
+@media (prefers-reduced-motion: reduce) {
+ .modal.fade .modal-dialog {
+ transition: none;
+ }
}
-
-.blob-num-hidden::before {
- visibility: hidden;
+.modal.show .modal-dialog {
+ transform: none;
}
-
-.blob-code {
- position: relative;
- padding-right: 10px;
- padding-left: 10px;
- line-height: 20px;
- vertical-align: top;
+.modal.modal-static .modal-dialog {
+ transform: scale(1.02);
}
-.copilot-chat-enabled .blob-code {
- padding-right: 54px;
+.modal-dialog-scrollable {
+ height: calc(100% - 1rem);
}
-
-.blob-code-inner {
- display: table-cell;
- overflow: visible;
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 12px;
- color: var(--fgColor-default, var(--color-fg-default));
- word-wrap: anywhere;
- white-space: pre;
+.modal-dialog-scrollable .modal-content {
+ max-height: 100%;
+ overflow: hidden;
}
-
-.blob-code-inner .x-first {
- border-top-left-radius: 0.2em;
- border-bottom-left-radius: 0.2em;
+.modal-dialog-scrollable .modal-body {
+ overflow-y: auto;
}
-.blob-code-inner .x-last {
- border-top-right-radius: 0.2em;
- border-bottom-right-radius: 0.2em;
+.modal-dialog-centered {
+ display: flex;
+ align-items: center;
+ min-height: calc(100% - 1rem);
}
-.blob-code-inner.highlighted,
-.blob-code-inner .highlighted {
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
- box-shadow: inset 2px 0 0 var(--borderColor-attention-muted, var(--color-attention-muted));
+.modal-content {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ pointer-events: auto;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 0.3rem;
+ outline: 0;
}
-.blob-code-inner::selection,
-.blob-code-inner *::selection {
- background-color: var(--selection-bgColor, var(--color-accent-muted));
+.modal-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1050;
+ width: 100vw;
+ height: 100vh;
+ background-color: #000;
}
-
-.js-blob-wrapper .blob-code-inner {
- white-space: pre-wrap;
+.modal-backdrop.fade {
+ opacity: 0;
}
-
-.blob-code-inner.blob-code-addition,
-.blob-code-inner.blob-code-deletion {
- position: relative;
- padding-left: 22px !important;
+.modal-backdrop.show {
+ opacity: 0.5;
}
-.blob-code-marker::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- padding-right: var(--base-size-8);
- content: attr(data-code-marker);
+.modal-header {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: space-between;
+ padding: 1rem 1rem;
+ border-bottom: 1px solid #dee2e6;
+ border-top-left-radius: calc(0.3rem - 1px);
+ border-top-right-radius: calc(0.3rem - 1px);
}
-
-.blob-code-context,
-.blob-code-addition,
-.blob-code-deletion {
- padding-left: 22px;
+.modal-header .btn-close {
+ padding: 0.5rem 0.5rem;
+ margin: -0.5rem -0.5rem -0.5rem auto;
}
-.blob-code-marker-addition::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: '+ ';
+.modal-title {
+ margin-bottom: 0;
+ line-height: 1.5;
}
-.blob-code-marker-deletion::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: '- ';
+.modal-body {
+ position: relative;
+ flex: 1 1 auto;
+ padding: 1rem;
}
-.blob-code-marker-context::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: ' ';
+.modal-footer {
+ display: flex;
+ flex-wrap: wrap;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: flex-end;
+ padding: 0.75rem;
+ border-top: 1px solid #dee2e6;
+ border-bottom-right-radius: calc(0.3rem - 1px);
+ border-bottom-left-radius: calc(0.3rem - 1px);
}
-
-.blob-code-marker-injected_context::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: ' ';
+.modal-footer > * {
+ margin: 0.25rem;
}
-.soft-wrap .diff-table {
- table-layout: fixed;
-}
+@media (min-width: 576px) {
+ .modal-dialog {
+ max-width: 500px;
+ margin: 1.75rem auto;
+ }
-.soft-wrap .blob-code {
- padding-left: 18px;
- text-indent: 0;
-}
+ .modal-dialog-scrollable {
+ height: calc(100% - 3.5rem);
+ }
-.soft-wrap .blob-code-inner {
- white-space: pre-wrap;
-}
+ .modal-dialog-centered {
+ min-height: calc(100% - 3.5rem);
+ }
-.soft-wrap .no-nl-marker {
- display: none;
+ .modal-sm {
+ max-width: 300px;
+ }
}
-
-.soft-wrap .add-line-comment {
- margin-top: 0;
- margin-left: -24px;
+@media (min-width: 992px) {
+ .modal-lg,
+ .modal-xl {
+ max-width: 800px;
+ }
}
-
-.soft-wrap .blob-code-context,
-.soft-wrap .blob-code-addition,
-.soft-wrap .blob-code-deletion {
- padding-left: 22px;
- text-indent: 0;
+@media (min-width: 1200px) {
+ .modal-xl {
+ max-width: 1140px;
+ }
}
-
-.blob-num-hunk,
-.blob-code-hunk,
-.blob-num-expandable {
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
+.modal-fullscreen {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
}
-
-.blob-num-hunk,
-.blob-num-expandable {
- background-color: var(--diffBlob-hunkNum-bgColor-rest, var(--diffBlob-hunk-bgColor-num));
+.modal-fullscreen .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
}
-
-.blob-code-hunk {
- padding-top: var(--base-size-4);
- padding-bottom: var(--base-size-4);
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-width: var(--borderWidth-thin) 0;
+.modal-fullscreen .modal-header {
+ border-radius: 0;
}
-
-.blob-expanded .blob-num:not(.blob-num-context-outside-diff),
-.blob-expanded .blob-code:not(.blob-code-context) {
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
+.modal-fullscreen .modal-body {
+ overflow-y: auto;
}
-
-.blob-expanded + tr.show-top-border:not(.blob-expanded) .blob-num,
-.blob-expanded + tr.show-top-border:not(.blob-expanded) .blob-code {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+.modal-fullscreen .modal-footer {
+ border-radius: 0;
}
-.blob-expanded tr.show-top-border .blob-num-hunk,
-.blob-expanded tr.show-top-border .blob-num {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+@media (max-width: 575.98px) {
+ .modal-fullscreen-sm-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-sm-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-sm-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-tr.show-top-border + .blob-expanded .blob-num,
-tr.show-top-border + .blob-expanded .blob-code {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+@media (max-width: 767.98px) {
+ .modal-fullscreen-md-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-md-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-md-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable {
- width: auto;
- padding: 0;
- font-size: 12px;
- text-align: center;
+@media (max-width: 991.98px) {
+ .modal-fullscreen-lg-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-lg-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-lg-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable .directional-expander {
- display: block;
- width: auto;
- height: auto;
- margin-right: -1px;
- color: var(--diffBlob-expander-iconColor, var(--color-diff-blob-expander-icon));
- cursor: pointer;
+@media (max-width: 1199.98px) {
+ .modal-fullscreen-xl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-xl-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable .single-expander {
- padding-top: var(--base-size-4);
- padding-bottom: var(--base-size-4);
+@media (max-width: 1399.98px) {
+ .modal-fullscreen-xxl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-xxl-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable .directional-expander:hover {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
+.tooltip {
+ position: absolute;
+ z-index: 1080;
+ display: block;
+ margin: 0;
+ font-family: var(--bs-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
text-shadow: none;
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.875rem;
+ word-wrap: break-word;
+ opacity: 0;
}
-
-.blob-code-addition {
- background-color: var(--diffBlob-additionLine-bgColor, var(--diffBlob-addition-bgColor-line));
- outline: 1px dotted transparent;
+.tooltip.show {
+ opacity: 0.9;
}
-
-.blob-code-addition .x {
- color: var(--diffBlob-additionWord-fgColor, var(--diffBlob-addition-fgColor-text));
- background-color: var(--diffBlob-additionWord-bgColor, var(--diffBlob-addition-bgColor-word));
+.tooltip .tooltip-arrow {
+ position: absolute;
+ display: block;
+ width: 0.8rem;
+ height: 0.4rem;
}
-
-.blob-num-addition {
- color: var(--diffBlob-additionNum-fgColor, var(--diffBlob-addition-fgColor-num));
- background-color: var(--diffBlob-additionNum-bgColor, var(--diffBlob-addition-bgColor-num));
- border-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));
+.tooltip .tooltip-arrow::before {
+ position: absolute;
+ content: '';
+ border-color: transparent;
+ border-style: solid;
}
-.blob-num-addition:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.bs-tooltip-top,
+.bs-tooltip-auto[data-popper-placement^='top'] {
+ padding: 0.4rem 0;
}
-
-.blob-code-deletion {
- background-color: var(--diffBlob-deletionLine-bgColor, var(--diffBlob-deletion-bgColor-line));
- outline: 1px dashed transparent;
+.bs-tooltip-top .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow {
+ bottom: 0;
}
-
-.blob-code-deletion .x {
- color: var(--diffBlob-deletionWord-fgColor, var(--diffBlob-deletion-fgColor-text));
- background-color: var(--diffBlob-deletionWord-bgColor, var(--diffBlob-deletion-bgColor-word));
+.bs-tooltip-top .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow::before {
+ top: -1px;
+ border-width: 0.4rem 0.4rem 0;
+ border-top-color: #000;
}
-.blob-num-deletion {
- color: var(--diffBlob-deletionNum-fgColor, var(--diffBlob-deletion-fgColor-num));
- background-color: var(--diffBlob-deletionNum-bgColor, var(--diffBlob-deletion-bgColor-num));
- border-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
+.bs-tooltip-end,
+.bs-tooltip-auto[data-popper-placement^='right'] {
+ padding: 0 0.4rem;
}
-
-.blob-num-deletion:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.bs-tooltip-end .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow {
+ left: 0;
+ width: 0.4rem;
+ height: 0.8rem;
}
-
-.is-selecting {
- cursor: ns-resize !important;
+.bs-tooltip-end .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow::before {
+ right: -1px;
+ border-width: 0.4rem 0.4rem 0.4rem 0;
+ border-right-color: #000;
}
-.is-selecting .blob-num {
- cursor: ns-resize !important;
+.bs-tooltip-bottom,
+.bs-tooltip-auto[data-popper-placement^='bottom'] {
+ padding: 0.4rem 0;
}
-
-.is-selecting .add-line-comment,
-.is-selecting a {
- pointer-events: none;
- cursor: ns-resize !important;
+.bs-tooltip-bottom .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow {
+ top: 0;
}
-
-.is-selecting .is-hovered .add-line-comment {
- opacity: 0;
+.bs-tooltip-bottom .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow::before {
+ bottom: -1px;
+ border-width: 0 0.4rem 0.4rem;
+ border-bottom-color: #000;
}
-.is-selecting.file-diff-split {
- cursor: nwse-resize !important;
+.bs-tooltip-start,
+.bs-tooltip-auto[data-popper-placement^='left'] {
+ padding: 0 0.4rem;
}
-
-.is-selecting.file-diff-split .blob-num {
- cursor: nwse-resize !important;
+.bs-tooltip-start .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow {
+ right: 0;
+ width: 0.4rem;
+ height: 0.8rem;
}
-
-.is-selecting.file-diff-split .empty-cell,
-.is-selecting.file-diff-split .add-line-comment,
-.is-selecting.file-diff-split a {
- pointer-events: none;
- cursor: nwse-resize !important;
+.bs-tooltip-start .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow::before {
+ left: -1px;
+ border-width: 0.4rem 0 0.4rem 0.4rem;
+ border-left-color: #000;
}
-.selected-line {
- position: relative;
+.tooltip-inner {
+ max-width: 200px;
+ padding: 0.25rem 0.5rem;
+ color: #fff;
+ text-align: center;
+ background-color: #000;
+ border-radius: 0.25rem;
}
-.selected-line::after {
+.popover {
position: absolute;
top: 0;
- left: 0;
+ left: 0 /* rtl:ignore */;
+ z-index: 1070;
display: block;
- width: 100%;
- height: 100%;
- box-sizing: border-box;
- pointer-events: none;
- content: '';
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
- mix-blend-mode: var(--color-diff-blob-selected-line-highlight-mix-blend-mode);
-}
-
-.selected-line.selected-line-top::after {
- border-top: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
-}
-
-.selected-line.selected-line-bottom::after {
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
-}
-
-.selected-line:first-child::after,
-.selected-line.selected-line-left::after {
- border-left: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
+ max-width: 276px;
+ font-family: var(--bs-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.875rem;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 0.3rem;
}
-
-.selected-line:last-child::after,
-.selected-line.selected-line-right::after {
- border-right: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
+.popover .popover-arrow {
+ position: absolute;
+ display: block;
+ width: 1rem;
+ height: 0.5rem;
}
-
-.is-commenting .selected-line.blob-code::before {
+.popover .popover-arrow::before,
+.popover .popover-arrow::after {
position: absolute;
- top: 0;
- left: -1px;
display: block;
- width: 4px;
- height: 100%;
content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
-}
-
-.add-line-comment {
- position: relative;
- z-index: 1;
- float: left;
- width: 22px;
- height: 22px;
- margin: -2px -10px -2px -32px;
- line-height: 21px;
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- text-align: center;
- text-indent: 0;
- cursor: pointer;
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
- border-radius: var(--borderRadius-medium);
- box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium));
- opacity: 0;
- transition: transform 0.1s ease-in-out;
- transform: scale(0.8, 0.8);
+ border-color: transparent;
+ border-style: solid;
}
-.add-line-comment:hover {
- transform: scale(1, 1);
+.bs-popover-top > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow {
+ bottom: calc(-0.5rem - 1px);
}
-
-.is-hovered .add-line-comment,
-.add-line-comment:focus {
- opacity: 1;
+.bs-popover-top > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before {
+ bottom: 0;
+ border-width: 0.5rem 0.5rem 0;
+ border-top-color: rgba(0, 0, 0, 0.25);
}
-
-.add-line-comment .octicon {
- vertical-align: text-top;
- pointer-events: none;
+.bs-popover-top > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::after {
+ bottom: 1px;
+ border-width: 0.5rem 0.5rem 0;
+ border-top-color: #fff;
}
-.add-line-comment.octicon-check {
- background: #333;
- opacity: 1;
+.bs-popover-end > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow {
+ left: calc(-0.5rem - 1px);
+ width: 0.5rem;
+ height: 1rem;
}
-
-.inline-comment-form {
- border: var(--borderWidth-thin) solid #dfe2e5;
- border-radius: var(--borderRadius-medium);
+.bs-popover-end > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before {
+ left: 0;
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+ border-right-color: rgba(0, 0, 0, 0.25);
}
-
-.timeline-inline-comments {
- width: 100%;
- table-layout: fixed;
+.bs-popover-end > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::after {
+ left: 1px;
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+ border-right-color: #fff;
}
-.timeline-inline-comments .inline-comments,
-.show-inline-notes .inline-comments {
- display: table-row;
+.bs-popover-bottom > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow {
+ top: calc(-0.5rem - 1px);
}
-
-.inline-comments {
- display: none;
+.bs-popover-bottom > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before {
+ top: 0;
+ border-width: 0 0.5rem 0.5rem 0.5rem;
+ border-bottom-color: rgba(0, 0, 0, 0.25);
}
-
-.inline-comments .line-comments + .blob-num {
- border-left-width: var(--borderWidth-thin);
+.bs-popover-bottom > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::after {
+ top: 1px;
+ border-width: 0 0.5rem 0.5rem 0.5rem;
+ border-bottom-color: #fff;
}
-
-.inline-comments .timeline-comment {
- margin-bottom: 10px;
+.bs-popover-bottom .popover-header::before,
+.bs-popover-auto[data-popper-placement^='bottom'] .popover-header::before {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ display: block;
+ width: 1rem;
+ margin-left: -0.5rem;
+ content: '';
+ border-bottom: 1px solid #f0f0f0;
}
-.inline-comments .inline-comment-form,
-.inline-comments .inline-comment-form-container {
- max-width: 780px;
+.bs-popover-start > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow {
+ right: calc(-0.5rem - 1px);
+ width: 0.5rem;
+ height: 1rem;
}
-
-.comment-holder {
- max-width: 780px;
+.bs-popover-start > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before {
+ right: 0;
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+ border-left-color: rgba(0, 0, 0, 0.25);
}
-
-.comment-holder + .comment-holder {
- margin-top: var(--base-size-16);
+.bs-popover-start > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::after {
+ right: 1px;
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+ border-left-color: #fff;
}
-.line-comments + .line-comments,
-.empty-cell + .line-comments {
- border-left: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+.popover-header {
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ font-size: 1rem;
+ background-color: #f0f0f0;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ border-top-left-radius: calc(0.3rem - 1px);
+ border-top-right-radius: calc(0.3rem - 1px);
}
-
-.inline-comment-form-container .inline-comment-form-box,
-.inline-comment-form-container.open .inline-comment-form-actions {
+.popover-header:empty {
display: none;
}
-.inline-comment-form-container .inline-comment-form-actions,
-.inline-comment-form-container.open .inline-comment-form-box {
- display: block;
-}
-
-body.full-width .container,
-body.full-width .container-lg:not(.markdown-body),
-body.full-width .container-xl {
- width: 100%;
- max-width: none;
- padding-right: var(--base-size-20);
- padding-left: var(--base-size-20);
-}
-
-body.full-width .repository-content {
- width: 100%;
-}
-
-body.full-width .new-pr-form {
- max-width: 980px;
+.popover-body {
+ padding: 1rem 1rem;
+ color: #212529;
}
-.file-diff-split {
- table-layout: fixed;
+.carousel {
+ position: relative;
}
-.file-diff-split .blob-code + .blob-num {
- border-left: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+.carousel.pointer-event {
+ touch-action: pan-y;
}
-.file-diff-split .blob-code-inner {
- white-space: pre-wrap;
+.carousel-inner {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
}
-
-.file-diff-split .empty-cell {
- cursor: default;
- background-color: var(--diffBlob-emptyLine-bgColor, var(--bgColor-muted));
- border-right-color: var(--borderColor-muted, var(--color-border-muted));
+.carousel-inner::after {
+ display: block;
+ clear: both;
+ content: '';
}
-@media (max-width: 1280px) {
- .file-diff-split .write-selected .comment-form-head.tabnav:not(.CommentBox-header) {
- margin-bottom: var(--base-size-80) !important;
- }
-
- .file-diff-split .tabnav:not(.CommentBox-header) markdown-toolbar {
- position: absolute;
- top: 47px;
- right: 0;
- left: 0;
- height: 64px;
- align-items: center !important;
- }
+.carousel-item {
+ position: relative;
+ display: none;
+ float: left;
+ width: 100%;
+ margin-right: -100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ transition: transform 0.6s ease-in-out;
}
-
-@media (min-width: 1280px) {
- .file-diff-split .write-selected .comment-form-head.tabnav:not(.CommentBox-header) .tabnav-tabs {
- align-self: end;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-item {
+ transition: none;
}
}
-.submodule-diff-stats .octicon-diff-removed {
- color: var(--fgColor-danger, var(--color-danger-fg));
-}
-
-.submodule-diff-stats .octicon-diff-renamed {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.submodule-diff-stats .octicon-diff-modified {
- color: var(--fgColor-attention, var(--color-attention-fg));
-}
-
-.submodule-diff-stats .octicon-diff-added {
- color: var(--fgColor-success, var(--color-success-fg));
-}
-
-.BlobToolbar {
- left: -17px;
-}
-
-.BlobToolbar-dropdown {
- margin-left: -2px;
-}
-
-.pl-token:hover,
-.pl-token.active {
- cursor: pointer;
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
-}
-
-.diffstat {
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- cursor: default;
-}
-
-.diffstat-block-deleted,
-.diffstat-block-added,
-.diffstat-block-neutral {
- display: inline-block;
- width: var(--base-size-8);
- height: var(--base-size-8);
- margin-left: 1px;
-}
-
-.diffstat-block-deleted {
- background-color: var(--bgColor-danger-emphasis, var(--color-danger-emphasis));
-}
-
-.diffstat-block-added {
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
-}
-
-.diffstat-block-neutral {
- background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted));
- outline: 1px solid var(--borderColor-muted, var(--color-border-subtle));
- outline-offset: -1px;
-}
-
-.discussion-sidebar-item {
- padding-top: var(--base-size-16);
- font-size: 12px;
-}
-
-.discussion-sidebar-item .btn .octicon {
- margin-right: 0;
-}
-
-.discussion-sidebar-item .muted-icon {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.discussion-sidebar-item .muted-icon:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- cursor: pointer;
-}
-
-.discussion-sidebar-item + .discussion-sidebar-item {
- margin-top: var(--base-size-16);
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.discussion-sidebar-item .select-menu {
- position: relative;
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+ display: block;
}
-.discussion-sidebar-item .select-menu-modal-holder {
- top: 25px;
- right: -1px;
- left: auto;
+/* rtl:begin:ignore */
+.carousel-item-next:not(.carousel-item-start),
+.active.carousel-item-end {
+ transform: translateX(100%);
}
-.discussion-sidebar-heading {
- margin-bottom: var(--base-size-8);
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.carousel-item-prev:not(.carousel-item-end),
+.active.carousel-item-start {
+ transform: translateX(-100%);
}
-.discussion-sidebar-toggle {
- padding: var(--base-size-4) 0;
- margin: calc(var(--base-size-4) * -1) 0 var(--base-size-4);
+/* rtl:end:ignore */
+.carousel-fade .carousel-item {
+ opacity: 0;
+ transition-property: opacity;
+ transform: none;
}
-
-.discussion-sidebar-toggle .octicon {
- float: right;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-start,
+.carousel-fade .carousel-item-prev.carousel-item-end {
+ z-index: 1;
+ opacity: 1;
}
-
-.discussion-sidebar-toggle:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- cursor: pointer;
+.carousel-fade .active.carousel-item-start,
+.carousel-fade .active.carousel-item-end {
+ z-index: 0;
+ opacity: 0;
+ transition: opacity 0s 0.6s;
}
-
-.discussion-sidebar-toggle:hover .octicon {
- color: inherit;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-fade .active.carousel-item-start,
+ .carousel-fade .active.carousel-item-end {
+ transition: none;
+ }
}
-button.discussion-sidebar-toggle {
- display: block;
- width: 100%;
- font-weight: var(--base-text-weight-semibold, 600);
- text-align: left;
+.carousel-control-prev,
+.carousel-control-next {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 15%;
+ padding: 0;
+ color: #fff;
+ text-align: center;
background: none;
border: 0;
+ opacity: 0.5;
+ transition: opacity 0.15s ease;
}
-
-.sidebar-progress-bar .progress-bar {
- height: var(--base-size-8);
- margin-bottom: 2px;
- border-radius: var(--borderRadius-medium);
-}
-
-.sidebar-assignee .css-truncate-target {
- max-width: 110px;
-}
-
-.sidebar-assignee .assignee {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-control-prev,
+ .carousel-control-next {
+ transition: none;
+ }
}
-
-.sidebar-assignee .assignee:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.carousel-control-prev:hover,
+.carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
+ color: #fff;
text-decoration: none;
+ outline: 0;
+ opacity: 0.9;
}
-.sidebar-assignee .reviewers-status-icon {
- width: 14px;
-}
-
-.sidebar-assignee .octicon {
- margin-top: 2px;
-}
-
-.sidebar-notifications {
- position: relative;
-}
-
-.sidebar-notifications .thread-subscription-status {
- padding: 0;
- margin: 0;
- border: 0;
-}
-
-.sidebar-notifications .thread-subscription-status .thread-subscribe-form {
- display: block;
-}
-
-.sidebar-notifications .thread-subscription-status .reason {
- padding: 0;
- margin: var(--base-size-4) 0 0;
+.carousel-control-prev {
+ left: 0;
}
-.participation .participant-avatar {
- float: left;
- margin: var(--base-size-4) 0 0 var(--base-size-4);
+.carousel-control-next {
+ right: 0;
}
-.participation a {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ background-repeat: no-repeat;
+ background-position: 50%;
+ background-size: 100% 100%;
}
-.participation a:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
+/* rtl:options: {
+ "autoRename": true,
+ "stringMap":[ {
+ "name" : "prev-next",
+ "search" : "prev",
+ "replace" : "next"
+ } ]
+} */
+.carousel-control-prev-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
-.participation-avatars {
- margin-left: calc(var(--base-size-4) * -1);
+.carousel-control-next-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
-.participation-avatars::before {
- display: table;
- content: '';
+.carousel-indicators {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 2;
+ display: flex;
+ justify-content: center;
+ padding: 0;
+ margin-right: 15%;
+ margin-bottom: 1rem;
+ margin-left: 15%;
+ list-style: none;
}
-
-.participation-avatars::after {
- display: table;
- clear: both;
- content: '';
+.carousel-indicators [data-bs-target] {
+ box-sizing: content-box;
+ flex: 0 1 auto;
+ width: 30px;
+ height: 3px;
+ padding: 0;
+ margin-right: 3px;
+ margin-left: 3px;
+ text-indent: -999px;
+ cursor: pointer;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 0;
+ border-top: 10px solid transparent;
+ border-bottom: 10px solid transparent;
+ opacity: 0.5;
+ transition: opacity 0.6s ease;
}
-
-.participation-more {
- float: left;
- margin: var(--base-size-8) var(--base-size-4) 0;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-indicators [data-bs-target] {
+ transition: none;
+ }
}
-
-.inline-comment-form .form-actions,
-.timeline-new-comment .form-actions {
- padding: 0 var(--base-size-8) var(--base-size-8);
+.carousel-indicators .active {
+ opacity: 1;
}
-.inline-comment-form::before {
- display: table;
- content: '';
+.carousel-caption {
+ position: absolute;
+ right: 15%;
+ bottom: 1.25rem;
+ left: 15%;
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ color: #fff;
+ text-align: center;
}
-.inline-comment-form::after {
- display: table;
- clear: both;
- content: '';
+.carousel-dark .carousel-control-prev-icon,
+.carousel-dark .carousel-control-next-icon {
+ filter: invert(1) grayscale(100);
}
-
-.inline-comment-form .tabnav-tabs {
- display: inline-block;
+.carousel-dark .carousel-indicators [data-bs-target] {
+ background-color: #000;
}
-
-.inline-comment-form .form-actions {
- float: right;
+.carousel-dark .carousel-caption {
+ color: #000;
}
-.gh-header-actions {
- float: right;
- margin-top: var(--base-size-4);
+@-webkit-keyframes spinner-border {
+ to {
+ transform: rotate(360deg) /* rtl:ignore */;
+ }
}
-.gh-header-actions .btn-sm {
- float: left;
- margin-left: var(--base-size-4);
+@keyframes spinner-border {
+ to {
+ transform: rotate(360deg) /* rtl:ignore */;
+ }
}
-
-.gh-header-actions .btn-sm .octicon {
- margin-right: 0;
+.spinner-border {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ vertical-align: -0.125em;
+ border: 0.25em solid currentColor;
+ border-right-color: transparent;
+ border-radius: 50%;
+ -webkit-animation: 0.75s linear infinite spinner-border;
+ animation: 0.75s linear infinite spinner-border;
}
-.gh-header {
- background-color: var(--bgColor-default, var(--color-canvas-default));
+.spinner-border-sm {
+ width: 1rem;
+ height: 1rem;
+ border-width: 0.2em;
}
-.gh-header .gh-header-sticky {
- height: 1px;
+@-webkit-keyframes spinner-grow {
+ 0% {
+ transform: scale(0);
+ }
+ 50% {
+ opacity: 1;
+ transform: none;
+ }
}
-.gh-header .gh-header-sticky .meta {
- font-size: 12px;
+@keyframes spinner-grow {
+ 0% {
+ transform: scale(0);
+ }
+ 50% {
+ opacity: 1;
+ transform: none;
+ }
}
-
-.gh-header .gh-header-sticky .sticky-content,
-.gh-header .gh-header-sticky .gh-header-shadow {
- display: none;
+.spinner-grow {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ vertical-align: -0.125em;
+ background-color: currentColor;
+ border-radius: 50%;
+ opacity: 0;
+ -webkit-animation: 0.75s linear infinite spinner-grow;
+ animation: 0.75s linear infinite spinner-grow;
}
-.gh-header .gh-header-sticky.is-stuck {
- z-index: 110;
- height: 60px;
+.spinner-grow-sm {
+ width: 1rem;
+ height: 1rem;
}
-.gh-header .gh-header-sticky.is-stuck .sticky-content {
- display: block;
+@media (prefers-reduced-motion: reduce) {
+ .spinner-border,
+ .spinner-grow {
+ -webkit-animation-duration: 1.5s;
+ animation-duration: 1.5s;
+ }
}
-
-.gh-header .gh-header-sticky.is-stuck .css-truncate-target {
- max-width: 150px;
+.offcanvas {
+ position: fixed;
+ bottom: 0;
+ z-index: 1045;
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ visibility: hidden;
+ background-color: #fff;
+ background-clip: padding-box;
+ outline: 0;
+ transition: transform 0.3s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .offcanvas {
+ transition: none;
+ }
}
-.gh-header .gh-header-sticky.is-stuck + .gh-header-shadow {
+.offcanvas-backdrop {
position: fixed;
top: 0;
- right: 0;
left: 0;
- z-index: 109;
- display: block;
- height: 60px;
- content: '';
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+ z-index: 1040;
+ width: 100vw;
+ height: 100vh;
+ background-color: #000;
}
-
-.gh-header .gh-header-edit {
- display: none;
+.offcanvas-backdrop.fade {
+ opacity: 0;
}
-
-.gh-header .gh-header-meta .base-ref {
- display: inline-block;
+.offcanvas-backdrop.show {
+ opacity: 0.5;
}
-.gh-header .gh-header-meta .commit-ref-dropdown {
- display: none;
+.offcanvas-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 1rem 1rem;
}
-
-.gh-header.open .gh-header-show {
- display: none;
+.offcanvas-header .btn-close {
+ padding: 0.5rem 0.5rem;
+ margin-top: -0.5rem;
+ margin-right: -0.5rem;
+ margin-bottom: -0.5rem;
}
-.gh-header.open .gh-header-edit {
- display: block;
+.offcanvas-title {
+ margin-bottom: 0;
+ line-height: 1.5;
}
-.gh-header.open .gh-header-meta .base-ref {
- display: none;
+.offcanvas-body {
+ flex-grow: 1;
+ padding: 1rem 1rem;
+ overflow-y: auto;
}
-.gh-header.open .gh-header-meta .commit-ref-dropdown {
- display: inline-block;
- margin-top: calc(var(--base-size-4) * -1);
- vertical-align: top;
+.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: 400px;
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateX(-100%);
}
-.gh-header-title {
- margin-right: 150px;
- margin-bottom: 0;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1.125;
- word-wrap: break-word;
+.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: 400px;
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateX(100%);
}
-.gh-header-no-access .gh-header-title {
- margin-right: 0;
+.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: 30vh;
+ max-height: 100%;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateY(-100%);
}
-.gh-header-number {
- font-weight: var(--base-text-weight-light, 300);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: 30vh;
+ max-height: 100%;
+ border-top: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateY(100%);
}
-.gh-header-meta {
- padding-bottom: var(--base-size-8);
- margin-top: var(--base-size-8);
- font-size: 14px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.offcanvas.show {
+ transform: none;
}
-.gh-header.issue .gh-header-meta {
- margin-bottom: var(--base-size-16);
+.placeholder {
+ display: inline-block;
+ min-height: 1em;
+ vertical-align: middle;
+ cursor: wait;
+ background-color: currentColor;
+ opacity: 0.5;
}
-
-.gh-header.pull .gh-header-meta {
- padding-bottom: 0;
- border-bottom: 0;
+.placeholder.btn::before {
+ display: inline-block;
+ content: '';
}
-.gh-header-meta .commit-ref .css-truncate-target,
-.gh-header-meta .commit-ref:hover .css-truncate-target {
- max-width: 80vw;
+.placeholder-xs {
+ min-height: 0.6em;
}
-.gh-header-meta .State {
- margin-right: var(--base-size-8);
+.placeholder-sm {
+ min-height: 0.8em;
}
-.gh-header-meta .avatar {
- float: left;
- margin-top: calc(var(--base-size-4) * -1);
- margin-right: var(--base-size-4);
+.placeholder-lg {
+ min-height: 1.2em;
}
-.timeline-comment-wrapper {
- position: relative;
- padding-left: 56px;
- margin-top: var(--base-size-16);
- margin-bottom: var(--base-size-16);
+.placeholder-glow .placeholder {
+ -webkit-animation: placeholder-glow 2s ease-in-out infinite;
+ animation: placeholder-glow 2s ease-in-out infinite;
}
-.timeline-comment-avatar {
- float: left;
- margin-left: -56px;
- border-radius: var(--borderRadius-medium);
+@-webkit-keyframes placeholder-glow {
+ 50% {
+ opacity: 0.2;
+ }
}
-.timeline-comment-avatar .avatar {
- width: var(--base-size-40);
- height: var(--base-size-40);
+@keyframes placeholder-glow {
+ 50% {
+ opacity: 0.2;
+ }
}
-
-.timeline-comment-avatar .avatar-child {
- width: 20px;
- height: 20px;
+.placeholder-wave {
+ -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+ mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+ -webkit-mask-size: 200% 100%;
+ mask-size: 200% 100%;
+ -webkit-animation: placeholder-wave 2s linear infinite;
+ animation: placeholder-wave 2s linear infinite;
}
-.timeline-comment {
- position: relative;
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
+@-webkit-keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0%;
+ mask-position: -200% 0%;
+ }
}
-.timeline-comment.will-transition-once {
- transition: border-color 0.65s ease-in-out;
+@keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0%;
+ mask-position: -200% 0%;
+ }
}
-
-.timeline-comment.will-transition-once .timeline-comment-header {
- transition: background-color 0.65s ease, border-bottom-color 0.65s ease-in-out;
+.clearfix::after {
+ display: block;
+ clear: both;
+ content: '';
}
-.timeline-comment.will-transition-once::before,
-.timeline-comment.will-transition-once::after {
- transition: border-right-color 0.65s ease-in-out;
+.link-primary {
+ color: #0d6efd;
}
-
-.timeline-comment.current-user {
- border-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-primary:hover,
+.link-primary:focus {
+ color: #0a58ca;
}
-.timeline-comment.current-user .timeline-comment-header {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-bottom-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-secondary {
+ color: #6c757d;
}
-
-.timeline-comment.current-user .Label {
- border-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-secondary:hover,
+.link-secondary:focus {
+ color: #565e64;
}
-.timeline-comment.current-user .previewable-comment-form .comment-form-head.tabnav {
- color: var(--borderColor-accent-muted, var(--color-accent-muted));
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-bottom-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-success {
+ color: #198754;
}
-
-.timeline-comment.unread-item,
-.timeline-comment.is-internal {
- border-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-success:hover,
+.link-success:focus {
+ color: #146c43;
}
-.timeline-comment.unread-item .timeline-comment-header,
-.timeline-comment.is-internal .timeline-comment-header {
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
- border-bottom-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-info {
+ color: #0dcaf0;
}
-
-.timeline-comment.unread-item .Label,
-.timeline-comment.is-internal .Label {
- border-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-info:hover,
+.link-info:focus {
+ color: #3dd5f3;
}
-.timeline-comment.unread-item .previewable-comment-form .comment-form-head.tabnav,
-.timeline-comment.is-internal .previewable-comment-form .comment-form-head.tabnav {
- color: var(--borderColor-attention-muted, var(--color-attention-muted));
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
- border-bottom-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-warning {
+ color: #ffc107;
}
-
-.timeline-comment:empty {
- display: none;
+.link-warning:hover,
+.link-warning:focus {
+ color: #ffcd39;
}
-.timeline-comment .comment + .comment {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.link-danger {
+ color: #dc3545;
}
-
-.timeline-comment .comment + .comment::before,
-.timeline-comment .comment + .comment::after {
- display: none;
+.link-danger:hover,
+.link-danger:focus {
+ color: #b02a37;
}
-.timeline-comment .comment + .comment .timeline-comment-header {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
+.link-light {
+ color: #f8f9fa;
}
-
-.timeline-comment--caret-nw.empty-copilot-review::after,
-.timeline-comment--caret-nw.empty-copilot-review::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.link-light:hover,
+.link-light:focus {
+ color: #f9fafb;
}
-.timeline-comment--caret-nw.empty-copilot-review::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-default, var(--color-canvas-subtle)),
- var(--bgColor-default, var(--color-canvas-subtle))
- );
+.link-dark {
+ color: #212529;
}
-
-.timeline-comment--caret-nw.empty-copilot-review::before {
- background-color: var(--borderColor-default, var(--color-border-default));
+.link-dark:hover,
+.link-dark:focus {
+ color: #1a1e21;
}
-.timeline-comment--caret::after,
-.timeline-comment--caret::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
+.ratio {
+ position: relative;
+ width: 100%;
+}
+.ratio::before {
display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+ padding-top: var(--bs-aspect-ratio);
+ content: '';
}
-
-.timeline-comment--caret::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-muted, var(--color-canvas-subtle)),
- var(--bgColor-muted, var(--color-canvas-subtle))
- );
+.ratio > * {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
}
-.timeline-comment--caret::before {
- background-color: var(--borderColor-default, var(--color-border-default));
+.ratio-1x1 {
+ --bs-aspect-ratio: 100%;
}
-.is-pending .timeline-comment--caret::after,
-.is-pending .timeline-comment--caret::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.ratio-4x3 {
+ --bs-aspect-ratio: 75%;
}
-.is-pending .timeline-comment--caret::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-attention-muted, var(--color-attention-subtle)),
- var(--bgColor-attention-muted, var(--color-attention-subtle))
- );
+.ratio-16x9 {
+ --bs-aspect-ratio: 56.25%;
}
-.is-pending .timeline-comment--caret::before {
- background-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
+.ratio-21x9 {
+ --bs-aspect-ratio: 42.8571428571%;
}
-.timeline-comment--caret.current-user::after,
-.timeline-comment--caret.current-user::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.fixed-top {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1030;
}
-.timeline-comment--caret.current-user::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-accent-muted, var(--color-accent-subtle)),
- var(--bgColor-accent-muted, var(--color-accent-subtle))
- );
+.fixed-bottom {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1030;
}
-.timeline-comment--caret.current-user::before {
- background-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.sticky-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
}
-.timeline-comment--caret.unread-item::after,
-.timeline-comment--caret.unread-item::before,
-.timeline-comment--caret.is-internal::after,
-.timeline-comment--caret.is-internal::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+@media (min-width: 576px) {
+ .sticky-sm-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
}
-
-.timeline-comment--caret.unread-item::after,
-.timeline-comment--caret.is-internal::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-attention-muted, var(--color-attention-subtle)),
- var(--bgColor-attention-muted, var(--color-attention-subtle))
- );
+@media (min-width: 768px) {
+ .sticky-md-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
}
-
-.timeline-comment--caret.unread-item::before,
-.timeline-comment--caret.is-internal::before {
- background-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+@media (min-width: 992px) {
+ .sticky-lg-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1200px) {
+ .sticky-xl-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1400px) {
+ .sticky-xxl-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+.hstack {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ align-self: stretch;
}
-.timeline-comment--caret.timeline-comment--caret-nw::before,
-.timeline-comment--caret.timeline-comment--caret-nw::after {
- transform: rotate(90deg);
+.vstack {
+ display: flex;
+ flex: 1 1 auto;
+ flex-direction: column;
+ align-self: stretch;
}
-.timeline-comment--caret.timeline-comment--caret-nw::before {
- top: -12px;
- left: var(--base-size-12);
+.visually-hidden,
+.visually-hidden-focusable:not(:focus):not(:focus-within) {
+ position: absolute !important;
+ width: 1px !important;
+ height: 1px !important;
+ padding: 0 !important;
+ margin: -1px !important;
+ overflow: hidden !important;
+ clip: rect(0, 0, 0, 0) !important;
+ white-space: nowrap !important;
+ border: 0 !important;
}
-.timeline-comment--caret.timeline-comment--caret-nw::after {
- top: -10px;
- left: 10px;
+.stretched-link::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ content: '';
}
-.page-responsive .timeline-comment--caret::before,
-.page-responsive .timeline-comment--caret::after {
- display: none;
+.text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
-@media (min-width: 768px) {
- .page-responsive .timeline-comment--caret::before,
- .page-responsive .timeline-comment--caret::after {
- display: block;
- }
+.vr {
+ display: inline-block;
+ align-self: stretch;
+ width: 1px;
+ min-height: 1em;
+ background-color: currentColor;
+ opacity: 0.25;
}
-:target .timeline-comment--caret::before {
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-fg));
+.align-baseline {
+ vertical-align: baseline !important;
}
-:target .timeline-comment--caret::after {
- margin-left: 2px !important;
+.align-top {
+ vertical-align: top !important;
}
-:target .timeline-comment {
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-fg));
- outline: none !important;
- box-shadow: 0 0 0 1px var(--fgColor-accent, var(--color-accent-fg)) !important;
+.align-middle {
+ vertical-align: middle !important;
}
-.review-comment:target {
- border-radius: var(--borderRadius-medium);
- outline: none !important;
- box-shadow: 0 0 0 1px var(--fgColor-accent, var(--color-accent-fg)) !important;
+.align-bottom {
+ vertical-align: bottom !important;
}
-.timeline-comment-header {
- display: flex;
- align-items: center;
- padding-right: var(--base-size-16);
- padding-left: var(--base-size-16);
- color: var(--fgColor-muted, var(--color-fg-muted));
- flex-direction: row-reverse;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+.align-text-bottom {
+ vertical-align: text-bottom !important;
}
-.timeline-comment-header:only-child {
- border-bottom: 0;
- border-radius: var(--borderRadius-medium);
+.align-text-top {
+ vertical-align: text-top !important;
}
-.timeline-comment-header .author {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.float-start {
+ float: left !important;
}
-.timeline-comment-header code {
- word-break: break-all;
+.float-end {
+ float: right !important;
}
-.timeline-comment-header-text {
- min-width: 0;
- padding-top: var(--base-size-8);
- padding-bottom: var(--base-size-8);
- margin-bottom: 1px;
- flex: 1 1 auto;
+.float-none {
+ float: none !important;
}
-.timeline-comment-header-text code a {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.opacity-0 {
+ opacity: 0 !important;
}
-.timeline-comment-actions {
- float: right;
- margin-left: var(--base-size-8);
+.opacity-25 {
+ opacity: 0.25 !important;
}
-.timeline-comment-actions .show-more-popover.dropdown-menu-sw {
- right: -6px;
- margin-top: calc(var(--base-size-4) * -1);
+.opacity-50 {
+ opacity: 0.5 !important;
}
-.timeline-comment-action {
- display: inline-block;
- padding: var(--base-size-8) var(--base-size-4);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.opacity-75 {
+ opacity: 0.75 !important;
}
-.timeline-comment-action:hover,
-.timeline-comment-action:focus {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- opacity: 1;
+.opacity-100 {
+ opacity: 1 !important;
}
-.timeline-comment-action .octicon-check {
- height: 16px;
+.overflow-auto {
+ overflow: auto !important;
}
-.timeline-comment-action.disabled {
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: default;
+.overflow-hidden {
+ overflow: hidden !important;
}
-.timeline-comment-action.disabled:hover {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.overflow-visible {
+ overflow: visible !important;
}
-.timeline-new-comment {
- margin-bottom: 0;
+.overflow-scroll {
+ overflow: scroll !important;
}
-.timeline-new-comment .comment-form-head {
- margin-bottom: var(--base-size-8);
+.d-inline {
+ display: inline !important;
}
-.timeline-new-comment .previewable-comment-form .comment-body {
- padding-top: 0;
+.d-inline-block {
+ display: inline-block !important;
}
-.discussion-item-icon {
- float: left;
- width: 32px;
- height: 32px;
- margin-top: calc(var(--base-size-4) * -1);
- margin-left: -39px;
- line-height: 28px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- text-align: center;
- background-color: var(--timelineBadge-bgColor, var(--color-timeline-badge-bg));
- border: var(--borderWidth-thick) solid var(--bgColor-default, var(--color-canvas-default));
- border-radius: 50%;
+.d-block {
+ display: block !important;
}
-.discussion-item-header {
- color: var(--fgColor-muted, var(--color-fg-muted));
- word-wrap: break-word;
+.d-grid {
+ display: grid !important;
}
-.discussion-item-header .discussion-item-private {
- vertical-align: -1px;
+.d-table {
+ display: table !important;
}
-.discussion-item-header:last-child {
- padding-bottom: 0;
+.d-table-row {
+ display: table-row !important;
}
-.discussion-item-header .commit-ref {
- font-size: 85%;
- vertical-align: baseline;
+.d-table-cell {
+ display: table-cell !important;
}
-.discussion-item-header .btn-outline {
- float: right;
- padding: var(--base-size-4) var(--base-size-8);
- margin-top: calc(var(--base-size-4) * -1);
- margin-left: var(--base-size-8);
+.d-flex {
+ display: flex !important;
}
-.discussion-item-private {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.d-inline-flex {
+ display: inline-flex !important;
}
-.previewable-comment-form .comment-form-head.tabnav {
- padding: var(--base-size-8) var(--base-size-8) 0;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.d-none {
+ display: none !important;
}
-@media (min-width: 768px) {
- .page-responsive .previewable-comment-form .comment-form-head.tabnav {
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- }
+.shadow {
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
-.previewable-comment-form .comment-body {
- padding-top: var(--base-size-8);
- padding-right: var(--base-size-8);
- padding-bottom: var(--base-size-8);
- padding-left: var(--base-size-8);
- background-color: transparent;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.shadow-sm {
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
-.previewable-comment-form .timeline-comment .timeline-comment-actions {
- display: none;
+.shadow-lg {
+ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
-.new-discussion-timeline .composer .timeline-comment {
- margin-bottom: var(--base-size-8);
+.shadow-none {
+ box-shadow: none !important;
}
-.new-discussion-timeline .composer .comment-form-head.tabnav {
- padding-top: 0;
- background-color: var(--bgColor-default, var(--color-canvas-default));
+.position-static {
+ position: static !important;
}
-.composer.composer-responsive {
- padding-left: 0;
+.position-relative {
+ position: relative !important;
}
-.composer.composer-responsive .discussion-topic-header {
- padding: 0;
+.position-absolute {
+ position: absolute !important;
}
-.composer.composer-responsive .timeline-comment {
- border: 0;
+.position-fixed {
+ position: fixed !important;
}
-.composer.composer-responsive .timeline-comment::before,
-.composer.composer-responsive .timeline-comment::after {
- display: none;
+.position-sticky {
+ position: -webkit-sticky !important;
+ position: sticky !important;
}
-.composer.composer-responsive .previewable-comment-form .write-content {
- margin: 0;
+.top-0 {
+ top: 0 !important;
}
-@media (min-width: 768px) {
- .composer.composer-responsive {
- padding-left: 56px;
- }
-
- .composer.composer-responsive .timeline-comment {
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- }
-
- .composer.composer-responsive .timeline-comment::after,
- .composer.composer-responsive .timeline-comment::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
- }
-
- .composer.composer-responsive .timeline-comment::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-default, var(--color-canvas-default)),
- var(--bgColor-default, var(--color-canvas-default))
- );
- }
-
- .composer.composer-responsive .timeline-comment::before {
- background-color: var(--borderColor-default, var(--color-border-default));
- }
+.top-50 {
+ top: 50% !important;
}
-.discussion-timeline-actions {
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-top: var(--borderWidth-thick) solid var(--borderColor-default, var(--color-border-default));
+.top-100 {
+ top: 100% !important;
}
-.discussion-timeline-actions .thread-subscription-status {
- margin-top: var(--base-size-16);
+.bottom-0 {
+ bottom: 0 !important;
}
-.pagination-loader-container {
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: url('/assets/progressive-disclosure-line-7908f33fc4c6.svg');
- background-repeat: repeat-x;
- background-position: center;
- background-size: var(--base-size-16);
+.bottom-50 {
+ bottom: 50% !important;
}
-[data-color-mode='light'][data-light-theme*='dark'] .pagination-loader-container,
-[data-color-mode='dark'][data-dark-theme*='dark'] .pagination-loader-container {
- background-image: url('/assets/progressive-disclosure-line-dark-b31a1fc5e932.svg');
+.bottom-100 {
+ bottom: 100% !important;
}
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] .pagination-loader-container {
- background-image: url('/assets/progressive-disclosure-line-dark-b31a1fc5e932.svg');
- }
+.start-0 {
+ left: 0 !important;
}
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] .pagination-loader-container {
- background-image: url('/assets/progressive-disclosure-line-dark-b31a1fc5e932.svg');
- }
+.start-50 {
+ left: 50% !important;
}
-:target .timeline-comment-group .timeline-comment .timeline-comment-group .timeline-comment {
- box-shadow: none !important;
+.start-100 {
+ left: 100% !important;
}
-.is-pending .form-actions {
- margin-right: var(--base-size-8);
- margin-bottom: var(--base-size-4);
+.end-0 {
+ right: 0 !important;
}
-.is-pending .file,
-.is-pending .file-header,
-.is-pending .tabnav-tab.selected,
-.is-pending .comment-form-head.tabnav {
- border-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
+.end-50 {
+ right: 50% !important;
}
-.is-pending .file-header,
-.is-pending .comment-form-head.tabnav {
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
+.end-100 {
+ right: 100% !important;
}
-.discussion-item-icon-gray {
- background-color: var(--timelineBadge-bgColor, var(--color-timeline-badge-bg)) !important;
+.translate-middle {
+ transform: translate(-50%, -50%) !important;
}
-.footer-octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
- offset: 2px;
+.translate-middle-x {
+ transform: translateX(-50%) !important;
}
-.footer-octicon:hover {
- color: var(--fgColor-disabled, var(--color-fg-subtle));
+.translate-middle-y {
+ transform: translateY(-50%) !important;
}
-.global-create-button {
- padding: 0 var(--control-small-paddingInline-condensed);
+.border {
+ border: 1px solid #dee2e6 !important;
}
-.user-mention,
-.team-mention {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
- white-space: nowrap;
+.border-0 {
+ border: 0 !important;
}
-.Popover .user-mention,
-.Popover .team-mention {
- white-space: normal;
+.border-top {
+ border-top: 1px solid #dee2e6 !important;
}
-@media (max-width: 543px) {
- .notifications-component-menu-modal {
- margin: calc(10vh - 16px) 0;
- }
+.border-top-0 {
+ border-top: 0 !important;
}
-@media (min-width: 544px) {
- .notifications-component-menu-modal {
- width: 100%;
- }
+.border-end {
+ border-right: 1px solid #dee2e6 !important;
}
-@media (min-width: 768px) {
- .notifications-component-menu-modal {
- min-width: 300px;
- }
+.border-end-0 {
+ border-right: 0 !important;
}
-.notifications-component-dialog-overlay {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 80;
- display: block;
- cursor: default;
- content: ' ';
- background: transparent;
- background: var(--overlay-backdrop-bgColor, var(--color-primer-canvas-backdrop));
+.border-bottom {
+ border-bottom: 1px solid #dee2e6 !important;
}
-@media (min-width: 544px) {
- .notifications-component-dialog-overlay {
- display: none;
- }
+.border-bottom-0 {
+ border-bottom: 0 !important;
}
-.pagehead {
- position: relative;
- padding-top: var(--base-size-24);
- padding-bottom: var(--base-size-24);
- margin-bottom: var(--base-size-24);
- border-bottom: solid var(--borderWidth-thin) var(--borderColor-default);
+.border-start {
+ border-left: 1px solid #dee2e6 !important;
}
-.pagehead.admin {
- background: url('/assets/background-yellowhatch-v3-ffd8c31a935a.png') 0 0 repeat-x;
+.border-start-0 {
+ border-left: 0 !important;
}
-.pagehead ul.pagehead-actions {
- position: relative;
- z-index: 31;
- float: right;
- margin: 0;
+.border-primary {
+ border-color: #0d6efd !important;
}
-.pagehead .path-divider {
- margin: 0 0.25em;
+.border-secondary {
+ border-color: #6c757d !important;
}
-.pagehead h1 {
- min-height: var(--base-size-32);
- margin-top: 0;
- margin-bottom: 0;
- font-size: 20px;
- font-weight: var(--base-text-weight-normal, 400);
+.border-success {
+ border-color: #198754 !important;
}
-.pagehead h1 .avatar {
- margin-top: -2px;
- margin-right: var(--base-size-8);
- margin-bottom: -2px;
+.border-info {
+ border-color: #0dcaf0 !important;
}
-.pagehead .underline-nav {
- height: 69px;
- margin-top: calc(var(--base-size-16) * -1);
- margin-bottom: calc(var(--base-size-16) * -1);
+.border-warning {
+ border-color: #ffc107 !important;
}
-.pagehead-heading {
- color: inherit;
+.border-danger {
+ border-color: #dc3545 !important;
}
-.pagehead-actions > li {
- float: left;
- margin: 0 var(--base-size-8) 0 0;
- font-size: 12px;
- color: var(--fgColor-default, var(--color-fg-default));
- list-style-type: none;
+.border-light {
+ border-color: #f8f9fa !important;
}
-.pagehead-actions > li:last-child {
- margin-right: 0;
+.border-dark {
+ border-color: #212529 !important;
}
-.pagehead-actions .octicon-mute {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.border-white {
+ border-color: #fff !important;
}
-.pagehead-actions .select-menu {
- position: relative;
+.border-1 {
+ border-width: 1px !important;
}
-.pagehead-actions .select-menu::before {
- display: table;
- content: '';
+.border-2 {
+ border-width: 2px !important;
}
-.pagehead-actions .select-menu::after {
- display: table;
- clear: both;
- content: '';
+.border-3 {
+ border-width: 3px !important;
}
-.pagehead-actions .select-menu-modal-holder {
- top: 100%;
+.border-4 {
+ border-width: 4px !important;
}
-.pagehead-tabs-item {
- float: left;
- padding: var(--base-size-8) var(--base-size-16) var(--base-size-12);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- border: solid transparent;
- border-width: 3px var(--borderWidth-thin) var(--borderWidth-thin);
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.border-5 {
+ border-width: 5px !important;
}
-.pagehead-tabs-item .octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.w-25 {
+ width: 25% !important;
}
-.pagehead-tabs-item:hover {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
+.w-50 {
+ width: 50% !important;
}
-.pagehead-tabs-item.selected {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-color: var(--borderColor-severe-emphasis, var(--color-severe-emphasis))
- var(--borderColor-default, var(--color-border-default)) transparent;
+.w-75 {
+ width: 75% !important;
}
-.pagehead-tabs-item.selected > .octicon {
- color: inherit;
+.w-100 {
+ width: 100% !important;
}
-.reponav {
- position: relative;
- top: 1px;
- margin-top: calc(var(--base-size-4) * -1);
+.w-auto {
+ width: auto !important;
}
-.reponav::before {
- display: table;
- content: '';
+.mw-100 {
+ max-width: 100% !important;
}
-.reponav::after {
- display: table;
- clear: both;
- content: '';
+.vw-100 {
+ width: 100vw !important;
}
-.reponav-item {
- float: left;
- padding: var(--base-size-8) var(--base-size-16) var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- border: solid transparent;
- border-width: 3px var(--borderWidth-thin) var(--borderWidth-thin);
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.min-vw-100 {
+ min-width: 100vw !important;
}
-.reponav-item .octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.h-25 {
+ height: 25% !important;
}
-.reponav-item:hover,
-.reponav-item:focus {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
+.h-50 {
+ height: 50% !important;
}
-.reponav-item.selected {
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-color: var(--borderColor-severe-emphasis, var(--color-severe-emphasis))
- var(--borderColor-default, var(--color-border-default)) transparent;
+.h-75 {
+ height: 75% !important;
}
-.reponav-item.selected .octicon {
- color: inherit;
+.h-100 {
+ height: 100% !important;
}
-.reponav-wrapper {
- position: relative;
- z-index: 2;
- overflow-y: hidden;
- background-color: var(--bgColor-neutral-emphasis, var(--color-neutral-emphasis));
+.h-auto {
+ height: auto !important;
}
-.reponav-wrapper .reponav {
- top: 0;
- padding-right: var(--base-size-8);
- padding-left: var(--base-size-8);
- margin-top: 0;
- -webkit-overflow-scrolling: touch;
- overflow-x: auto;
- color: rgba(255, 255, 255, 0.75);
+.mh-100 {
+ max-height: 100% !important;
}
-.reponav-wrapper .reponav-item {
- display: inline-block;
- float: none;
- padding: var(--base-size-4) var(--base-size-8) var(--base-size-16);
- color: var(--fgColor-muted, var(--color-fg-muted));
- border: 0;
+.vh-100 {
+ height: 100vh !important;
}
-.reponav-wrapper .reponav-item.selected {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: transparent;
- border: 0;
+.min-vh-100 {
+ min-height: 100vh !important;
}
-@media (max-width: 768px) {
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) {
- background-color: transparent;
- }
-
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem)
- .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
- }
-
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane .ActionList-item--navActive::after {
- display: none;
- }
-
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
+.flex-fill {
+ flex: 1 1 auto !important;
}
-.steps {
- display: table;
- width: 100%;
- padding: 0;
- margin: var(--base-size-32) auto 0;
- overflow: hidden;
- list-style: none;
- border: var(--borderWidth-thin) solid #dfe2e5;
- border-radius: var(--borderRadius-medium);
- box-shadow: 0 1px 3px rgba(27, 31, 35, 0.05);
+.flex-row {
+ flex-direction: row !important;
}
-.steps li {
- display: table-cell;
- width: 33.3%;
- padding: var(--base-size-8) var(--base-size-16);
- color: #c6cbd1;
- cursor: default;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-left: var(--borderWidth-thin) solid #dfe2e5;
+.flex-column {
+ flex-direction: column !important;
}
-.steps li.current {
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
+.flex-row-reverse {
+ flex-direction: row-reverse !important;
}
-.steps li.current .octicon {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.flex-column-reverse {
+ flex-direction: column-reverse !important;
}
-.steps li .octicon {
- float: left;
- margin-right: var(--base-size-16);
- margin-bottom: var(--base-size-4);
+.flex-grow-0 {
+ flex-grow: 0 !important;
}
-.steps li .step {
- display: block;
+.flex-grow-1 {
+ flex-grow: 1 !important;
}
-.steps li:first-child {
- border-left: 0;
+.flex-shrink-0 {
+ flex-shrink: 0 !important;
}
-.steps .complete {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.flex-shrink-1 {
+ flex-shrink: 1 !important;
}
-.steps .complete .octicon {
- color: var(--fgColor-success, var(--color-success-fg));
+.flex-wrap {
+ flex-wrap: wrap !important;
}
-.prose-diff .anchor {
- display: none;
+.flex-nowrap {
+ flex-wrap: nowrap !important;
}
-.prose-diff .show-rich-diff {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- cursor: pointer;
+.flex-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
}
-.prose-diff .show-rich-diff:hover {
- text-decoration: underline;
+.gap-0 {
+ gap: 0 !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable {
- cursor: pointer;
+.gap-1 {
+ gap: 0.25rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable .vicinity {
- display: block;
+.gap-2 {
+ gap: 0.5rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable .unchanged:not(.vicinity) {
- display: none;
+.gap-3 {
+ gap: 1rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable .octicon {
- display: block;
- margin: var(--base-size-16) auto;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.gap-4 {
+ gap: 1.5rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable:hover .octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.gap-5 {
+ gap: 3rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable:only-child::before {
- font-size: 16px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- content: 'Sorry, no visible changes to display.';
+.justify-content-start {
+ justify-content: flex-start !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable:only-child:hover::before {
- color: var(--fgColor-default, var(--color-fg-default));
+.justify-content-end {
+ justify-content: flex-end !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable > .removed,
-.prose-diff.collapsed .rich-diff-level-zero.expandable > del {
- display: none;
- text-decoration: none;
+.justify-content-center {
+ justify-content: center !important;
}
-.prose-diff .markdown-body {
- padding: var(--base-size-32);
- padding-left: var(--base-size-16);
+.justify-content-between {
+ justify-content: space-between !important;
}
-.prose-diff .markdown-body > ins {
- box-shadow: inset 4px 0 0 var(--borderColor-success-muted, var(--color-success-muted));
+.justify-content-around {
+ justify-content: space-around !important;
}
-.prose-diff .markdown-body > del {
- text-decoration: none;
- box-shadow: inset 4px 0 0 var(--borderColor-danger-muted, var(--color-danger-muted));
+.justify-content-evenly {
+ justify-content: space-evenly !important;
}
-.prose-diff .markdown-body > ins,
-.prose-diff .markdown-body > del {
- display: block;
- border-radius: 0;
+.align-items-start {
+ align-items: flex-start !important;
}
-.prose-diff .markdown-body > ins > .rich-diff-level-zero,
-.prose-diff .markdown-body > ins > .rich-diff-level-one,
-.prose-diff .markdown-body > del > .rich-diff-level-zero,
-.prose-diff .markdown-body > del > .rich-diff-level-one {
- margin-left: var(--base-size-16);
+.align-items-end {
+ align-items: flex-end !important;
}
-.prose-diff .markdown-body > ins:first-child *,
-.prose-diff .markdown-body > del:first-child * {
- margin-top: 0;
+.align-items-center {
+ align-items: center !important;
}
-.prose-diff .rich-diff-level-zero.added {
- box-shadow: inset 4px 0 0 var(--borderColor-success-muted, var(--color-success-muted));
+.align-items-baseline {
+ align-items: baseline !important;
}
-.prose-diff .rich-diff-level-zero.removed {
- box-shadow: inset 4px 0 0 var(--borderColor-danger-muted, var(--color-danger-muted));
+.align-items-stretch {
+ align-items: stretch !important;
}
-.prose-diff .rich-diff-level-zero.changed {
- box-shadow: inset 4px 0 0 var(--borderColor-attention-muted, var(--color-attention-muted));
+.align-content-start {
+ align-content: flex-start !important;
}
-.prose-diff .rich-diff-level-zero.unchanged,
-.prose-diff .rich-diff-level-zero.vicinity {
- margin-left: var(--base-size-16);
+.align-content-end {
+ align-content: flex-end !important;
}
-.prose-diff .rich-diff-level-zero.added,
-.prose-diff .rich-diff-level-zero.removed,
-.prose-diff .rich-diff-level-zero.changed {
- display: block;
- border-radius: 0;
+.align-content-center {
+ align-content: center !important;
}
-.prose-diff .rich-diff-level-zero.added > .rich-diff-level-one,
-.prose-diff .rich-diff-level-zero.removed > .rich-diff-level-one,
-.prose-diff .rich-diff-level-zero.changed > .rich-diff-level-one {
- margin-left: var(--base-size-16);
+.align-content-between {
+ align-content: space-between !important;
}
-.prose-diff .rich-diff-level-zero.added:first-child *,
-.prose-diff .rich-diff-level-zero.removed:first-child *,
-.prose-diff .rich-diff-level-zero.changed:first-child * {
- margin-top: 0;
+.align-content-around {
+ align-content: space-around !important;
}
-.prose-diff :not(.changed) > :not(.github-user-ins):not(.github-user-del) > .removed,
-.prose-diff :not(.changed) > :not(.github-user-ins):not(.github-user-del) > del {
- text-decoration: none;
+.align-content-stretch {
+ align-content: stretch !important;
}
-.prose-diff .changed del,
-.prose-diff .changed del pre,
-.prose-diff .changed del code,
-.prose-diff .changed del > div,
-.prose-diff .changed .removed,
-.prose-diff .changed .removed pre,
-.prose-diff .changed .removed code,
-.prose-diff .changed .removed > div {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: line-through;
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.align-self-auto {
+ align-self: auto !important;
}
-.prose-diff .changed ins,
-.prose-diff .changed ins code,
-.prose-diff .changed ins pre,
-.prose-diff .changed .added {
- color: var(--fgColor-default, var(--color-fg-default));
- background: var(--bgColor-success-muted, var(--color-success-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-success-muted, var(--color-success-muted));
+.align-self-start {
+ align-self: flex-start !important;
}
-.prose-diff > .markdown-body .github-user-ins {
- text-decoration: underline;
+.align-self-end {
+ align-self: flex-end !important;
}
-.prose-diff > .markdown-body .github-user-del {
- text-decoration: line-through;
+.align-self-center {
+ align-self: center !important;
}
-.prose-diff > .markdown-body li ul.added {
- background: var(--bgColor-success-muted, var(--color-success-subtle));
+.align-self-baseline {
+ align-self: baseline !important;
}
-.prose-diff > .markdown-body li ul.removed {
- color: var(--fgColor-default, var(--color-fg-default));
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.align-self-stretch {
+ align-self: stretch !important;
}
-.prose-diff > .markdown-body li ul.removed:not(.github-user-ins) {
- text-decoration: line-through;
+.order-first {
+ order: -1 !important;
}
-.prose-diff > .markdown-body li.added.moved-up .octicon,
-.prose-diff > .markdown-body li.added.moved-down .octicon {
- margin-right: var(--base-size-4);
- margin-left: var(--base-size-4);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.order-0 {
+ order: 0 !important;
}
-.prose-diff > .markdown-body li.added.moved {
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
+.order-1 {
+ order: 1 !important;
}
-.prose-diff > .markdown-body li.removed.moved {
- display: none;
+.order-2 {
+ order: 2 !important;
}
-.prose-diff > .markdown-body pre {
- padding: var(--base-size-8) var(--base-size-16);
+.order-3 {
+ order: 3 !important;
}
-.prose-diff > .markdown-body th.changed,
-.prose-diff > .markdown-body td.changed {
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
- border-left-color: var(--borderColor-default, var(--color-border-default));
+.order-4 {
+ order: 4 !important;
}
-.prose-diff > .markdown-body :not(li.moved).removed {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: line-through;
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.order-5 {
+ order: 5 !important;
}
-.prose-diff > .markdown-body :not(.github-user-ins):not(li.moved).removed {
- text-decoration: line-through;
+.order-last {
+ order: 6 !important;
}
-.prose-diff > .markdown-body :not(li.moved).added,
-.prose-diff > .markdown-body li:not(.moved).added {
- background: var(--bgColor-success-muted, var(--color-success-subtle));
+.m-0 {
+ margin: 0 !important;
}
-.prose-diff > .markdown-body :not(.github-user-del):not(li.moved).added li:not(.moved):not(.github-user-del).added {
- text-decoration: none;
+.m-1 {
+ margin: 0.25rem !important;
}
-.prose-diff > .markdown-body li:not(.moved).removed {
- color: var(--fgColor-default, var(--color-fg-default));
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.m-2 {
+ margin: 0.5rem !important;
}
-.prose-diff > .markdown-body li:not(.moved):not(.github-user-ins).removed {
- text-decoration: line-through;
+.m-3 {
+ margin: 1rem !important;
}
-.prose-diff > .markdown-body .added,
-.prose-diff > .markdown-body ins + .added,
-.prose-diff > .markdown-body ins {
- border-top: 0;
- border-bottom: 0;
+.m-4 {
+ margin: 1.5rem !important;
}
-.prose-diff > .markdown-body .added:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins + .added:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins:not(.github-user-del):not(.github-user-ins) {
- text-decoration: none;
+.m-5 {
+ margin: 3rem !important;
}
-.prose-diff > .markdown-body img.added,
-.prose-diff > .markdown-body img.removed {
- border-style: solid;
- border-width: var(--borderWidth-thin);
+.m-auto {
+ margin: auto !important;
}
-.prose-diff > .markdown-body ins pre:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins code:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins > div:not(.github-user-del):not(.github-user-ins) {
- text-decoration: none;
+.mx-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
}
-.prose-diff > .markdown-body ul > ins,
-.prose-diff > .markdown-body ul > del {
- display: block;
- padding: 0;
+.mx-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
}
-.prose-diff > .markdown-body .added > li,
-.prose-diff > .markdown-body .removed > li {
- margin-top: 0;
- margin-bottom: 0;
+.mx-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
}
-span.changed_tag,
-em.changed_tag,
-strong.changed_tag,
-b.changed_tag,
-i.changed_tag,
-code.changed_tag {
- border-bottom: var(--borderWidth-thin) dotted var(--borderColor-default, var(--color-border-default));
- border-radius: 0;
+.mx-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
}
-a.added_href,
-a.changed_href,
-span.removed_href {
- border-bottom: var(--borderWidth-thin) dotted var(--borderColor-default, var(--color-border-default));
- border-radius: 0;
+.mx-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
}
-.diff-view .file-type-prose .rich-diff {
- display: none;
+.mx-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
}
-.diff-view .display-rich-diff .rich-diff {
- display: block;
+.mx-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
}
-.diff-view .display-rich-diff .file-diff {
- display: none;
+.my-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
}
-.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.added,
-.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.removed,
-.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.changed {
- box-shadow: none;
+.my-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
}
-.protip {
- margin-top: var(--base-size-16);
- color: var(--fgColor-muted, var(--color-fg-muted));
- text-align: center;
+.my-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
}
-.protip strong {
- color: var(--fgColor-default, var(--color-fg-default));
+.my-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
}
-.protip code {
- padding: 2px;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-radius: var(--borderRadius-medium);
+.my-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
}
-.add-reactions-options-item {
- margin-top: -1px;
- margin-right: -1px;
- line-height: 29px;
- border: var(--borderWidth-thin) solid transparent;
+.my-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
}
-.add-reactions-options-item .emoji {
- display: inline-block;
- transition: transform 0.15s cubic-bezier(0.2, 0, 0.13, 2);
+.my-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
}
-.add-reactions-options-item:hover .emoji,
-.add-reactions-options-item:focus .emoji {
- text-decoration: none !important;
- transform: scale(1.2) !important;
+.mt-0 {
+ margin-top: 0 !important;
}
-.add-reactions-options-item:active {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.mt-1 {
+ margin-top: 0.25rem !important;
}
-.page-responsive .add-reactions-options-item {
- height: 20vw;
+.mt-2 {
+ margin-top: 0.5rem !important;
}
-@media (min-width: 544px) {
- .page-responsive .add-reactions-options-item {
- height: auto;
- }
+.mt-3 {
+ margin-top: 1rem !important;
}
-.comment-reactions {
- display: none;
+.mt-4 {
+ margin-top: 1.5rem !important;
}
-.comment-reactions::before {
- display: table;
- content: '';
+.mt-5 {
+ margin-top: 3rem !important;
}
-.comment-reactions::after {
- display: table;
- clear: both;
- content: '';
+.mt-auto {
+ margin-top: auto !important;
}
-.page-responsive .comment-reactions {
- display: none;
+.me-0 {
+ margin-right: 0 !important;
}
-@media (min-width: 768px) {
- .page-responsive .comment-reactions {
- display: none;
- }
-
- .page-responsive .comment-reactions.has-reactions {
- display: flex;
- }
+.me-1 {
+ margin-right: 0.25rem !important;
}
-.comment-reactions.has-reactions {
- display: flex;
+.me-2 {
+ margin-right: 0.5rem !important;
}
-.comment-reactions.has-reactions:not(.social-reactions) {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.me-3 {
+ margin-right: 1rem !important;
}
-.comment-reactions .user-has-reacted {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.me-4 {
+ margin-right: 1.5rem !important;
}
-.reactions-container .user-has-reacted {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.me-5 {
+ margin-right: 3rem !important;
}
-.social-reaction-summary-item + .social-reaction-summary-item {
- margin-left: var(--base-size-8);
+.me-auto {
+ margin-right: auto !important;
}
-.social-reactions .comment-body {
- margin-left: var(--base-size-16) !important;
+.mb-0 {
+ margin-bottom: 0 !important;
}
-.social-button-emoji {
- display: inline-block;
- width: 16px;
- height: 16px;
- font-size: 1em !important;
- line-height: 1.25;
- vertical-align: -1px;
+.mb-1 {
+ margin-bottom: 0.25rem !important;
}
-.social-reaction-summary-item {
- height: 26px;
- padding: 0 var(--base-size-4) !important;
- margin-right: 0;
- font-size: 12px;
- line-height: 26px;
- background-color: transparent;
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default, #d2dff0));
- border-radius: 100px;
+.mb-2 {
+ margin-bottom: 0.5rem !important;
}
-.social-reaction-summary-item:focus,
-.social-reaction-summary-item:focus-visible {
- border-radius: 100px !important;
+.mb-3 {
+ margin-bottom: 1rem !important;
}
-.social-reaction-summary-item:focus {
- border-color: var(--focus-outlineColor, var(--color-accent-fg));
- outline: none;
- box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
+.mb-4 {
+ margin-bottom: 1.5rem !important;
}
-.social-reaction-summary-item:focus:not(:focus-visible) {
- border-color: transparent;
- border-color: var(--focus-outlineColor, var(--color-accent-fg));
- outline: none;
- box-shadow: inset 0 0 0 1px transparent;
+.mb-5 {
+ margin-bottom: 3rem !important;
}
-.social-reaction-summary-item:focus-visible {
- border-color: var(--focus-outlineColor, var(--color-accent-fg));
- outline: none;
- box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
+.mb-auto {
+ margin-bottom: auto !important;
}
-.social-reaction-summary-item.user-has-reacted {
- color: var(--reactionButton-selected-fgColor-rest, var(--color-accent-fg));
- background-color: var(--reactionButton-selected-bgColor-rest, var(--color-accent-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-accent-emphasis, var(--color-accent-emphasis)) !important;
+.ms-0 {
+ margin-left: 0 !important;
}
-.social-reaction-summary-item.user-has-reacted:hover {
- background-color: var(--reactionButton-selected-bgColor-hover, var(--color-accent-subtle)) !important;
+.ms-1 {
+ margin-left: 0.25rem !important;
}
-.social-reaction-summary-item > span {
- height: 24px;
- padding: 0 var(--base-size-4);
- margin-left: 2px;
+.ms-2 {
+ margin-left: 0.5rem !important;
}
-.social-reaction-summary-item:hover {
- color: var(--reactionButton-selected-fgColor-hover, var(--color-accent-fg));
- background-color: var(--reactionButton-selected-bgColor-hover, var(--color-accent-subtle));
+.ms-3 {
+ margin-left: 1rem !important;
}
-.reaction-dropdown-button {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.ms-4 {
+ margin-left: 1.5rem !important;
}
-.reaction-dropdown-button:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.ms-5 {
+ margin-left: 3rem !important;
}
-.reaction-dropdown-button--inline {
- width: 26px;
- height: 26px;
+.ms-auto {
+ margin-left: auto !important;
}
-.reaction-dropdown-button--inline:hover {
- background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg)) !important;
- border-color: var(--button-default-borderColor-hover, var(--color-btn-hover-border)) !important;
+.p-0 {
+ padding: 0 !important;
}
-.reaction-dropdown-button:disabled {
- color: var(--fgColor-disabled, var(--color-primer-fg-disabled)) !important;
- pointer-events: none;
+.p-1 {
+ padding: 0.25rem !important;
}
-.reactions-with-gap .comment .comment-reactions {
- margin-left: var(--base-size-16);
- border-top: 0 !important;
+.p-2 {
+ padding: 0.5rem !important;
}
-.new-reactions-dropdown .dropdown-menu-reactions {
- width: auto;
- padding: 0 2px;
+.p-3 {
+ padding: 1rem !important;
}
-.new-reactions-dropdown .dropdown-menu-reactions::before,
-.new-reactions-dropdown .dropdown-menu-reactions::after {
- background-color: transparent;
- border: 0;
+.p-4 {
+ padding: 1.5rem !important;
}
-.new-reactions-dropdown .dropdown-item-reaction {
- width: 32px;
- height: 32px;
- padding: var(--base-size-4);
- margin: var(--base-size-4) 2px;
+.p-5 {
+ padding: 3rem !important;
}
-.new-reactions-dropdown .dropdown-item-reaction.user-has-reacted {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.px-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-.new-reactions-dropdown .dropdown-item-reaction:hover {
- background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg));
+.px-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
}
-.render-container {
- padding: var(--base-size-32);
- line-height: 0;
- text-align: center;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+.px-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
}
-.render-container .render-viewer {
- display: block;
- width: 1px;
- height: 1px;
- border: 0;
+.px-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
}
-.render-container .octospinner {
- display: none;
+.px-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
}
-.render-container .render-viewer-error,
-.render-container .render-viewer-fatal,
-.render-container .render-viewer-invalid,
-.render-container .render-fullscreen {
- display: none;
+.px-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
}
-.render-container.is-render-automatic .octospinner {
- display: inline-block;
+.py-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
}
-.render-container.is-render-requested .octospinner {
- display: inline-block;
+.py-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
}
-.render-container.is-render-requested.is-render-failed .render-viewer-error {
- display: inline-block;
+.py-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
}
-.render-container.is-render-requested.is-render-failed .render-viewer,
-.render-container.is-render-requested.is-render-failed .render-viewer-fatal,
-.render-container.is-render-requested.is-render-failed .render-viewer-invalid,
-.render-container.is-render-requested.is-render-failed .octospinner {
- display: none;
+.py-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
}
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer-fatal {
- display: inline-block;
+.py-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
}
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer,
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer-error,
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer-invalid,
-.render-container.is-render-requested.is-render-failed-fatal .octospinner {
- display: none;
+.py-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
}
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer-invalid {
- display: inline-block;
+.pt-0 {
+ padding-top: 0 !important;
}
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer,
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer-error,
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer-fatal,
-.render-container.is-render-requested.is-render-failed-invalid .octospinner {
- display: none;
+.pt-1 {
+ padding-top: 0.25rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) {
- height: 500px;
- padding: 0;
- background: none;
+.pt-2 {
+ padding-top: 0.5rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer {
- width: 100%;
- height: 100%;
+.pt-3 {
+ padding-top: 1rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-fullscreen {
- display: flex;
+.pt-4 {
+ padding-top: 1.5rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer-error,
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer-fatal,
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .octospinner {
- display: none;
+.pt-5 {
+ padding-top: 3rem !important;
}
-.render-needs-enrichment {
- margin-bottom: var(--base-size-16);
+.pe-0 {
+ padding-right: 0 !important;
}
-.render-needs-enrichment .render-full-screen {
- width: 100%;
- height: auto;
- padding: var(--base-size-16);
- overflow: auto;
+.pe-1 {
+ padding-right: 0.25rem !important;
}
-.render-needs-enrichment .render-full-screen-close {
- top: 0;
- right: 0;
- padding: var(--base-size-4);
+.pe-2 {
+ padding-right: 0.5rem !important;
}
-.render-needs-enrichment .details {
- margin-bottom: 0;
+.pe-3 {
+ padding-right: 1rem !important;
}
-.render-needs-enrichment .render-plaintext-hidden {
- display: none;
+.pe-4 {
+ padding-right: 1.5rem !important;
}
-.render-notice {
- padding: var(--base-size-16) var(--base-size-16);
- font-size: 14px;
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-color: var(--borderColor-muted, var(--color-border-subtle));
+.pe-5 {
+ padding-right: 3rem !important;
}
-relative-time {
- white-space: nowrap;
+.pb-0 {
+ padding-bottom: 0 !important;
}
-math-renderer {
- max-width: 100%;
- overflow: auto;
+.pb-1 {
+ padding-bottom: 0.25rem !important;
}
-.js-inline-math {
- overflow-x: auto;
- overflow-y: hidden;
- vertical-align: bottom;
+.pb-2 {
+ padding-bottom: 0.5rem !important;
}
-.js-inline-math > math {
- overflow-x: auto;
- overflow-y: hidden;
+.pb-3 {
+ padding-bottom: 1rem !important;
}
-.js-display-math > math {
- padding-top: var(--base-size-6);
- padding-bottom: var(--base-size-6);
- overflow-x: auto;
+.pb-4 {
+ padding-bottom: 1.5rem !important;
}
-math-renderer > math > mrow {
- padding-right: var(--base-size-2);
- padding-left: var(--base-size-2);
+.pb-5 {
+ padding-bottom: 3rem !important;
}
-math-renderer > math > mrow > msubsup + msubsup {
- position: absolute;
+.ps-0 {
+ padding-left: 0 !important;
}
-.Skeleton {
- color: rgba(0, 0, 0, 0);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
+.ps-1 {
+ padding-left: 0.25rem !important;
}
-.Skeleton * {
- visibility: hidden;
+.ps-2 {
+ padding-left: 0.5rem !important;
}
-.Skeleton--text {
- clip-path: inset(var(--base-size-4) 0 var(--base-size-4) 0 round 3px 3px 3px 3px);
+.ps-3 {
+ padding-left: 1rem !important;
}
-.is-error .Skeleton {
- display: none;
+.ps-4 {
+ padding-left: 1.5rem !important;
}
-@media (prefers-reduced-motion: no-preference) {
- .Skeleton {
- mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);
- mask-size: 200%;
- animation: skeleton-loading;
- animation-duration: 1s;
- animation-iteration-count: infinite;
- }
+.ps-5 {
+ padding-left: 3rem !important;
}
-@keyframes skeleton-loading {
- 0% {
- mask-position: 200%;
- }
-
- 100% {
- mask-position: 0%;
- }
+.font-monospace {
+ font-family: var(--bs-font-monospace) !important;
}
-.authors-2 .AvatarStack {
- min-width: 36px !important;
+.fs-1 {
+ font-size: calc(1.375rem + 1.5vw) !important;
}
-.authors-3 .AvatarStack {
- min-width: 46px !important;
+.fs-2 {
+ font-size: calc(1.325rem + 0.9vw) !important;
}
-[aria-selected='true'] .AvatarStack-body,
-.navigation-focus .AvatarStack-body {
- background: #f6fbff;
+.fs-3 {
+ font-size: calc(1.3rem + 0.6vw) !important;
}
-.tracked-in-parent-pill {
- position: relative;
- cursor: default;
+.fs-4 {
+ font-size: calc(1.275rem + 0.3vw) !important;
}
-.tracked-in-parent-pill-truncated {
- position: absolute;
- left: 100%;
- display: none;
- white-space: nowrap;
- background: var(--bgColor-default, var(--color-canvas-default));
- border-left-width: 0 !important;
- border-top-left-radius: 0 !important;
- border-bottom-left-radius: 0 !important;
+.fs-5 {
+ font-size: 1.25rem !important;
}
-.tracked-in-parent-pill:hover .tracked-in-parent-pill-truncated {
- display: block;
+.fs-6 {
+ font-size: 1rem !important;
}
-.wizard-content.horizontal {
- flex-direction: column;
+.fst-italic {
+ font-style: italic !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps {
- width: 30%;
+.fst-normal {
+ font-style: normal !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge {
- margin: 0;
- color: var(--fgColor-muted, var(--color-fg-subtle));
- background-color: var(--bgColor-inset, var(--color-canvas-inset));
- border-color: var(--borderColor-neutral-emphasis, var(--color-fg-subtle));
+.fw-light {
+ font-weight: 300 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge.current {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+.fw-lighter {
+ font-weight: lighter !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-bar {
- border-color: var(--borderColor-neutral-emphasis, var(--color-fg-subtle));
+.fw-normal {
+ font-weight: 400 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-bar.complete {
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+.fw-bold {
+ font-weight: 700 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge.complete {
- display: none;
+.fw-bolder {
+ font-weight: bolder !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge-check {
- display: none !important;
+.lh-1 {
+ line-height: 1 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge-check.complete {
- display: inherit !important;
- width: 32px !important;
- height: 32px !important;
+.lh-sm {
+ line-height: 1.25 !important;
}
-.wizard-content.horizontal .wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-buttons {
- align-items: center;
- justify-content: center;
+.lh-base {
+ line-height: 1.5 !important;
}
-.wizard-content.horizontal .wizard-step-item {
- margin-left: 0 !important;
- flex-direction: column !important;
+.lh-lg {
+ line-height: 2 !important;
}
-.wizard-content.horizontal .wizard-step-item::before,
-.wizard-content.horizontal .wizard-step-item .wizard-step-badge,
-.wizard-content.horizontal .wizard-step-item .wizard-step-icon,
-.wizard-content.horizontal .wizard-step-item .wizard-step-header {
- display: none !important;
+.text-start {
+ text-align: left !important;
}
-.wizard-content.horizontal .wizard-step-item .wizard-step-container::before,
-.wizard-content.horizontal .wizard-step-item .wizard-step-container::after {
- display: none !important;
+.text-end {
+ text-align: right !important;
}
-.wizard-step-item {
- position: relative;
- padding: var(--base-size-8) 0;
- margin-left: var(--base-size-16);
- flex-direction: row;
+.text-center {
+ text-align: center !important;
}
-.wizard-step-item::before {
- position: absolute;
- top: var(--base-size-32);
- bottom: 0;
- left: 0;
- display: block;
- width: 2px;
- height: 100%;
- content: '';
- background-color: var(--borderColor-default, var(--color-border-default));
+.text-decoration-none {
+ text-decoration: none !important;
}
-.wizard-step-badge {
- position: relative;
- z-index: 1;
- display: flex;
- width: 32px;
- height: 32px;
- margin-right: var(--base-size-8);
- margin-left: calc(var(--base-size-16) * -1);
- color: var(--fgColor-default, var(--color-fg-default));
- align-items: center;
- background-color: var(--borderColor-default, var(--color-border-default));
- border: var(--borderWidth-thin) solid var(--bgColor-default, var(--color-canvas-default));
- border-radius: 50%;
- justify-content: center;
- flex-shrink: 0;
+.text-decoration-underline {
+ text-decoration: underline !important;
}
-.wizard-step-body {
- min-width: 0;
- max-width: 100%;
- color: var(--fgColor-default, var(--color-fg-default));
- flex: auto;
+.text-decoration-line-through {
+ text-decoration: line-through !important;
}
-.wizard-step-body .wizard-step-buttons {
- display: none;
- margin-top: var(--base-size-24);
- justify-content: flex-end;
- flex-wrap: wrap;
+.text-lowercase {
+ text-transform: lowercase !important;
}
-.wizard-step-body .wizard-step-buttons .wizard-step-button {
- overflow: hidden;
- text-overflow: ellipsis;
+.text-uppercase {
+ text-transform: uppercase !important;
}
-@media (max-width: 408px) {
- .wizard-step-body .wizard-step-buttons .wizard-step-button {
- margin-right: 0 !important;
- margin-bottom: var(--base-size-8) !important;
- }
+.text-capitalize {
+ text-transform: capitalize !important;
}
-.wizard-step-container {
- border: 0;
+.text-wrap {
+ white-space: normal !important;
}
-.wizard-step-container .wizard-step-content {
- display: none;
- width: 100%;
- padding: var(--base-size-16) var(--base-size-24) var(--base-size-24) var(--base-size-24);
- overflow: visible;
- font-size: 14px;
+.text-nowrap {
+ white-space: nowrap !important;
}
-.wizard-step-container.wizard-step-container-icon .wizard-step-content {
- padding: var(--base-size-24);
+/* rtl:begin:remove */
+.text-break {
+ word-wrap: break-word !important;
+ word-break: break-word !important;
}
-.wizard-step-header {
- padding-top: var(--base-size-4);
- padding-left: var(--base-size-8);
+/* rtl:end:remove */
+.text-primary {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step-header > .wizard-step-title {
- min-width: 0;
- margin-bottom: var(--base-size-4);
- flex: 1 1 auto;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.text-secondary {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step-icon {
- display: none;
- height: 96px;
- color: var(--fgColor-accent, var(--color-accent-fg));
- background-image: linear-gradient(
- to right,
- var(--bgColor-accent-muted, var(--color-accent-subtle)),
- var(--bgColor-default, var(--color-canvas-default))
- );
- justify-content: center;
- align-items: center;
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+.text-success {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-complete='true'] .wizard-step-badge {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.text-info {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-complete='true'] .wizard-step-item::before {
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.text-warning {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-complete='true'] .wizard-step-title {
- color: var(--fgColor-default, var(--color-fg-default));
+.text-danger {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-badge .wizard-step-check {
- display: block;
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
+.text-light {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-item::before {
- top: 0;
- display: block;
- height: 16px;
+.text-dark {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-item::before {
- display: none;
- }
+.text-black {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-icon {
- color: var(--fgColor-success, var(--color-success-fg));
- background-image: linear-gradient(
- to right,
- var(--bgColor-success-muted, var(--color-success-subtle)),
- var(--bgColor-default, var(--color-canvas-default))
- );
+.text-white {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step:not([data-single-page-wizard-last-step='true']) .wizard-step-badge .wizard-step-check {
- display: none;
+.text-body {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step:not([data-single-page-wizard-last-step='true']) .wizard-step-badge::before {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- content: attr(data-single-page-wizard-step);
+.text-muted {
+ --bs-text-opacity: 1;
+ color: #6c757d !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-badge {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.text-black-50 {
+ --bs-text-opacity: 1;
+ color: rgba(0, 0, 0, 0.5) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'][data-single-page-wizard-last-step='true'] .wizard-step-badge {
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
+.text-white-50 {
+ --bs-text-opacity: 1;
+ color: rgba(255, 255, 255, 0.5) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'][data-single-page-wizard-last-step='true']
- .wizard-step-item::before {
- top: 42px;
- height: 16px;
+.text-reset {
+ --bs-text-opacity: 1;
+ color: inherit !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'][data-single-page-wizard-last-step='true']
- .wizard-step-container-icon::after {
- background-image: linear-gradient(
- var(--bgColor-success-muted, var(--color-success-subtle)),
- var(--bgColor-success-muted, var(--color-success-subtle))
- );
+.text-opacity-25 {
+ --bs-text-opacity: 0.25;
}
-.wizard-step[data-single-page-wizard-step-current='true']:not([data-single-page-wizard-last-step='true'])
- .wizard-step-container-icon::after {
- background-image: linear-gradient(
- var(--bgColor-accent-muted, var(--color-accent-subtle)),
- var(--bgColor-accent-muted, var(--color-accent-subtle))
- );
+.text-opacity-50 {
+ --bs-text-opacity: 0.5;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-icon {
- display: flex;
+.text-opacity-75 {
+ --bs-text-opacity: 0.75;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-item {
- flex-direction: column;
+.text-opacity-100 {
+ --bs-text-opacity: 1;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-item {
- flex-direction: row;
- }
+.bg-primary {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-body {
- margin-top: var(--base-size-16);
- margin-left: calc(var(--base-size-16) * -1);
+.bg-secondary {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-body {
- margin-top: 0;
- margin-left: 0;
- }
+.bg-success {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container {
- position: relative;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+.bg-info {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after,
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.bg-warning {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-default, var(--color-canvas-default)),
- var(--bgColor-default, var(--color-canvas-default))
- );
+.bg-danger {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before {
- background-color: var(--borderColor-default, var(--color-border-default));
+.bg-light {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before,
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- transform: rotate(90deg);
+.bg-dark {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before {
- position: absolute;
- top: -12px;
- right: 100%;
- left: var(--base-size-12);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.bg-black {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- top: -10px;
- left: 11px;
+.bg-white {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before,
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- top: 11px;
- left: -8px;
- transform: rotate(0);
- }
+.bg-body {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
+}
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- margin-left: 1px;
- }
+.bg-transparent {
+ --bs-bg-opacity: 1;
+ background-color: transparent !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-header {
- display: none;
+.bg-opacity-10 {
+ --bs-bg-opacity: 0.1;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-content-header {
- margin-bottom: var(--base-size-16);
+.bg-opacity-25 {
+ --bs-bg-opacity: 0.25;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-title {
- color: var(--fgColor-default, var(--color-fg-default));
+.bg-opacity-50 {
+ --bs-bg-opacity: 0.5;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-content {
- display: block;
+.bg-opacity-75 {
+ --bs-bg-opacity: 0.75;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-buttons {
- display: flex;
+.bg-opacity-100 {
+ --bs-bg-opacity: 1;
}
-.slash-command-list-container-responsive {
- max-height: 270px;
- overflow-y: auto;
+.bg-gradient {
+ background-image: var(--bs-gradient) !important;
}
-.slash-command-menu-responsive {
- right: 0;
- left: 0;
- width: auto;
+.user-select-all {
+ -webkit-user-select: all !important;
+ -moz-user-select: all !important;
+ user-select: all !important;
}
-.slash-command-menu-responsive .SelectMenu-modal {
- max-height: calc(100vh - 60px);
+.user-select-auto {
+ -webkit-user-select: auto !important;
+ -moz-user-select: auto !important;
+ user-select: auto !important;
}
-[data-a11y-link-underlines='true'] .markdown-body a,
-[data-a11y-link-underlines='true'] .markdown-body a:hover,
-[data-a11y-link-underlines='true'] .markdown-body-short a,
-[data-a11y-link-underlines='true'] .markdown-body-short a:hover,
-[data-a11y-link-underlines='true'] .commit-desc a,
-[data-a11y-link-underlines='true'] .commit-desc a:hover,
-[data-a11y-link-underlines='true'] .Link--inTextBlock,
-[data-a11y-link-underlines='true'] .Link--inTextBlock:hover,
-[data-a11y-link-underlines='true'] .Links--underline a,
-[data-a11y-link-underlines='true'] .Links--underline a:hover,
-[data-a11y-link-underlines='true'] .repos-list-description a,
-[data-a11y-link-underlines='true'] .extended-commit-description-container a {
- text-decoration: underline;
- text-underline-offset: 0.2rem;
+.user-select-none {
+ -webkit-user-select: none !important;
+ -moz-user-select: none !important;
+ user-select: none !important;
}
-[data-a11y-link-underlines='true'] .markdown-body :is(h1, h2, h3, h4, h5, h6, .tasklist-issue-content) a,
-[data-a11y-link-underlines='true'] .markdown-body :is(h1, h2, h3, h4, h5, h6) a:hover {
- text-decoration: none;
+.pe-none {
+ pointer-events: none !important;
}
-[data-a11y-link-underlines='true'] .Link--outlineOffset {
- outline-offset: 0.15rem !important;
+.pe-auto {
+ pointer-events: auto !important;
}
-.alert-label {
- color: var(--fgColor-onEmphasis);
+.rounded {
+ border-radius: 0.25rem !important;
}
-.graph-canvas .alert-label--critical {
- fill: var(--fgColor-danger);
+.rounded-0 {
+ border-radius: 0 !important;
}
-.graph-canvas .alert-label--high {
- fill: var(--fgColor-severe);
+.rounded-1 {
+ border-radius: 0.2rem !important;
}
-.graph-canvas .alert-label--moderate {
- fill: var(--fgColor-attention);
+.rounded-2 {
+ border-radius: 0.25rem !important;
}
-.graph-canvas .alert-label--low {
- fill: var(--fgColor-neutral);
+.rounded-3 {
+ border-radius: 0.3rem !important;
}
-.AppHeader {
- --AppHeader-bg: var(--bgColor-inset);
- color: var(--fgColor-default);
- background: var(--AppHeader-bg);
- box-shadow: inset 0 calc(var(--borderWidth-thin, 1px) * -1) var(--borderColor-default);
+.rounded-circle {
+ border-radius: 50% !important;
}
-.AppHeader .AppHeader-globalBar {
- display: flex;
- padding: var(--base-size-16, var(--base-size-16));
- gap: var(--base-size-12, 12px);
+.rounded-pill {
+ border-radius: 50rem !important;
}
-.AppHeader .AppHeader-globalBar.second-row {
- display: block;
+.rounded-top {
+ border-top-left-radius: 0.25rem !important;
+ border-top-right-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.second-row .AppHeader-search {
- display: block;
+.rounded-end {
+ border-top-right-radius: 0.25rem !important;
+ border-bottom-right-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-start,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-globalBar-start {
- flex: none;
+.rounded-bottom {
+ border-bottom-right-radius: 0.25rem !important;
+ border-bottom-left-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-context,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-context {
- display: none;
+.rounded-start {
+ border-bottom-left-radius: 0.25rem !important;
+ border-top-left-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-search .AppHeader-search-whenRegular,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-search .AppHeader-search-whenRegular {
- max-width: 100%;
+.visible {
+ visibility: visible !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-end,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-globalBar-end {
- flex: 1 1 auto;
+.invisible {
+ visibility: hidden !important;
}
-@media (max-width: 1011.98px) {
- .AppHeader .AppHeader-globalBar.search-expanded .AppHeader-search {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
+@media (min-width: 576px) {
+ .float-sm-start {
+ float: left !important;
}
- .AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-end {
- flex: none;
+ .float-sm-end {
+ float: right !important;
}
- .AppHeader .AppHeader-globalBar.search-expanded .search-suggestions {
- top: 0;
- left: 0;
- width: 100% !important;
+ .float-sm-none {
+ float: none !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-globalBar-start {
- flex: 1 1 auto;
- display: flex;
- gap: var(--base-size-8, 8px);
-}
+ .d-sm-inline {
+ display: inline !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-globalBar-end {
- flex: 0 1 auto;
- display: flex;
- justify-content: flex-end;
- gap: var(--controlStack-medium-gap-auto, 8px);
- max-height: calc(var(--base-size-32, 32px));
-}
+ .d-sm-inline-block {
+ display: inline-block !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-logo {
- width: var(--base-size-32, 32px);
- height: var(--base-size-32, 32px);
- border: 0;
- outline-offset: 2px;
-}
+ .d-sm-block {
+ display: block !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-logo svg {
- width: var(--base-size-32, 32px);
- height: var(--base-size-32, 32px);
-}
+ .d-sm-grid {
+ display: grid !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-user {
- position: relative;
- background: var(--bgColor-neutral-muted);
- border-radius: 50%;
-}
+ .d-sm-table {
+ display: table !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-user img {
- position: relative;
- border-radius: 50%;
-}
+ .d-sm-table-row {
+ display: table-row !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context {
- min-width: 0;
- height: var(--base-size-32, 32px);
- flex: 1 1 auto;
-}
+ .d-sm-table-cell {
+ display: table-cell !important;
+ }
-@media (min-width: 768px) {
- .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact {
- display: none;
+ .d-sm-flex {
+ display: flex !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-trigger {
- display: grid;
- width: 100%;
- height: var(--base-size-48, 48px);
- color: inherit;
- text-align: left;
- cursor: pointer;
- background-color: transparent;
- border: 0;
- border-radius: var(--borderRadius-medium);
- margin-block: calc(var(--base-size-8) * -1);
- padding-block: var(--control-medium-paddingBlock, 6px);
- padding-inline: var(--control-medium-paddingInline-condensed, var(--base-size-8));
- appearance: none;
- align-items: center;
-}
+ .d-sm-inline-flex {
+ display: inline-flex !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-trigger:hover {
- background-color: var(--control-transparent-bgColor-hover);
-}
+ .d-sm-none {
+ display: none !important;
+ }
-.AppHeader
- .AppHeader-globalBar
- .AppHeader-context
- .AppHeader-context-compact
- .AppHeader-context-compact-trigger:active {
- background-color: var(--control-transparent-bgColor-active);
-}
+ .flex-sm-fill {
+ flex: 1 1 auto !important;
+ }
+
+ .flex-sm-row {
+ flex-direction: row !important;
+ }
+
+ .flex-sm-column {
+ flex-direction: column !important;
+ }
+
+ .flex-sm-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+
+ .flex-sm-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+
+ .flex-sm-grow-0 {
+ flex-grow: 0 !important;
+ }
+
+ .flex-sm-grow-1 {
+ flex-grow: 1 !important;
+ }
+
+ .flex-sm-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+
+ .flex-sm-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+
+ .flex-sm-wrap {
+ flex-wrap: wrap !important;
+ }
+
+ .flex-sm-nowrap {
+ flex-wrap: nowrap !important;
+ }
+
+ .flex-sm-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+
+ .gap-sm-0 {
+ gap: 0 !important;
+ }
+
+ .gap-sm-1 {
+ gap: 0.25rem !important;
+ }
+
+ .gap-sm-2 {
+ gap: 0.5rem !important;
+ }
+
+ .gap-sm-3 {
+ gap: 1rem !important;
+ }
+
+ .gap-sm-4 {
+ gap: 1.5rem !important;
+ }
+
+ .gap-sm-5 {
+ gap: 3rem !important;
+ }
+
+ .justify-content-sm-start {
+ justify-content: flex-start !important;
+ }
+
+ .justify-content-sm-end {
+ justify-content: flex-end !important;
+ }
+
+ .justify-content-sm-center {
+ justify-content: center !important;
+ }
+
+ .justify-content-sm-between {
+ justify-content: space-between !important;
+ }
+
+ .justify-content-sm-around {
+ justify-content: space-around !important;
+ }
+
+ .justify-content-sm-evenly {
+ justify-content: space-evenly !important;
+ }
+
+ .align-items-sm-start {
+ align-items: flex-start !important;
+ }
+
+ .align-items-sm-end {
+ align-items: flex-end !important;
+ }
+
+ .align-items-sm-center {
+ align-items: center !important;
+ }
+
+ .align-items-sm-baseline {
+ align-items: baseline !important;
+ }
+
+ .align-items-sm-stretch {
+ align-items: stretch !important;
+ }
+
+ .align-content-sm-start {
+ align-content: flex-start !important;
+ }
+
+ .align-content-sm-end {
+ align-content: flex-end !important;
+ }
+
+ .align-content-sm-center {
+ align-content: center !important;
+ }
+
+ .align-content-sm-between {
+ align-content: space-between !important;
+ }
+
+ .align-content-sm-around {
+ align-content: space-around !important;
+ }
+
+ .align-content-sm-stretch {
+ align-content: stretch !important;
+ }
+
+ .align-self-sm-auto {
+ align-self: auto !important;
+ }
+
+ .align-self-sm-start {
+ align-self: flex-start !important;
+ }
+
+ .align-self-sm-end {
+ align-self: flex-end !important;
+ }
+
+ .align-self-sm-center {
+ align-self: center !important;
+ }
+
+ .align-self-sm-baseline {
+ align-self: baseline !important;
+ }
+
+ .align-self-sm-stretch {
+ align-self: stretch !important;
+ }
+
+ .order-sm-first {
+ order: -1 !important;
+ }
+
+ .order-sm-0 {
+ order: 0 !important;
+ }
+
+ .order-sm-1 {
+ order: 1 !important;
+ }
+
+ .order-sm-2 {
+ order: 2 !important;
+ }
+
+ .order-sm-3 {
+ order: 3 !important;
+ }
+
+ .order-sm-4 {
+ order: 4 !important;
+ }
+
+ .order-sm-5 {
+ order: 5 !important;
+ }
+
+ .order-sm-last {
+ order: 6 !important;
+ }
+
+ .m-sm-0 {
+ margin: 0 !important;
+ }
+
+ .m-sm-1 {
+ margin: 0.25rem !important;
+ }
+
+ .m-sm-2 {
+ margin: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-lead {
- display: grid;
- width: -moz-fit-content;
- width: fit-content;
- font-size: var(--text-caption-size, 12px);
- line-height: var(--text-caption-lineHeight, 1.3333333333);
- color: var(--fgColor-muted);
- grid-auto-flow: column;
- align-items: center;
-}
+ .m-sm-3 {
+ margin: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-parentItem {
- display: inline;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .m-sm-4 {
+ margin: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-mainItem {
- display: block;
- overflow: hidden;
- line-height: var(--text-body-lineHeight-medium, 1.4285714286);
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .m-sm-5 {
+ margin: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full {
- display: inline-flex;
- width: 100%;
- min-width: 0;
- max-width: 100%;
- overflow: hidden;
-}
+ .m-sm-auto {
+ margin: auto !important;
+ }
-@media (max-width: 767.98px) {
- .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full {
- display: none;
+ .mx-sm-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full nav {
- width: 100%;
-}
+ .mx-sm-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full ul,
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li {
- list-style: none;
-}
+ .mx-sm-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full ul {
- display: flex;
- flex-direction: row;
-}
+ .mx-sm-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li {
- display: inline-grid;
- grid-auto-flow: column;
- align-items: center;
- flex: 0 99999 auto;
-}
+ .mx-sm-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:first-child {
- flex: 0 100 max-content;
-}
+ .mx-sm-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:last-child {
- flex: 0 1 max-content;
-}
+ .mx-sm-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:last-child .AppHeader-context-item {
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .my-sm-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item {
- display: flex;
- align-items: center;
- min-width: 3ch;
- line-height: var(--text-body-lineHeight-medium, 1.4285714286);
- color: inherit;
- text-decoration: none !important;
- border-radius: var(--borderRadius-medium);
- padding-inline: var(--control-medium-paddingInline-condensed, var(--base-size-8));
- padding-block: var(--control-medium-paddingBlock, 6px);
-}
+ .my-sm-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item .AppHeader-context-item-label {
- display: inline-block;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .my-sm-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context a.AppHeader-context-item:hover {
- background: var(--control-transparent-bgColor-hover);
-}
+ .my-sm-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context a.AppHeader-context-item:active {
- background: var(--control-transparent-bgColor-active);
-}
+ .my-sm-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item-separator {
- color: var(--fgColor-muted);
- white-space: nowrap;
-}
+ .my-sm-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- justify-content: flex-end;
-}
+ .my-sm-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-@media (min-width: 1012px) {
- .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenNarrow {
- display: none;
+ .mt-sm-0 {
+ margin-top: 0 !important;
}
-}
-@media (max-width: 1011.98px) {
- .AppHeader .AppHeader-globalBar .AppHeader-search {
- flex-grow: 0;
+ .mt-sm-1 {
+ margin-top: 0.25rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .search-input {
- width: auto;
+ .mt-sm-2 {
+ margin-top: 0.5rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .search-input-container {
- margin: 0 !important;
+ .mt-sm-3 {
+ margin-top: 1rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenRegular {
- display: none;
+ .mt-sm-4 {
+ margin-top: 1.5rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .header-search {
- max-width: 100%;
+ .mt-sm-5 {
+ margin-top: 3rem !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenRegular {
- min-width: 12rem;
- max-width: 24rem;
- flex: 1 1 auto;
-}
+ .mt-sm-auto {
+ margin-top: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-wrap {
- display: grid;
-}
+ .me-sm-0 {
+ margin-right: 0 !important;
+ }
-.AppHeader
- .AppHeader-globalBar
- .AppHeader-search
- .AppHeader-search-wrap.AppHeader-search-wrap--hasTrailing
- input[type='search'] {
- padding-inline-end: calc(
- var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px) -
- var(--borderWidth-thin, 1px)
- );
-}
+ .me-sm-1 {
+ margin-right: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .search-input-container {
- height: auto;
-}
+ .me-sm-2 {
+ margin-right: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-kbd {
- display: inline-grid;
- width: var(--base-size-16, 16px);
- height: var(--base-size-16, 16px);
- padding: 0;
- font-size: var(--text-caption-size, 12px);
- line-height: var(--text-caption-lineHeight, 1.3333333333);
- color: inherit;
- vertical-align: baseline;
- background: var(--bgColor-transparent);
- border: var(--borderWidth-thin) solid var(--fgColor-muted);
- border-radius: var(--borderRadius-small);
- box-shadow: none;
- align-items: center;
- justify-content: center;
-}
+ .me-sm-3 {
+ margin-right: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-placeholder {
- display: block;
- width: 100%;
- overflow: hidden;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: var(--text-body-lineHeight-medium, 20px);
- color: var(--fgColor-muted);
- text-overflow: ellipsis;
- white-space: nowrap;
- pointer-events: none;
- grid-area: 1/1;
- padding-block: var(--control-medium-paddingBlock, 6px);
- padding-inline: calc(
- var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px)
- );
-}
+ .me-sm-4 {
+ margin-right: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-control {
- grid-area: 1/1;
- position: relative;
-}
+ .me-sm-5 {
+ margin-right: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-visual--leading {
- position: absolute;
- top: var(--base-size-8, var(--base-size-8));
- left: var(--base-size-8, var(--base-size-8));
- display: block;
- width: var(--base-size-16, 16px);
- height: var(--base-size-16, 16px);
- color: var(--fgColor-muted);
- pointer-events: none;
-}
+ .me-sm-auto {
+ margin-right: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-visual--leading svg {
- display: block !important;
-}
+ .mb-sm-0 {
+ margin-bottom: 0 !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-searchButton {
- background: transparent;
-}
+ .mb-sm-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search'],
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-searchButton {
- width: 100%;
- border: solid var(--borderWidth-thin) var(--button-default-borderColor-rest);
- transition: none;
- padding-block: calc(var(--control-medium-paddingBlock, 6px) - var(--borderWidth-thin, 1px));
- padding-inline-start: calc(
- var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px) -
- var(--borderWidth-thin, 1px)
- );
- padding-inline-end: var(--control-medium-paddingInline-condensed, var(--base-size-40));
-}
+ .mb-sm-2 {
+ margin-bottom: 0.5rem !important;
+ }
-.appheader.AppHeader-globalBar .AppHeader-search input[type=search]: placeholder-shown {
- background: transparent;
-}
+ .mb-sm-3 {
+ margin-bottom: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:not(:placeholder-shown) {
- background: var(--bgColor-default);
-}
+ .mb-sm-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']::placeholder {
- color: transparent;
- opacity: 1;
-}
+ .mb-sm-5 {
+ margin-bottom: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus {
- background: var(--bgColor-default);
-}
+ .mb-sm-auto {
+ margin-bottom: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus::placeholder {
- color: var(--fgColor-muted);
-}
+ .ms-sm-0 {
+ margin-left: 0 !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus:placeholder {
- color: var(--fgColor-muted);
- opacity: 1;
-}
+ .ms-sm-1 {
+ margin-left: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus-visible {
- border-color: var(--focus-outlineColor);
-}
+ .ms-sm-2 {
+ margin-left: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing {
- position: absolute;
- top: var(--base-size-4, var(--base-size-4));
- right: var(--base-size-4, var(--base-size-4));
- display: grid;
- width: var(--control-xsmall-size, 24px);
- height: var(--control-xsmall-size, 24px);
- padding: 0;
- color: var(--fgColor-muted);
- background: var(--bgColor-transparent);
- border: 0;
- border-radius: var(--borderRadius-small);
- align-items: center;
- justify-content: center;
-}
+ .ms-sm-3 {
+ margin-left: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing:hover {
- background: var(--control-transparent-bgColor-hover);
-}
+ .ms-sm-4 {
+ margin-left: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing:active {
- background: var(--control-transparent-bgColor-active);
-}
+ .ms-sm-5 {
+ margin-left: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::before {
- position: absolute;
- top: calc((var(--control-xsmall-size, var(--base-size-24)) - var(--base-size-16, var(--base-size-16))) / 2);
- left: calc(var(--base-size-4, var(--base-size-4)) * -1);
- display: block;
- width: var(--borderWidth-thin, 1px);
- height: var(--base-size-16, 16px);
- content: '';
- background: var(--borderColor-default);
-}
+ .ms-sm-auto {
+ margin-left: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::after {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 100%;
- height: 100%;
- min-height: var(--control-medium-size, 32px);
- content: '';
- transform: translateX(-50%) translateY(-50%);
- min-width: var(--control-medium-size, 32px);
-}
+ .p-sm-0 {
+ padding: 0 !important;
+ }
-@media (pointer: coarse) {
- .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::after {
- min-width: var(--control-minTarget-coarse, 44px);
- min-height: var(--control-minTarget-coarse, 44px);
+ .p-sm-1 {
+ padding: 0.25rem !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing svg {
- color: inherit;
-}
+ .p-sm-2 {
+ padding: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-divider {
- width: var(--borderWidth-thin, 1px);
- height: var(--base-size-20, 20px);
- height: var(--base-size-20, 20px);
- margin: calc((var(--control-medium-size, 32px) - var(--base-size-20, var(--base-size-20))) / 2) 0;
- background: var(--borderColor-default);
-}
+ .p-sm-3 {
+ padding: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-actions {
- display: grid;
- grid-auto-flow: column;
- gap: var(--controlStack-medium-gap-auto, 8px);
-}
+ .p-sm-4 {
+ padding: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-actions::before {
- display: block;
- width: var(--borderWidth-thin, 1px);
- height: var(--base-size-20, 20px);
- height: var(--base-size-20, 20px);
- content: '';
- background: var(--borderColor-default);
- margin-block: calc((var(--control-medium-size, 32px) - var(--base-size-20, var(--base-size-20))) / 2);
-}
+ .p-sm-5 {
+ padding: 3rem !important;
+ }
-@media (pointer: fine) {
- .AppHeader .AppHeader-globalBar .AppHeader-actions::before {
- margin-inline: var(--base-size-4, var(--base-size-4));
+ .px-sm-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-}
-@media (max-width: 767.98px) {
- .AppHeader .AppHeader-globalBar .AppHeader-actions,
- .AppHeader .AppHeader-globalBar .AppHeader-CopilotChat {
- display: none;
+ .px-sm-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
}
-}
-.AppHeader .AppHeader-localBar {
- padding: 0 var(--base-size-16, var(--base-size-16));
-}
+ .px-sm-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.AppHeader .AppHeader-item {
- flex: 0 0 auto;
-}
+ .px-sm-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.AppHeader .AppHeader-item--full {
- flex-grow: 1;
-}
+ .px-sm-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.AppHeader .AppHeader-button {
- position: relative;
- display: grid;
- width: var(--base-size-32, 32px);
- height: var(--base-size-32, 32px);
- color: var(--fgColor-muted);
- background: transparent;
- border: solid var(--borderWidth-thin) var(--button-default-borderColor-rest);
- border-radius: var(--borderRadius-medium, var(--borderRadius-medium));
- grid-auto-columns: max-content;
- align-items: center;
- justify-content: center;
-}
+ .px-sm-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.AppHeader .AppHeader-button svg {
- color: inherit !important;
-}
+ .py-sm-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.AppHeader .AppHeader-button:hover {
- background: var(--control-transparent-bgColor-hover);
-}
+ .py-sm-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.AppHeader .AppHeader-button:active {
- background: var(--control-transparent-bgColor-active);
-}
+ .py-sm-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-@media (pointer: coarse) {
- .AppHeader .AppHeader-button::after {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 100%;
- height: 100%;
- min-height: var(--control-minTarget-coarse, 44px);
- content: '';
- transform: translateX(-50%) translateY(-50%);
- min-width: var(--control-minTarget-coarse, 44px);
+ .py-sm-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
}
-}
-.AppHeader .AppHeader-button--hasIndicator::before {
- position: absolute;
- top: calc(var(--base-size-4) / -2);
- right: calc(var(--base-size-4) / -2);
- display: block;
- width: var(--base-size-8, 8px);
- height: var(--base-size-8, 8px);
- content: '';
- background: var(--bgColor-accent-emphasis);
- border-radius: 50%;
- box-shadow: 0 0 0 calc(var(--base-size-4, 4px) / 2) var(--AppHeader-bg);
-}
+ .py-sm-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-@media (pointer: coarse) {
- .AppHeader .AppHeader-button--hasIndicator::before {
- left: auto;
- min-width: var(--base-size-8, 8px);
- min-height: var(--base-size-8, 8px);
- transform: none;
+ .py-sm-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
}
-}
-.AppHeader .Overlay-titleWrap {
- width: 100%;
- overflow-x: hidden;
-}
+ .pt-sm-0 {
+ padding-top: 0 !important;
+ }
-[data-target='animated-image.originalImage'],
-[data-target='animated-image.replacedImage'],
-[data-a11y-animated-images='system'] [data-animated-image],
-[data-a11y-animated-images='disabled'] [data-animated-image] {
- display: none;
-}
+ .pt-sm-1 {
+ padding-top: 0.25rem !important;
+ }
-[data-target='animated-image.originalImage'] {
- width: 100%;
-}
+ .pt-sm-2 {
+ padding-top: 0.5rem !important;
+ }
-animated-image[data-catalyst] {
- display: inline-block;
-}
+ .pt-sm-3 {
+ padding-top: 1rem !important;
+ }
-animated-image {
- max-width: 100%;
-}
+ .pt-sm-4 {
+ padding-top: 1.5rem !important;
+ }
-.AnimatedImagePlayer {
- position: relative;
- display: inline-block;
- width: 100%;
-}
+ .pt-sm-5 {
+ padding-top: 3rem !important;
+ }
-.AnimatedImagePlayer > a:not(.AnimatedImagePlayer-images) {
- display: none;
-}
+ .pe-sm-0 {
+ padding-right: 0 !important;
+ }
-.AnimatedImagePlayer-controls {
- position: absolute;
- top: var(--base-size-8);
- right: var(--base-size-8);
- z-index: 2;
- display: none;
- padding: var(--base-size-4);
- list-style: none;
- background: var(--bgColor-default);
- border-radius: var(--borderRadius-medium);
- box-shadow: var(--shadow-floating-small);
- opacity: 1;
- transition: opacity 80ms linear;
-}
+ .pe-sm-1 {
+ padding-right: 0.25rem !important;
+ }
-.AnimatedImagePlayer-images .AnimatedImagePlayer-animatedImage {
- cursor: pointer;
-}
+ .pe-sm-2 {
+ padding-right: 0.5rem !important;
+ }
-.AnimatedImagePlayer-button {
- display: flex;
- align-items: center;
- justify-content: center;
- width: var(--base-size-32);
- height: var(--base-size-32);
- cursor: pointer;
- background-color: var(--bgColor-default);
- border: 0;
- border-radius: var(--borderRadius-medium);
-}
+ .pe-sm-3 {
+ padding-right: 1rem !important;
+ }
-@media (hover: hover) and (pointer: fine) {
- .AnimatedImagePlayer-button:hover {
- background-color: var(--button-default-bgColor-hover);
- transition: background-color 200ms linear;
+ .pe-sm-4 {
+ padding-right: 1.5rem !important;
}
-}
-.AnimatedImagePlayer-images {
- display: block;
- width: 100%;
- padding: 0;
- margin: 0;
- background: none;
- border: 0;
- outline: none;
- outline-offset: 0;
-}
+ .pe-sm-5 {
+ padding-right: 3rem !important;
+ }
-.AnimatedImagePlayer-images:focus-visible {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: 0;
-}
+ .pb-sm-0 {
+ padding-bottom: 0 !important;
+ }
-.AnimatedImagePlayer-button:focus-visible {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: -2px;
-}
+ .pb-sm-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.AnimatedImagePlayer-button svg {
- width: var(--base-size-16);
- height: var(--base-size-16);
- pointer-events: none;
- fill: var(--fgColor-muted);
-}
+ .pb-sm-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.AnimatedImagePlayer-button:hover svg {
- fill: var(--fgColor-default);
-}
+ .pb-sm-3 {
+ padding-bottom: 1rem !important;
+ }
-.AnimatedImagePlayer-stillImage {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 1;
- display: none;
- width: 100%;
- height: 100%;
- pointer-events: none;
-}
+ .pb-sm-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.AnimatedImagePlayer-animatedImage {
- width: 100%;
- max-width: 100%;
- max-height: 100%;
-}
+ .pb-sm-5 {
+ padding-bottom: 3rem !important;
+ }
-.AnimatedImagePlayer.playing .AnimatedImagePlayer-controls {
- opacity: 0;
- transition-delay: 1s;
-}
+ .ps-sm-0 {
+ padding-left: 0 !important;
+ }
-.AnimatedImagePlayer.enabled .AnimatedImagePlayer-animatedImage {
- opacity: 0 !important;
-}
+ .ps-sm-1 {
+ padding-left: 0.25rem !important;
+ }
-.AnimatedImagePlayer.enabled.playing .AnimatedImagePlayer-animatedImage {
- opacity: 1 !important;
-}
+ .ps-sm-2 {
+ padding-left: 0.5rem !important;
+ }
-.AnimatedImagePlayer.playing.player-focused .AnimatedImagePlayer-controls {
- opacity: 1;
- transition-delay: 0ms;
-}
+ .ps-sm-3 {
+ padding-left: 1rem !important;
+ }
-@media (hover: hover) and (pointer: fine) {
- .AnimatedImagePlayer.playing:hover .AnimatedImagePlayer-controls {
- opacity: 1;
- transition-delay: 0s;
+ .ps-sm-4 {
+ padding-left: 1.5rem !important;
}
-}
-.AnimatedImagePlayer.enabled.playing .AnimatedImagePlayer-stillImage,
-.AnimatedImagePlayer.enabled.playing .icon-play,
-.AnimatedImagePlayer .icon-pause {
- display: none;
-}
+ .ps-sm-5 {
+ padding-left: 3rem !important;
+ }
-.AnimatedImagePlayer .icon-play,
-.AnimatedImagePlayer.enabled.playing .icon-pause,
-.AnimatedImagePlayer.enabled .AnimatedImagePlayer-stillImage {
- display: block;
-}
+ .text-sm-start {
+ text-align: left !important;
+ }
-.AnimatedImagePlayer.enabled .AnimatedImagePlayer-controls {
- display: flex;
-}
+ .text-sm-end {
+ text-align: right !important;
+ }
-.emoji-tab.UnderlineNav-item {
- margin-right: var(--base-size-4);
+ .text-sm-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 768px) {
+ .float-md-start {
+ float: left !important;
+ }
-.emoji-tab[role='tab'][aria-selected='true'] {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default);
- border-bottom-color: var(--borderColor-severe-emphasis);
-}
+ .float-md-end {
+ float: right !important;
+ }
-.emoji-tab[role='tab'][aria-selected='true'] .UnderlineNav-octicon {
- color: var(--fgColor-muted);
-}
+ .float-md-none {
+ float: none !important;
+ }
-.selected-emoji {
- z-index: 100;
-}
+ .d-md-inline {
+ display: inline !important;
+ }
-.emoji-picker-container .emoji-picker-tab g-emoji {
- margin-right: auto;
- margin-left: var(--base-size-4);
-}
+ .d-md-inline-block {
+ display: inline-block !important;
+ }
-.emoji-tab .emoji-icon {
- width: auto;
-}
+ .d-md-block {
+ display: block !important;
+ }
-.emoji-picker-container {
- z-index: 2;
- width: 395px;
- max-width: 80vw;
-}
+ .d-md-grid {
+ display: grid !important;
+ }
-.emoji-picker-container .UnderlineNav-body {
- gap: var(--control-small-gap, var(--base-size-8));
-}
+ .d-md-table {
+ display: table !important;
+ }
-.emoji-picker-tab {
- height: 136px;
- padding-top: var(--base-size-8);
-}
+ .d-md-table-row {
+ display: table-row !important;
+ }
-.emoji-picker-emoji-width {
- width: 32px;
- height: 28px;
-}
+ .d-md-table-cell {
+ display: table-cell !important;
+ }
-.emoji-picker-list {
- list-style: none;
-}
+ .d-md-flex {
+ display: flex !important;
+ }
-.notification-shelf {
- z-index: 34;
- background: var(--bgColor-inset) !important;
- border-color: var(--borderColor-default) !important;
-}
+ .d-md-inline-flex {
+ display: inline-flex !important;
+ }
-.notification-shelf svg[class='octicon octicon-x'] {
- color: var(--fgColor-muted) !important;
-}
+ .d-md-none {
+ display: none !important;
+ }
-.notification-shelf.is-stuck {
- z-index: 999;
-}
+ .flex-md-fill {
+ flex: 1 1 auto !important;
+ }
-@media (max-width: 767px) {
- .notifications-v2 .commit-ref .css-truncate-target {
- word-break: break-all;
- white-space: normal;
+ .flex-md-row {
+ flex-direction: row !important;
}
-}
-@media (max-width: 543px) {
- .notifications-v2 .Box {
- border-right: 0;
- border-left: 0;
- border-radius: 0;
+ .flex-md-column {
+ flex-direction: column !important;
}
-}
-@media (max-width: 543px) {
- .notifications-v2 .Box .Box-header {
- border-right: 0 !important;
- border-left: 0 !important;
- border-radius: 0 !important;
+ .flex-md-row-reverse {
+ flex-direction: row-reverse !important;
}
-}
-@media (max-width: 767px) {
- .notifications-v2 .AvatarStack--right {
- width: auto !important;
- min-width: auto !important;
- margin-left: 53px !important;
+ .flex-md-column-reverse {
+ flex-direction: column-reverse !important;
}
-}
-@media (max-width: 767px) {
- .notifications-v2 .AvatarStack--right .AvatarStack-body {
- position: relative !important;
- right: unset !important;
- margin-right: var(--base-size-8);
- flex-direction: row !important;
+ .flex-md-grow-0 {
+ flex-grow: 0 !important;
}
-}
-@media (max-width: 767px) {
- .notifications-v2 .AvatarStack-body .avatar {
- position: relative !important;
- margin-right: -12px !important;
- margin-left: 0 !important;
- border-right: var(--borderWidth-thin) solid #fff !important;
- border-left: 0 !important;
+ .flex-md-grow-1 {
+ flex-grow: 1 !important;
}
-}
-.notifications-v2 .thread-subscription-status {
- background-color: transparent !important;
-}
+ .flex-md-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.notifications-v2 .notification-action-mark-archived,
-.notifications-v2 .notification-action-mark-unread,
-.notifications-v2 .notification-action-star,
-.notifications-v2 .notification-action-unsubscribe {
- display: block !important;
-}
+ .flex-md-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-.notifications-v2 .notification-action-mark-read,
-.notifications-v2 .notification-action-mark-unarchived,
-.notifications-v2 .notification-action-subscribe,
-.notifications-v2 .notification-action-unstar,
-.notifications-v2 .notification-is-starred-icon {
- display: none !important;
-}
+ .flex-md-wrap {
+ flex-wrap: wrap !important;
+ }
-.notifications-v2 .notification-unsubscribed .notification-action-unsubscribe {
- display: none !important;
-}
+ .flex-md-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.notifications-v2 .notification-unsubscribed .notification-action-subscribe {
- display: block !important;
-}
+ .flex-md-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.notifications-v2 .notification-unread .notification-action-mark-read {
- display: block !important;
-}
+ .gap-md-0 {
+ gap: 0 !important;
+ }
-.notifications-v2 .notification-unread .notification-action-mark-unread {
- display: none !important;
-}
+ .gap-md-1 {
+ gap: 0.25rem !important;
+ }
-.notifications-v2 .notification-archived .notification-action-mark-archived,
-.notifications-v2 .notification-archived .notification-action-mark-read,
-.notifications-v2 .notification-archived .notification-action-mark-unread {
- display: none !important;
-}
+ .gap-md-2 {
+ gap: 0.5rem !important;
+ }
-.notifications-v2 .notification-archived .notification-action-mark-unarchived {
- display: block !important;
-}
+ .gap-md-3 {
+ gap: 1rem !important;
+ }
-.notifications-v2 .notification-starred .notification-action-star {
- display: none !important;
-}
+ .gap-md-4 {
+ gap: 1.5rem !important;
+ }
-.notifications-v2 .notification-starred .notification-is-starred-icon {
- display: inline-block !important;
-}
+ .gap-md-5 {
+ gap: 3rem !important;
+ }
-.notifications-v2 .notification-starred .notification-action-unstar {
- display: block !important;
-}
+ .justify-content-md-start {
+ justify-content: flex-start !important;
+ }
-.notifications-v2 .thread-subscribe-form {
- display: none !important;
-}
+ .justify-content-md-end {
+ justify-content: flex-end !important;
+ }
-.notifications .read .avatar img {
- opacity: 0.5;
-}
+ .justify-content-md-center {
+ justify-content: center !important;
+ }
-.notifications .read .undo {
- display: block;
-}
+ .justify-content-md-between {
+ justify-content: space-between !important;
+ }
-.notifications .read .delete {
- visibility: hidden;
-}
+ .justify-content-md-around {
+ justify-content: space-around !important;
+ }
-.notifications .read[aria-selected='true'],
-.notifications .read.navigation-focus {
- background-color: #f5f9fc;
-}
+ .justify-content-md-evenly {
+ justify-content: space-evenly !important;
+ }
-.notifications .muted .unmute {
- display: block;
-}
+ .align-items-md-start {
+ align-items: flex-start !important;
+ }
-.notifications .muted .mute {
- display: none;
-}
+ .align-items-md-end {
+ align-items: flex-end !important;
+ }
-.notifications .unmute {
- display: none;
-}
+ .align-items-md-center {
+ align-items: center !important;
+ }
-.notifications-list {
- float: left;
- width: 100%;
-}
+ .align-items-md-baseline {
+ align-items: baseline !important;
+ }
-.thread-subscription-status {
- padding: var(--base-size-8);
- margin: var(--base-size-40) 0 var(--base-size-16);
- color: var(--fgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .align-items-md-stretch {
+ align-items: stretch !important;
+ }
-.thread-subscription-status .reason {
- display: inline-block;
- margin: 0 var(--base-size-8);
- vertical-align: middle;
-}
+ .align-content-md-start {
+ align-content: flex-start !important;
+ }
-.thread-subscription-status .thread-subscribe-form {
- display: inline-block;
- vertical-align: middle;
-}
+ .align-content-md-end {
+ align-content: flex-end !important;
+ }
-.subscription .loading {
- opacity: 0.5;
-}
+ .align-content-md-center {
+ align-content: center !important;
+ }
-.inline-form {
- display: inline-block;
-}
+ .align-content-md-between {
+ align-content: space-between !important;
+ }
-.inline-form .btn-plain {
- background-color: transparent;
- border: 0;
-}
+ .align-content-md-around {
+ align-content: space-around !important;
+ }
-.drag-and-drop {
- padding: 7px 10px;
- margin: 0;
- font-size: 13px;
- line-height: 16px;
- color: var(--fgColor-muted);
- background-color: var(--bgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-top: 0;
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
-}
+ .align-content-md-stretch {
+ align-content: stretch !important;
+ }
-.drag-and-drop .default,
-.drag-and-drop .loading,
-.drag-and-drop .error {
- display: none;
-}
+ .align-self-md-auto {
+ align-self: auto !important;
+ }
-.drag-and-drop .error {
- color: var(--fgColor-danger);
-}
+ .align-self-md-start {
+ align-self: flex-start !important;
+ }
-.drag-and-drop img {
- vertical-align: top;
-}
+ .align-self-md-end {
+ align-self: flex-end !important;
+ }
-.file-attachment-errors .Banner--error {
- display: none;
-}
+ .align-self-md-center {
+ align-self: center !important;
+ }
-.is-bad-file .file-attachment-errors .bad-file,
-.is-bad-dimensions .file-attachment-errors .bad-dimensions,
-.is-too-big .file-attachment-errors .too-big,
-.is-duplicate-filename .file-attachment-errors .duplicate-filename,
-.is-too-many .file-attachment-errors .too-many,
-.is-hidden-file .file-attachment-errors .hidden-file,
-.is-failed .file-attachment-errors .failed,
-.is-empty .file-attachment-errors .empty,
-.is-bad-permissions .file-attachment-errors .bad-permissions,
-.is-repository-required .file-attachment-errors .repository-required {
- display: flex;
-}
+ .align-self-md-baseline {
+ align-self: baseline !important;
+ }
-.is-default .drag-and-drop .default {
- display: inline-block;
-}
+ .align-self-md-stretch {
+ align-self: stretch !important;
+ }
-.is-uploading .drag-and-drop .loading {
- display: inline-block;
-}
+ .order-md-first {
+ order: -1 !important;
+ }
-.is-bad-file .drag-and-drop .bad-file {
- display: inline-block;
-}
+ .order-md-0 {
+ order: 0 !important;
+ }
-.is-duplicate-filename .drag-and-drop .duplicate-filename {
- display: inline-block;
-}
+ .order-md-1 {
+ order: 1 !important;
+ }
-.is-too-big .drag-and-drop .too-big {
- display: inline-block;
-}
+ .order-md-2 {
+ order: 2 !important;
+ }
-.is-hidden-file .drag-and-drop .hidden-file {
- display: inline-block;
-}
+ .order-md-3 {
+ order: 3 !important;
+ }
-.is-empty .drag-and-drop .empty {
- display: inline-block;
-}
+ .order-md-4 {
+ order: 4 !important;
+ }
-.is-bad-permissions .drag-and-drop .bad-permissions {
- display: inline-block;
-}
+ .order-md-5 {
+ order: 5 !important;
+ }
-.is-repository-required .drag-and-drop .repository-required {
- display: inline-block;
-}
+ .order-md-last {
+ order: 6 !important;
+ }
-.drag-and-drop-error-info {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted);
-}
+ .m-md-0 {
+ margin: 0 !important;
+ }
-.drag-and-drop-error-info a {
- color: var(--fgColor-accent);
-}
+ .m-md-1 {
+ margin: 0.25rem !important;
+ }
-.is-failed .drag-and-drop .failed-request {
- display: inline-block;
-}
+ .m-md-2 {
+ margin: 0.5rem !important;
+ }
-.manual-file-chooser {
- position: absolute;
- width: 240px;
- padding: 5px;
- margin-left: -80px;
- cursor: pointer;
- opacity: 0.0001;
-}
+ .m-md-3 {
+ margin: 1rem !important;
+ }
-.btn .manual-file-chooser {
- top: 0;
- padding: 0;
- line-height: 34px;
-}
+ .m-md-4 {
+ margin: 1.5rem !important;
+ }
-.upload-enabled textarea {
- display: block;
- border-bottom: var(--borderWidth-thin) dashed var(--borderColor-default);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
-}
+ .m-md-5 {
+ margin: 3rem !important;
+ }
+
+ .m-md-auto {
+ margin: auto !important;
+ }
-.upload-enabled.focused {
- border-color: var(--borderColor-accent-emphasis);
- border-radius: var(--borderRadius-medium);
- outline: none;
- box-shadow: 0 0 0 2px var(--borderColor-accent-emphasis);
-}
+ .mx-md-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.upload-enabled.focused .form-control {
- border-color: transparent;
- border-bottom-color: var(--borderColor-accent-emphasis);
- box-shadow: none;
-}
+ .mx-md-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.upload-enabled.focused .drag-and-drop {
- border-color: transparent;
-}
+ .mx-md-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.dragover textarea,
-.dragover .drag-and-drop {
- box-shadow: #c9ff00 0 0 3px;
-}
+ .mx-md-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.write-content {
- position: relative;
-}
+ .mx-md-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.previewable-comment-form {
- position: relative;
-}
+ .mx-md-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.previewable-comment-form .tabnav {
- position: relative;
- padding: var(--base-size-8) var(--base-size-8) 0;
-}
+ .mx-md-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.previewable-comment-form .comment {
- border: var(--borderWidth-thin) solid transparent;
- border-bottom: 0;
-}
+ .my-md-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.previewable-comment-form .comment-form-error {
- margin-bottom: var(--base-size-8);
-}
+ .my-md-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.previewable-comment-form .write-content,
-.previewable-comment-form .preview-content {
- display: none;
- margin: 0 var(--base-size-8) var(--base-size-8);
-}
+ .my-md-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.previewable-comment-form.write-selected .write-content,
-.previewable-comment-form.preview-selected .preview-content {
- display: block;
-}
+ .my-md-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.previewable-comment-form textarea {
- display: block;
- width: 100%;
- min-height: 100px;
- max-height: 500px;
- padding: var(--base-size-8);
- resize: vertical;
-}
+ .my-md-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.form-action-spacious {
- margin-top: 10px;
-}
+ .my-md-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-div.composer {
- margin-top: 0;
- border: 0;
-}
+ .my-md-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-.composer .comment-form-textarea {
- height: 200px;
- min-height: 200px;
-}
+ .mt-md-0 {
+ margin-top: 0 !important;
+ }
-.composer .tabnav {
- margin: 0 0 10px;
-}
+ .mt-md-1 {
+ margin-top: 0.25rem !important;
+ }
-h2.account {
- margin: 15px 0 0;
- font-size: 18px;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted);
-}
+ .mt-md-2 {
+ margin-top: 0.5rem !important;
+ }
-p.explain {
- position: relative;
- font-size: 12px;
- color: var(--fgColor-muted);
-}
+ .mt-md-3 {
+ margin-top: 1rem !important;
+ }
-p.explain strong {
- color: var(--fgColor-default);
-}
+ .mt-md-4 {
+ margin-top: 1.5rem !important;
+ }
-p.explain .octicon {
- margin-right: 5px;
- color: var(--fgColor-muted);
-}
+ .mt-md-5 {
+ margin-top: 3rem !important;
+ }
-p.explain .minibutton {
- top: -4px;
- float: right;
-}
+ .mt-md-auto {
+ margin-top: auto !important;
+ }
-@supports (field-sizing: content) {
- .size-to-fit {
- field-sizing: content;
- max-height: calc(100vh - 200px);
+ .me-md-0 {
+ margin-right: 0 !important;
}
-}
-.progress-pjax-loader {
- z-index: 99999;
- height: 2px !important;
- background: transparent;
- opacity: 0;
- transition: opacity 0.4s linear 0.4s;
-}
+ .me-md-1 {
+ margin-right: 0.25rem !important;
+ }
-.progress-pjax-loader.is-loading {
- opacity: 1;
- transition: none;
-}
+ .me-md-2 {
+ margin-right: 0.5rem !important;
+ }
-.progress-pjax-loader > .progress-pjax-loader-bar {
- background-color: #79b8ff;
- transition: width 0.4s ease;
-}
+ .me-md-3 {
+ margin-right: 1rem !important;
+ }
-.starred .starred-button-icon {
- color: var(--button-star-iconColor);
-}
+ .me-md-4 {
+ margin-right: 1.5rem !important;
+ }
-.user-lists-menu-action {
- color: var(--fgColor-default);
-}
+ .me-md-5 {
+ margin-right: 3rem !important;
+ }
-.user-lists-menu-action:hover:not(:disabled) {
- color: var(--fgColor-default);
- background-color: var(--bgColor-muted);
-}
+ .me-md-auto {
+ margin-right: auto !important;
+ }
-.user-lists-menu-action:focus:not(:disabled) {
- color: var(--fgColor-default);
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: 2px;
-}
+ .mb-md-0 {
+ margin-bottom: 0 !important;
+ }
-.starring-container .BtnGroup-parent:active {
- z-index: auto;
-}
+ .mb-md-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.shelf {
- padding-top: var(--base-size-16);
- margin-bottom: var(--base-size-16);
- background-color: var(--bgColor-default);
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted);
-}
+ .mb-md-2 {
+ margin-bottom: 0.5rem !important;
+ }
-.shelf .container {
- position: relative;
-}
+ .mb-md-3 {
+ margin-bottom: 1rem !important;
+ }
-.org-sso,
-.business-sso {
- max-width: 340px;
- margin: 0 auto;
-}
+ .mb-md-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.org-sso .sso-title,
-.business-sso .sso-title {
- font-size: 24px;
- font-weight: var(--base-text-weight-light, 300);
- letter-spacing: -0.5px;
-}
+ .mb-md-5 {
+ margin-bottom: 3rem !important;
+ }
-.org-sso .org-sso-panel,
-.org-sso .business-sso-panel,
-.business-sso .org-sso-panel,
-.business-sso .business-sso-panel {
- padding: var(--base-size-16);
- background-color: var(--bgColor-default);
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .mb-md-auto {
+ margin-bottom: auto !important;
+ }
-.org-sso .sso-recovery-callout,
-.business-sso .sso-recovery-callout {
- padding: var(--base-size-16) var(--base-size-8);
- text-align: center;
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .ms-md-0 {
+ margin-left: 0 !important;
+ }
-.sso-modal {
- padding: var(--base-size-16);
-}
+ .ms-md-1 {
+ margin-left: 0.25rem !important;
+ }
-.sso-modal .org-sso,
-.sso-modal .business-sso {
- width: auto;
-}
+ .ms-md-2 {
+ margin-left: 0.5rem !important;
+ }
-.sso-modal .org-sso .org-sso-panel,
-.sso-modal .business-sso .business-sso-panel {
- border: 0;
-}
+ .ms-md-3 {
+ margin-left: 1rem !important;
+ }
-.sso-modal .sso-prompt-success,
-.sso-modal .sso-prompt-error {
- display: none;
-}
+ .ms-md-4 {
+ margin-left: 1.5rem !important;
+ }
-.sso-modal.success .sso-prompt-default {
- display: none;
-}
+ .ms-md-5 {
+ margin-left: 3rem !important;
+ }
-.sso-modal.success .sso-prompt-success {
- display: block;
-}
+ .ms-md-auto {
+ margin-left: auto !important;
+ }
-.sso-modal.error .sso-prompt-default {
- display: none;
-}
+ .p-md-0 {
+ padding: 0 !important;
+ }
-.sso-modal.error .sso-prompt-error {
- display: block;
-}
+ .p-md-1 {
+ padding: 0.25rem !important;
+ }
-.sso-modal.error .flash-error {
- margin-right: calc(var(--base-size-32) * -1);
- margin-left: calc(var(--base-size-32) * -1);
- border-right: 0;
- border-left: 0;
- border-radius: 0;
-}
+ .p-md-2 {
+ padding: 0.5rem !important;
+ }
-.status-indicator {
- display: inline-block;
- width: 16px;
- height: 16px;
- margin-left: 5px;
-}
+ .p-md-3 {
+ padding: 1rem !important;
+ }
-.status-indicator .octicon {
- display: none;
-}
+ .p-md-4 {
+ padding: 1.5rem !important;
+ }
-.status-indicator-success::before {
- content: '';
-}
+ .p-md-5 {
+ padding: 3rem !important;
+ }
-.status-indicator-success .octicon-check {
- display: inline-block;
- color: var(--fgColor-success);
- fill: var(--fgColor-success);
-}
+ .px-md-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
-.status-indicator-success .octicon-x {
- display: none;
-}
+ .px-md-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
-.status-indicator-failed::before {
- content: '';
-}
+ .px-md-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.status-indicator-failed .octicon-check {
- display: none;
-}
+ .px-md-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.status-indicator-failed .octicon-x {
- display: inline-block;
- color: var(--fgColor-danger);
- fill: var(--fgColor-danger);
-}
+ .px-md-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.status-indicator-loading {
- width: 16px;
- background-image: url('/assets/octocat-spinner-32-EAF2F5-ada8eb30dd92.gif');
- background-repeat: no-repeat;
- background-position: 0 0;
- background-size: 16px;
-}
+ .px-md-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.tag-input-container {
- position: relative;
-}
+ .py-md-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.tag-input-container .focus {
- border-color: transparent !important;
- box-shadow: none !important;
-}
+ .py-md-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.tag-input-container .suggester {
- position: absolute;
- z-index: 100;
- width: 100%;
- margin-top: -1px;
-}
+ .py-md-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-.tag-input-container ul {
- list-style: none;
-}
+ .py-md-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
-.tag-input input {
- float: left;
- padding-left: 2px;
- margin: 0;
- background: none;
- border: 0;
- box-shadow: none;
-}
+ .py-md-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-.tag-input input:focus {
- box-shadow: none;
-}
+ .py-md-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
-.task-list-item {
- list-style-type: none;
-}
+ .pt-md-0 {
+ padding-top: 0 !important;
+ }
-.task-list-item label {
- font-weight: var(--base-text-weight-normal, 400);
-}
+ .pt-md-1 {
+ padding-top: 0.25rem !important;
+ }
-.task-list-item.enabled label {
- cursor: pointer;
-}
+ .pt-md-2 {
+ padding-top: 0.5rem !important;
+ }
-.task-list-item + .task-list-item {
- margin-top: var(--base-size-4);
-}
+ .pt-md-3 {
+ padding-top: 1rem !important;
+ }
-.task-list-item .handle {
- display: none;
-}
+ .pt-md-4 {
+ padding-top: 1.5rem !important;
+ }
-.task-list-item-checkbox {
- margin: 0 0.2em 0.25em -1.4em;
- vertical-align: middle;
-}
+ .pt-md-5 {
+ padding-top: 3rem !important;
+ }
-ul:dir(rtl) .task-list-item-checkbox {
- margin: 0 -1.6em 0.25em 0.2em;
-}
+ .pe-md-0 {
+ padding-right: 0 !important;
+ }
-ol:dir(rtl) .task-list-item-checkbox {
- margin: 0 -1.6em 0.25em 0.2em;
-}
+ .pe-md-1 {
+ padding-right: 0.25rem !important;
+ }
-.convert-to-issue-button {
- top: 2px;
- right: var(--base-size-4);
- padding: 0 2px;
- margin-right: var(--base-size-8);
- -webkit-user-select: none;
- user-select: none;
- background-color: var(--bgColor-muted);
-}
+ .pe-md-2 {
+ padding-right: 0.5rem !important;
+ }
-.convert-to-issue-button .octicon {
- fill: var(--fgColor-default);
-}
+ .pe-md-3 {
+ padding-right: 1rem !important;
+ }
-.convert-to-issue-button:hover .octicon,
-.convert-to-issue-button:focus .octicon {
- fill: var(--fgColor-accent);
-}
+ .pe-md-4 {
+ padding-right: 1.5rem !important;
+ }
-.reorderable-task-lists .markdown-body ul,
-.reorderable-task-lists .markdown-body ol {
- position: relative;
- padding: 0;
-}
+ .pe-md-5 {
+ padding-right: 3rem !important;
+ }
-.reorderable-task-lists .markdown-body li:not(.task-list-item) {
- margin-left: var(--base-size-24);
-}
+ .pb-md-0 {
+ padding-bottom: 0 !important;
+ }
-.reorderable-task-lists .markdown-body ol li,
-.reorderable-task-lists .markdown-body ul li {
- margin-left: 0;
-}
+ .pb-md-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item {
- padding: 2px 15px 2px 42px;
- margin-right: -15px;
- margin-left: -15px;
- line-height: 1.5;
- border: 0;
-}
+ .pb-md-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item + .task-list-item {
- margin-top: 0;
-}
+ .pb-md-3 {
+ padding-bottom: 1rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item .handle {
- display: block;
- float: left;
- width: 20px;
- padding: 2px 0 0 2px;
- margin-left: -43px;
- opacity: 0;
-}
+ .pb-md-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item .drag-handle {
- fill: var(--fgColor-default);
-}
+ .pb-md-5 {
+ padding-bottom: 3rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item.hovered > .handle {
- opacity: 1;
-}
+ .ps-md-0 {
+ padding-left: 0 !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item.is-dragging {
- opacity: 0;
-}
+ .ps-md-1 {
+ padding-left: 0.25rem !important;
+ }
-.reorderable-task-lists .markdown-body ul:dir(rtl) .task-list-item {
- margin-right: 0;
-}
+ .ps-md-2 {
+ padding-left: 0.5rem !important;
+ }
-.reorderable-task-lists .markdown-body ol:dir(rtl) .task-list-item {
- margin-right: 0;
-}
+ .ps-md-3 {
+ padding-left: 1rem !important;
+ }
-.comment-body .reference {
- font-weight: var(--base-text-weight-semibold, 600);
- white-space: nowrap;
-}
+ .ps-md-4 {
+ padding-left: 1.5rem !important;
+ }
-.comment-body .issue-link {
- white-space: normal;
-}
+ .ps-md-5 {
+ padding-left: 3rem !important;
+ }
-.comment-body .issue-link .issue-shorthand {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted);
-}
+ .text-md-start {
+ text-align: left !important;
+ }
-.comment-body .issue-link:hover .issue-shorthand,
-.comment-body .issue-link:focus .issue-shorthand {
- color: var(--fgColor-accent);
-}
+ .text-md-end {
+ text-align: right !important;
+ }
-.review-comment-contents .markdown-body .task-list-item {
- padding-left: 42px;
- margin-right: -12px;
- margin-left: -12px;
- border-top-left-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+ .text-md-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 992px) {
+ .float-lg-start {
+ float: left !important;
+ }
-.convert-to-issue-enabled .task-list-item .contains-task-list {
- padding: var(--base-size-4) 15px 0 43px;
- margin: 0 -15px 0 -42px;
-}
+ .float-lg-end {
+ float: right !important;
+ }
-.convert-to-issue-enabled .task-list-item.hovered {
- background-color: var(--bgColor-muted);
-}
+ .float-lg-none {
+ float: none !important;
+ }
-.convert-to-issue-enabled .task-list-item.hovered .contains-task-list {
- background-color: var(--bgColor-default);
-}
+ .d-lg-inline {
+ display: inline !important;
+ }
-.convert-to-issue-enabled .task-list-item > .convert-to-issue-button {
- opacity: 0;
-}
+ .d-lg-inline-block {
+ display: inline-block !important;
+ }
+
+ .d-lg-block {
+ display: block !important;
+ }
-.convert-to-issue-enabled .task-list-item.hovered > .convert-to-issue-button,
-.convert-to-issue-enabled .task-list-item > .convert-to-issue-button:focus {
- z-index: 20;
- opacity: 1;
-}
+ .d-lg-grid {
+ display: grid !important;
+ }
-.convert-to-issue-enabled .task-list-item.is-loading {
- color: var(--fgColor-muted);
- background-color: var(--bgColor-accent-muted);
- border-top: var(--borderWidth-thin) solid var(--borderColor-accent-muted);
- border-bottom: var(--borderWidth-thin) solid var(--bgColor-default);
- border-left: var(--borderWidth-thin) solid var(--bgColor-default);
-}
+ .d-lg-table {
+ display: table !important;
+ }
-.convert-to-issue-enabled .task-list-item.is-loading ul {
- color: var(--fgColor-default);
- background-color: var(--bgColor-default);
-}
+ .d-lg-table-row {
+ display: table-row !important;
+ }
-.convert-to-issue-enabled .task-list-item.is-loading > .handle {
- opacity: 0;
-}
+ .d-lg-table-cell {
+ display: table-cell !important;
+ }
-.task-list-item-convert-container {
- position: absolute !important;
- top: calc(100% - 4px);
- right: 0;
- left: 0;
- display: none;
- margin-top: 0;
-}
+ .d-lg-flex {
+ display: flex !important;
+ }
-.task-list-item-convert-container:hover,
-.task-list-item-convert-container:focus {
- display: block;
-}
+ .d-lg-inline-flex {
+ display: inline-flex !important;
+ }
-.task-list-item-convert-button-container {
- top: var(--base-size-4);
- right: 0;
- left: auto;
- width: auto;
-}
+ .d-lg-none {
+ display: none !important;
+ }
-.contains-task-list:hover .task-list-item-convert-container,
-.contains-task-list:focus-within .task-list-item-convert-container {
- display: block;
- width: auto;
- height: 24px;
- overflow: visible;
- clip: auto;
-}
+ .flex-lg-fill {
+ flex: 1 1 auto !important;
+ }
-.convert-to-block-button {
- margin: 0 var(--base-size-4);
-}
+ .flex-lg-row {
+ flex-direction: row !important;
+ }
-.topic-tag {
- display: inline-block;
- padding: 0.3em 0.9em;
- margin: 0 0.5em 0.5em 0;
- white-space: nowrap;
- background-color: var(--bgColor-accent-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .flex-lg-column {
+ flex-direction: column !important;
+ }
-.topic-tag-link:hover {
- text-decoration: none;
- background-color: #def;
-}
+ .flex-lg-row-reverse {
+ flex-direction: row-reverse !important;
+ }
-.delete-topic-button {
- display: inline-block;
- width: 26px;
- border-top: 0;
- border-right: 0;
- border-bottom: 0;
- border-left: var(--borderWidth-thin) solid #b4d9ff;
-}
+ .flex-lg-column-reverse {
+ flex-direction: column-reverse !important;
+ }
-.topic-tag-outline {
- background: transparent;
- box-shadow: inset 0 0 0 1px #c8e1ff;
-}
+ .flex-lg-grow-0 {
+ flex-grow: 0 !important;
+ }
-.invalid-topic .delete-topic-button {
- color: var(--fgColor-default);
- background-color: var(--bgColor-danger-muted);
- border-left-color: var(--borderColor-danger-emphasis);
-}
+ .flex-lg-grow-1 {
+ flex-grow: 1 !important;
+ }
-.invalid-topic .delete-topic-button:hover {
- background-color: #ffc8ce;
-}
+ .flex-lg-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.topic-tag-action {
- display: inline-flex;
- align-items: center;
- padding-left: 0.8em;
- margin: 0.4em 0.4em 0 0;
- background-color: var(--bgColor-accent-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .flex-lg-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-.topic-tag-action.invalid-topic {
- color: var(--fgColor-default);
- background-color: var(--bgColor-danger-muted);
- border-color: var(--borderColor-danger-emphasis);
-}
+ .flex-lg-wrap {
+ flex-wrap: wrap !important;
+ }
-.topic-input-container .tag-input {
- width: 908px;
- cursor: text;
-}
+ .flex-lg-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.topic-input-container .tag-input.org-repo-tag-input {
- width: 100%;
-}
+ .flex-lg-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.topic-input-container .tag-input .tag-input-inner {
- min-height: 26px;
- background-image: none;
-}
+ .gap-lg-0 {
+ gap: 0 !important;
+ }
-.topic-input-container .topic-tag {
- margin-top: 2px;
-}
+ .gap-lg-1 {
+ gap: 0.25rem !important;
+ }
-.topic .css-truncate-target {
- max-width: 75%;
-}
+ .gap-lg-2 {
+ gap: 0.5rem !important;
+ }
-.topic-list .topic-list-item + .topic-list-item {
- border-top: solid var(--borderWidth-thin) var(--borderColor-default);
-}
+ .gap-lg-3 {
+ gap: 1rem !important;
+ }
-.topic-box .starred {
- color: var(--fgColor-attention);
- border: 0;
-}
+ .gap-lg-4 {
+ gap: 1.5rem !important;
+ }
-.topic-box .unstarred {
- color: var(--fgColor-muted);
- border: 0;
-}
+ .gap-lg-5 {
+ gap: 3rem !important;
+ }
-.user-status-container,
-.user-status-container .team-mention,
-.user-status-container .user-mention {
- white-space: normal;
-}
+ .justify-content-lg-start {
+ justify-content: flex-start !important;
+ }
-.user-status-container {
- word-break: break-word;
- word-wrap: break-word;
-}
+ .justify-content-lg-end {
+ justify-content: flex-end !important;
+ }
-.user-status-container .input-group-button .btn {
- width: 46px;
- height: 34px;
- line-height: 0;
-}
+ .justify-content-lg-center {
+ justify-content: center !important;
+ }
-.user-status-container .input-group-button g-emoji {
- font-size: 1.3em;
- line-height: 18px;
-}
+ .justify-content-lg-between {
+ justify-content: space-between !important;
+ }
-.user-status-container .team-mention,
-.user-status-container .user-mention {
- white-space: normal;
-}
+ .justify-content-lg-around {
+ justify-content: space-around !important;
+ }
-.user-status-container img.emoji {
- width: 18px;
- height: 18px;
-}
+ .justify-content-lg-evenly {
+ justify-content: space-evenly !important;
+ }
-.user-status-message-wrapper {
- color: var(--fgColor-default);
-}
+ .align-items-lg-start {
+ align-items: flex-start !important;
+ }
-.toggle-user-status-edit:hover .user-status-message-wrapper,
-.toggle-user-status-edit:focus .user-status-message-wrapper {
- color: var(--fgColor-accent);
-}
+ .align-items-lg-end {
+ align-items: flex-end !important;
+ }
-.user-status-message-wrapper div {
- display: inline;
-}
+ .align-items-lg-center {
+ align-items: center !important;
+ }
-.user-status-header g-emoji {
- font-size: 1.25em;
-}
+ .align-items-lg-baseline {
+ align-items: baseline !important;
+ }
-.user-status-message-wrapper .g-emoji {
- display: inline-block;
-}
+ .align-items-lg-stretch {
+ align-items: stretch !important;
+ }
-.user-status-circle-badge {
- background-color: var(--bgColor-default);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: 2em;
- box-shadow: var(--shadow-resting-small);
-}
+ .align-content-lg-start {
+ align-content: flex-start !important;
+ }
-.command-palette {
- box-shadow: var(--shadow-floating-small);
-}
+ .align-content-lg-end {
+ align-content: flex-end !important;
+ }
-@media (min-width: 768px) {
- .command-palette-details-dialog {
- width: 512px;
+ .align-content-lg-center {
+ align-content: center !important;
}
-}
-@media (min-width: 1012px) {
- .command-palette-details-dialog {
- width: 640px;
+ .align-content-lg-between {
+ align-content: space-between !important;
}
-}
-@media (min-width: 1280px) {
- .command-palette-details-dialog {
- width: 720px;
+ .align-content-lg-around {
+ align-content: space-around !important;
}
-}
-.page-stack-transition-height {
- overflow-y: scroll;
- transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
- transition-duration: 0.2s;
- transition-property: max-height, min-height;
-}
+ .align-content-lg-stretch {
+ align-content: stretch !important;
+ }
-.page-stack-transition-height.no-transition {
- transition-duration: 0s;
-}
+ .align-self-lg-auto {
+ align-self: auto !important;
+ }
-.command-palette-input-group {
- position: relative;
- z-index: 0;
- padding-left: 0;
- color: var(--fgColor-muted);
-}
+ .align-self-lg-start {
+ align-self: flex-start !important;
+ }
-.command-palette-input-group .no-focus-indicator:focus,
-.command-palette-input-group .no-focus-indicator:focus-visible {
- border: 0 !important;
- outline: none !important;
-}
+ .align-self-lg-end {
+ align-self: flex-end !important;
+ }
-.command-palette-input-group .command-palette-typeahead {
- position: absolute;
- z-index: 1;
- padding: inherit;
- pointer-events: none;
-}
+ .align-self-lg-center {
+ align-self: center !important;
+ }
-.command-palette-input-group .command-palette-typeahead .typeahead-segment {
- white-space: pre;
-}
+ .align-self-lg-baseline {
+ align-self: baseline !important;
+ }
-.command-palette-input-group .command-palette-typeahead .typeahead-segment.input-mirror {
- opacity: 0;
-}
+ .align-self-lg-stretch {
+ align-self: stretch !important;
+ }
-.command-palette-input-group .typeahead-input {
- padding: inherit;
-}
+ .order-lg-first {
+ order: -1 !important;
+ }
-.command-palette-input-clear-button {
- color: var(--fgColor-muted);
-}
+ .order-lg-0 {
+ order: 0 !important;
+ }
-.command-palette-input-clear-button:hover {
- color: var(--fgColor-muted);
-}
+ .order-lg-1 {
+ order: 1 !important;
+ }
-themed-picture {
- visibility: hidden;
-}
+ .order-lg-2 {
+ order: 2 !important;
+ }
-.SidePanel > .Overlay-header > .Overlay-headerContentWrap > .Overlay-titleWrap {
- padding-top: var(--base-size-8);
-}
+ .order-lg-3 {
+ order: 3 !important;
+ }
-.SidePanel > .Overlay-header > .Overlay-headerContentWrap > .Overlay-actionWrap {
- padding: var(--base-size-8);
-}
+ .order-lg-4 {
+ order: 4 !important;
+ }
-.underline-on-hover:hover {
- text-decoration: underline;
-}
+ .order-lg-5 {
+ order: 5 !important;
+ }
-.is-auto-complete-loading :not(input).form-control {
- padding-right: 0;
- background-image: none;
-}
+ .order-lg-last {
+ order: 6 !important;
+ }
-.ActionMenu {
- position: absolute;
- z-index: 999;
- display: none;
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
+ .m-lg-0 {
+ margin: 0 !important;
+ }
-.CommentBox-header {
- display: flex;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
-}
+ .m-lg-1 {
+ margin: 0.25rem !important;
+ }
-.CommentBox-header.CommentBox-header {
- margin-bottom: 0;
-}
+ .m-lg-2 {
+ margin: 0.5rem !important;
+ }
-.CommentBox-header .tabnav-tabs {
- margin-top: -1px;
- margin-left: -1px;
- flex-shrink: 0;
-}
+ .m-lg-3 {
+ margin: 1rem !important;
+ }
-.CommentBox-toolbar {
- display: flex;
- min-width: 0;
- margin-right: var(--base-size-4, var(--base-size-4));
- flex-shrink: 1;
- flex-grow: 1;
-}
+ .m-lg-4 {
+ margin: 1.5rem !important;
+ }
-.CommentBox-toolbar .Button--invisible {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
+ .m-lg-5 {
+ margin: 3rem !important;
+ }
-.CommentBox-container {
- display: block;
- width: calc(100% - var(--stack-padding-condensed, 8px) * 2);
- height: 100%;
- margin: var(--base-size-8);
- overflow: hidden;
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
-}
+ .m-lg-auto {
+ margin: auto !important;
+ }
-.CommentBox-container.CommentBox-container:focus-within {
- border-color: transparent;
- outline: 2px var(--focus-outlineColor, var(--color-accent-emphasis)) solid;
- outline-offset: -1px;
- box-shadow: none;
-}
+ .mx-lg-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.CommentBox-container::placeholder {
- visibility: hidden;
-}
+ .mx-lg-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.CommentBox-input {
- display: block;
- width: 100%;
- min-height: 102px;
- padding: var(--base-size-8);
- line-height: 1.5;
- resize: vertical;
- background: none;
- border: 0;
-}
+ .mx-lg-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.CommentBox-input.CommentBox-input:focus,
-.CommentBox-input.CommentBox-input:focus-visible {
- border: 0;
- outline: 0;
- box-shadow: none;
-}
+ .mx-lg-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.CommentBox-input.CommentBox-input--medium {
- min-height: 150px;
-}
+ .mx-lg-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.CommentBox-input.CommentBox-input--large {
- min-height: 250px;
-}
+ .mx-lg-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.CommentBox-placeholder {
- position: absolute;
- top: 1px;
- left: 9px;
- display: none;
- padding: var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-subtle));
- pointer-events: none;
-}
+ .mx-lg-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.CommentBox-input:placeholder-shown + .CommentBox-placeholder {
- display: block;
-}
+ .my-lg-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.CommentBox .dragover .CommentBox-input,
-.CommentBox .dragover .CommentBox-input:focus {
- border-radius: 10px;
- outline: 2px dashed var(--borderColor-default, var(--color-border-default));
- outline-offset: -6px;
- box-shadow: none;
-}
+ .my-lg-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.CommentBox-comment {
- margin: var(--base-size-8);
-}
+ .my-lg-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.CommentBox-comment.CommentBox-comment:focus,
-.CommentBox-comment.CommentBox-comment:focus-visible {
- border-radius: var(--borderRadius-medium);
- outline: 2px var(--focus-outlineColor, var(--color-accent-emphasis)) solid;
- outline-offset: -1px;
- box-shadow: none;
-}
+ .my-lg-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.CommentBox-comment[role='tabpanel'][tabindex='0']:focus {
- outline: 2px var(--focus-outlineColor, var(--color-accent-emphasis)) solid;
-}
+ .my-lg-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.CommentBox-comment.CommentBox-comment .comment-body {
- padding: 9px;
- margin: 0;
-}
+ .my-lg-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-.previewable-comment-form .comment {
- border: 0;
-}
+ .my-lg-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-.previewable-edit .previewable-comment-form .CommentBox-header .tabnav-tabs {
- display: flex;
-}
+ .mt-lg-0 {
+ margin-top: 0 !important;
+ }
-.previewable-comment-form .CommentBox .preview-content {
- padding: var(--base-size-8);
- margin: 0;
-}
+ .mt-lg-1 {
+ margin-top: 0.25rem !important;
+ }
-.previewable-comment-form .CommentBox .comment-body {
- padding: 9px;
- border: 0;
-}
+ .mt-lg-2 {
+ margin-top: 0.5rem !important;
+ }
-.PageHeader {
- display: grid;
- grid-template-columns: 1fr;
- grid-template-areas: 'contextBar' 'titleBar' 'description' 'navigation';
- margin-bottom: var(--base-size-24);
-}
+ .mt-lg-3 {
+ margin-top: 1rem !important;
+ }
-@media (max-width: 768px) {
- .PageHeader {
- margin-bottom: var(--base-size-16);
+ .mt-lg-4 {
+ margin-top: 1.5rem !important;
}
-}
-.PageHeader .PageHeader-contextBar {
- display: flex;
- column-gap: 16px;
- align-items: center;
-}
+ .mt-lg-5 {
+ margin-top: 3rem !important;
+ }
-.PageHeader .PageHeader-contextBar .PageHeader-parentLink {
- flex: 1 1 auto;
-}
+ .mt-lg-auto {
+ margin-top: auto !important;
+ }
-.PageHeader .PageHeader-parentLink a {
- display: inline-grid;
- grid-template-columns: min-content auto;
- gap: var(--base-size-4);
- align-items: center;
- padding: var(--base-size-4) var(--base-size-8);
- margin-left: calc(var(--base-size-8) * -1);
- font-size: 14px;
- line-height: 1.25;
- color: var(--fgColor-muted, var(--color-fg-muted));
- border-radius: var(--borderRadius-medium);
-}
+ .me-lg-0 {
+ margin-right: 0 !important;
+ }
-.PageHeader .PageHeader-parentLink a:hover {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
-}
+ .me-lg-1 {
+ margin-right: 0.25rem !important;
+ }
-.PageHeader .PageHeader-parentLink .PageHeader-parentLink-label {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .me-lg-2 {
+ margin-right: 0.5rem !important;
+ }
-.PageHeader .PageHeader-titleBar {
- display: flex;
- column-gap: var(--base-size-16);
-}
+ .me-lg-3 {
+ margin-right: 1rem !important;
+ }
-.PageHeader .PageHeader-titleBar .PageHeader-titleWrap {
- flex: 1 1 auto;
-}
+ .me-lg-4 {
+ margin-right: 1.5rem !important;
+ }
-.PageHeader .PageHeader-titleBar .PageHeader-actions {
- flex: 0 0 auto;
-}
+ .me-lg-5 {
+ margin-right: 3rem !important;
+ }
-.PageHeader .PageHeader-titleWrap {
- display: flex;
- column-gap: var(--base-size-8);
-}
+ .me-lg-auto {
+ margin-right: auto !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large {
- font: 400 var(--text-title-size-large, 2rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica,
- Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-}
+ .mb-lg-0 {
+ margin-bottom: 0 !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large .PageHeader-backButton {
- height: var(--text-title-lineHeight-large, 2.5rem);
-}
+ .mb-lg-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large .PageHeader-leadingVisual {
- max-height: var(--text-title-lineHeight-large, 2.5rem);
-}
+ .mb-lg-2 {
+ margin-bottom: 0.5rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--medium {
- font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica,
- Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-}
+ .mb-lg-3 {
+ margin-bottom: 1rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--subtitle {
- font: 400 var(--text-subtitle-size, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica,
- Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-}
+ .mb-lg-4 {
+ margin-bottom: 1.5rem !important;
+ }
-@media (max-width: 768px) {
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large {
- font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans',
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+ .mb-lg-5 {
+ margin-bottom: 3rem !important;
}
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--medium {
- font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans',
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+ .mb-lg-auto {
+ margin-bottom: auto !important;
}
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--subtitle {
- font: 400 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans',
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+ .ms-lg-0 {
+ margin-left: 0 !important;
}
-}
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasLeadingVisual {
- display: flex;
-}
+ .ms-lg-1 {
+ margin-left: 0.25rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasBackButton:first-child {
- margin-left: calc(var(--base-size-4) * -1);
-}
+ .ms-lg-2 {
+ margin-left: 0.5rem !important;
+ }
-@media (min-width: 768px) {
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasBackButton:first-child {
- display: flex !important;
- align-items: center;
- margin-left: var(--base-size-8);
- grid-template-columns: min-content auto;
+ .ms-lg-3 {
+ margin-left: 1rem !important;
}
-}
-.PageHeader .PageHeader-titleWrap h1,
-.PageHeader .PageHeader-titleWrap h2,
-.PageHeader .PageHeader-titleWrap h3 {
- font-size: inherit;
- font-weight: inherit;
- line-height: inherit;
-}
+ .ms-lg-4 {
+ margin-left: 1.5rem !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-title {
- display: inline-grid;
- grid-auto-flow: column;
- grid-template-columns: auto;
- align-items: center;
- gap: 8px;
-}
+ .ms-lg-5 {
+ margin-left: 3rem !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-leadingVisual {
- display: grid;
- align-items: center;
- max-height: var(--text-title-lineHeight-large, 1.5);
-}
+ .ms-lg-auto {
+ margin-left: auto !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-trailingVisual {
- display: grid;
- align-items: center;
- max-height: var(--text-title-lineHeight-large, 1.5);
-}
+ .p-lg-0 {
+ padding: 0 !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-backButton {
- position: relative;
- display: grid;
- width: 16px;
- height: var(--text-title-lineHeight-medium, 1.5rem);
- align-items: center;
- padding: 0;
- color: inherit;
- border-radius: var(--borderRadius-medium);
-}
+ .p-lg-1 {
+ padding: 0.25rem !important;
+ }
-@media (max-width: 768px) {
- .PageHeader .PageHeader-titleWrap .PageHeader-backButton {
- display: none;
+ .p-lg-2 {
+ padding: 0.5rem !important;
}
-}
-.PageHeader .PageHeader-description {
- margin-top: var(--base-size-8);
- overflow: auto;
-}
+ .p-lg-3 {
+ padding: 1rem !important;
+ }
-.PageHeader .PageHeader-navigation {
- margin-top: var(--base-size-16);
- overflow: auto;
-}
+ .p-lg-4 {
+ padding: 1.5rem !important;
+ }
-.QueryBuilder-StyledInput {
- display: inline-flex;
- width: 100%;
- min-height: var(--control-medium-size, 32px);
- color: var(--fgColor-default, var(--color-fg-default));
- vertical-align: middle;
- cursor: text;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-color: var(--control-borderColor-rest, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
- outline: none;
- align-items: center;
- gap: var(--base-size-4);
-}
+ .p-lg-5 {
+ padding: 3rem !important;
+ }
-.QueryBuilder-focus {
- border-color: transparent;
- outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
- box-shadow: inset 0 0 1px transparent;
-}
+ .px-lg-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
-.QueryBuilder-StyledInputContainer {
- position: relative;
- display: flex;
- overflow-x: auto;
- overflow-y: hidden;
- font-size: inherit;
- align-items: center;
- -ms-overflow-style: none;
- scrollbar-width: none;
- flex: 1;
- align-self: stretch;
-}
+ .px-lg-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
-.QueryBuilder-StyledInputContainer::-webkit-scrollbar {
- display: none;
-}
+ .px-lg-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.QueryBuilder-StyledInputContent {
- position: absolute;
- display: inline-flex;
- padding: 0;
- word-break: break-word;
- white-space: pre;
- -webkit-user-select: none;
- user-select: none;
- flex: 1;
-}
+ .px-lg-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.QueryBuilder-leadingVisualWrap {
- margin: var(--base-size-4) var(--base-size-4) var(--base-size-4) var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
+ .px-lg-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.QueryBuilder-spacer {
- width: var(--base-size-8);
- height: 100%;
-}
+ .px-lg-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.QueryBuilder-InputWrapper {
- width: 100%;
- align-self: stretch;
-}
+ .py-lg-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.QueryBuilder-Sizer {
- position: absolute;
- top: 0;
- left: 0;
- height: 0;
- overflow: scroll;
- white-space: pre;
- visibility: hidden;
-}
+ .py-lg-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.QueryBuilder-Input {
- position: relative;
- display: flex;
- min-width: 100%;
- padding: 0;
- overflow-x: auto;
- overflow-y: hidden;
- color: transparent;
- resize: none;
- background: transparent;
- border: 0;
- outline: none;
- caret-color: var(--fgColor-default, var(--color-fg-default));
-}
+ .py-lg-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-.QueryBuilder-Input:focus {
- border: 0 !important;
- box-shadow: none !important;
-}
+ .py-lg-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
-query-builder:not(:defined) .QueryBuilder-Input {
- color: var(--fgColor-default, var(--color-fg-default));
-}
+ .py-lg-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-.QueryBuilder-ListItem {
- display: grid;
- grid-template-columns: max-content minmax(0, auto) max-content;
- grid-template-areas: 'leadingVisual label trailingLabel';
- -webkit-user-select: unset;
- user-select: unset;
-}
+ .py-lg-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
-.QueryBuilder-ListItem-link {
- color: inherit;
- text-decoration: none !important;
-}
+ .pt-lg-0 {
+ padding-top: 0 !important;
+ }
-.QueryBuilder-ListItem-trailing {
- grid-area: trailingLabel;
-}
+ .pt-lg-1 {
+ padding-top: 0.25rem !important;
+ }
-.QueryBuilder-ListWrap {
- max-height: 20em;
- padding: var(--base-size-8);
- overflow-x: hidden;
- overflow-y: auto !important;
-}
+ .pt-lg-2 {
+ padding-top: 0.5rem !important;
+ }
-.QueryBuilder [data-type='filter-value'] {
- color: var(--fgColor-accent, var(--color-accent-fg));
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-radius: var(--borderRadius-small);
-}
+ .pt-lg-3 {
+ padding-top: 1rem !important;
+ }
-.QueryBuilder .qb-filter-value {
- color: var(--fgColor-accent, var(--color-accent-fg));
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-radius: var(--borderRadius-small);
-}
+ .pt-lg-4 {
+ padding-top: 1.5rem !important;
+ }
-.QueryBuilder .qb-entity {
- color: var(--color-prettylights-syntax-entity);
-}
+ .pt-lg-5 {
+ padding-top: 3rem !important;
+ }
-.QueryBuilder .qb-constant {
- color: var(--color-prettylights-syntax-constant);
-}
+ .pe-lg-0 {
+ padding-right: 0 !important;
+ }
-.QueryBuilder .ActionList-sectionDivider:not(:empty) {
- padding: 0;
-}
+ .pe-lg-1 {
+ padding-right: 0.25rem !important;
+ }
-.hx_anim-fade-out {
- animation-name: hx-fade-out;
- animation-duration: 1s;
- animation-fill-mode: forwards;
- animation-timing-function: ease-out;
-}
+ .pe-lg-2 {
+ padding-right: 0.5rem !important;
+ }
-@keyframes hx-fade-out {
- 0% {
- opacity: 1;
+ .pe-lg-3 {
+ padding-right: 1rem !important;
}
- 100% {
- opacity: 0;
+ .pe-lg-4 {
+ padding-right: 1.5rem !important;
}
-}
-.AvatarStack--large {
- min-width: 44px;
- height: 32px;
-}
+ .pe-lg-5 {
+ padding-right: 3rem !important;
+ }
-.AvatarStack--large.AvatarStack--two {
- min-width: 48px;
-}
+ .pb-lg-0 {
+ padding-bottom: 0 !important;
+ }
-.AvatarStack--large.AvatarStack--three-plus {
- min-width: 52px;
-}
+ .pb-lg-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.AvatarStack--large .AvatarStack-body .avatar {
- width: 32px;
- height: 32px;
- margin-right: -28px;
-}
+ .pb-lg-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.AvatarStack--large .AvatarStack-body:hover .avatar {
- margin-right: var(--base-size-4);
-}
+ .pb-lg-3 {
+ padding-bottom: 1rem !important;
+ }
-.AvatarStack--large .avatar.avatar-more::before {
- width: 32px;
-}
+ .pb-lg-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.AvatarStack--large .avatar.avatar-more::after {
- width: 30px;
-}
+ .pb-lg-5 {
+ padding-bottom: 3rem !important;
+ }
-.AvatarStack--large .avatar.avatar-more::after,
-.AvatarStack--large .avatar.avatar-more::before {
- height: 32px;
-}
+ .ps-lg-0 {
+ padding-left: 0 !important;
+ }
-.Box-row--focus-gray.navigation-focus .AvatarStack-body {
- background-color: var(--bgColor-muted);
-}
+ .ps-lg-1 {
+ padding-left: 0.25rem !important;
+ }
-.AvatarStack-body:not(:hover) {
- background-color: transparent;
-}
+ .ps-lg-2 {
+ padding-left: 0.5rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .avatar-more {
- display: none;
-}
+ .ps-lg-3 {
+ padding-left: 1rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body .avatar:nth-child(n + 4) {
- display: flex;
- opacity: 1;
-}
+ .ps-lg-4 {
+ padding-left: 1.5rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) .avatar:nth-of-type(n + 6) {
- display: none;
- opacity: 0;
-}
+ .ps-lg-5 {
+ padding-left: 3rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(1) {
- z-index: 5;
-}
+ .text-lg-start {
+ text-align: left !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(2) {
- z-index: 4;
-}
+ .text-lg-end {
+ text-align: right !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(3) {
- z-index: 3;
+ .text-lg-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 1200px) {
+ .float-xl-start {
+ float: left !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(4) {
- z-index: 2;
-}
+ .float-xl-end {
+ float: right !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(5) {
- z-index: 1;
-}
+ .float-xl-none {
+ float: none !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3)
- img {
- opacity: 0.5;
-}
+ .d-xl-inline {
+ display: inline !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4)
- img {
- opacity: 0.33;
-}
+ .d-xl-inline-block {
+ display: inline-block !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5)
- img {
- opacity: 0.25;
-}
+ .d-xl-block {
+ display: block !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) > .avatar-more + .avatar:nth-of-type(3) {
- margin-right: 0;
- margin-left: -6px;
-}
+ .d-xl-grid {
+ display: grid !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) > .avatar-more ~ .avatar:nth-of-type(4) {
- margin-right: 0;
- margin-left: -18px;
-}
+ .d-xl-table {
+ display: table !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) > .avatar-more ~ .avatar:nth-of-type(5) {
- margin-right: 0;
- margin-left: -18px;
-}
+ .d-xl-table-row {
+ display: table-row !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3) {
- margin-right: -6px;
- margin-left: 0;
-}
+ .d-xl-table-cell {
+ display: table-cell !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4) {
- margin-right: -18px;
- margin-left: 0;
-}
+ .d-xl-flex {
+ display: flex !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5) {
- margin-right: -18px;
- margin-left: 0;
-}
+ .d-xl-inline-flex {
+ display: inline-flex !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3) {
- margin-right: 0;
- margin-left: -2px;
-}
+ .d-xl-none {
+ display: none !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4) {
- margin-right: 0;
- margin-left: -30px;
-}
+ .flex-xl-fill {
+ flex: 1 1 auto !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5) {
- margin-right: 0;
- margin-left: -30px;
-}
+ .flex-xl-row {
+ flex-direction: row !important;
+ }
-.hx_avatar_stack_commit
- .AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3) {
- margin-right: 0;
- margin-left: -10px;
-}
+ .flex-xl-column {
+ flex-direction: column !important;
+ }
-.hx_avatar_stack_commit
- .AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4) {
- margin-right: 0;
- margin-left: -21px;
-}
+ .flex-xl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
-.hx_avatar_stack_commit
- .AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5) {
- margin-right: 0;
- margin-left: -21px;
-}
+ .flex-xl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
-.hx_badge-search-container {
- cursor: text;
-}
+ .flex-xl-grow-0 {
+ flex-grow: 0 !important;
+ }
-.hx_badge-search-container .hx_badge-input {
- border: 0;
- outline: 0;
- box-shadow: none;
-}
+ .flex-xl-grow-1 {
+ flex-grow: 1 !important;
+ }
-.hx_badge-search-container .hx_badge-input:focus {
- border: 0 !important;
- box-shadow: none !important;
-}
+ .flex-xl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.hx_badge-search-container .hx_badge-input::placeholder {
- font-size: 12px;
-}
+ .flex-xl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-.hx_badge {
- cursor: pointer;
-}
+ .flex-xl-wrap {
+ flex-wrap: wrap !important;
+ }
-.hx_badge[aria-pressed='true'] {
- color: var(--fgColor-onEmphasis) !important;
- background-color: var(--bgColor-accent-emphasis) !important;
- border-color: var(--borderColor-accent-emphasis) !important;
-}
+ .flex-xl-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.hx_Box--firstRowRounded0 .Box-row:first-of-type {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
-}
+ .flex-xl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.Box-row:first-of-type {
- border-top-color: transparent;
-}
+ .gap-xl-0 {
+ gap: 0 !important;
+ }
-.hx_Box-row--with-top-border:first-of-type {
- border-top-color: inherit;
-}
+ .gap-xl-1 {
+ gap: 0.25rem !important;
+ }
-.Box--overlay [data-close-dialog],
-.Box-overlay--narrow [data-close-dialog],
-.Box-overlay--wide [data-close-dialog] {
- z-index: 1;
-}
+ .gap-xl-2 {
+ gap: 0.5rem !important;
+ }
-.dropdown-item.btn-link:disabled,
-.dropdown-item.btn-link:disabled:hover,
-.dropdown-item.btn-link[aria-disabled='true'],
-.dropdown-item.btn-link[aria-disabled='true']:hover {
- background-color: transparent;
-}
+ .gap-xl-3 {
+ gap: 1rem !important;
+ }
-@media {
- g-emoji {
- font-size: 1.25em;
+ .gap-xl-4 {
+ gap: 1.5rem !important;
}
-}
-.hx_create-pr-button:hover {
- border-right-width: 0;
-}
+ .gap-xl-5 {
+ gap: 3rem !important;
+ }
-.hx_create-pr-button:hover + .BtnGroup-parent .BtnGroup-item {
- border-left-width: var(--borderWidth-thin);
-}
+ .justify-content-xl-start {
+ justify-content: flex-start !important;
+ }
-summary[type='button'].btn {
- appearance: none;
-}
+ .justify-content-xl-end {
+ justify-content: flex-end !important;
+ }
-.form-control:-webkit-autofill {
- box-shadow: inset 0 0 0 32px var(--bgColor-default) !important;
- -webkit-text-fill-color: var(--fgColor-default);
-}
-
-.form-control:-webkit-autofill:focus {
- box-shadow: inset 0 0 0 32px var(--bgColor-default), 0 0 0 2px var(--borderColor-accent-emphasis) !important;
-}
-
-::-webkit-calendar-picker-indicator {
- filter: invert(50%);
-}
-
-[data-color-mode='light'][data-light-theme*='dark'] ::selection,
-[data-color-mode='dark'][data-dark-theme*='dark'] ::selection {
- background-color: var(--selection-bgColor);
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] ::selection {
- background-color: var(--selection-bgColor);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] ::selection {
- background-color: var(--selection-bgColor);
- }
-}
-
-@font-face {
- font-family: 'Noto Sans';
- src: local(sans-serif);
- unicode-range: U+60;
-}
-
-[data-color-mode='light'][data-light-theme*='dark'],
-[data-color-mode='dark'][data-dark-theme*='dark'] {
- --color-workflow-card-bg: var(--bgColor-muted);
- --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
- --color-bg-discussions-row-emoji-box: #57606a;
- --color-notifications-row-read-bg: var(--bgColor-default);
- --color-notifications-row-bg: var(--bgColor-muted);
- --color-calendar-halloween-graph-day-L1-bg: #631c03;
- --color-calendar-halloween-graph-day-L2-bg: #bd561d;
- --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
- --color-calendar-halloween-graph-day-L4-bg: #fddf68;
- --color-calendar-winter-graph-day-L1-bg: #0a3069;
- --color-calendar-winter-graph-day-L2-bg: #0969da;
- --color-calendar-winter-graph-day-L3-bg: #54aeff;
- --color-calendar-winter-graph-day-L4-bg: #b6e3ff;
- --color-calendar-graph-day-bg: #161b22;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #0e4429;
- --color-calendar-graph-day-L2-bg: #006d32;
- --color-calendar-graph-day-L3-bg: #26a641;
- --color-calendar-graph-day-L4-bg: #39d353;
- --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
- --color-user-mention-fg: var(--fgColor-attention);
- --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
- --color-marketing-icon-primary: #79c0ff;
- --color-marketing-icon-secondary: #1f6feb;
- --color-project-header-bg: #0d1117;
- --color-project-sidebar-bg: #161b22;
- --color-project-gradient-in: #161b22;
- --color-project-gradient-out: rgba(22, 27, 34, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
- --color-text-white: var(--fgColor-white);
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] {
- --color-workflow-card-bg: var(--bgColor-muted);
- --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
- --color-bg-discussions-row-emoji-box: #57606a;
- --color-notifications-row-read-bg: var(--bgColor-default);
- --color-notifications-row-bg: var(--bgColor-muted);
- --color-calendar-halloween-graph-day-L1-bg: #631c03;
- --color-calendar-halloween-graph-day-L2-bg: #bd561d;
- --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
- --color-calendar-halloween-graph-day-L4-bg: #fddf68;
- --color-calendar-winter-graph-day-L1-bg: #0a3069;
- --color-calendar-winter-graph-day-L2-bg: #0969da;
- --color-calendar-winter-graph-day-L3-bg: #54aeff;
- --color-calendar-winter-graph-day-L4-bg: #b6e3ff;
- --color-calendar-graph-day-bg: #161b22;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #0e4429;
- --color-calendar-graph-day-L2-bg: #006d32;
- --color-calendar-graph-day-L3-bg: #26a641;
- --color-calendar-graph-day-L4-bg: #39d353;
- --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
- --color-user-mention-fg: var(--fgColor-attention);
- --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
- --color-marketing-icon-primary: #79c0ff;
- --color-marketing-icon-secondary: #1f6feb;
- --color-project-header-bg: #0d1117;
- --color-project-sidebar-bg: #161b22;
- --color-project-gradient-in: #161b22;
- --color-project-gradient-out: rgba(22, 27, 34, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] {
- --color-workflow-card-bg: var(--bgColor-muted);
- --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
- --color-bg-discussions-row-emoji-box: #57606a;
- --color-notifications-row-read-bg: var(--bgColor-default);
- --color-notifications-row-bg: var(--bgColor-muted);
- --color-calendar-halloween-graph-day-L1-bg: #631c03;
- --color-calendar-halloween-graph-day-L2-bg: #bd561d;
- --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
- --color-calendar-halloween-graph-day-L4-bg: #fddf68;
- --color-calendar-winter-graph-day-L1-bg: #0a3069;
- --color-calendar-winter-graph-day-L2-bg: #0969da;
- --color-calendar-winter-graph-day-L3-bg: #54aeff;
- --color-calendar-winter-graph-day-L4-bg: #b6e3ff;
- --color-calendar-graph-day-bg: #161b22;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #0e4429;
- --color-calendar-graph-day-L2-bg: #006d32;
- --color-calendar-graph-day-L3-bg: #26a641;
- --color-calendar-graph-day-L4-bg: #39d353;
- --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
- --color-user-mention-fg: var(--fgColor-attention);
- --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
- --color-marketing-icon-primary: #79c0ff;
- --color-marketing-icon-secondary: #1f6feb;
- --color-project-header-bg: #0d1117;
- --color-project-sidebar-bg: #161b22;
- --color-project-gradient-in: #161b22;
- --color-project-gradient-out: rgba(22, 27, 34, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-:root,
-[data-color-mode='light'][data-light-theme*='light'],
-[data-color-mode='dark'][data-dark-theme*='light'] {
- --color-workflow-card-bg: var(--bgColor-default);
- --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
- --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
- --color-notifications-row-read-bg: var(--bgColor-muted);
- --color-notifications-row-bg: var(--bgColor-white);
- --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
- --color-calendar-halloween-graph-day-L2-bg: #ffc501;
- --color-calendar-halloween-graph-day-L3-bg: #fe9600;
- --color-calendar-halloween-graph-day-L4-bg: #03001c;
- --color-calendar-winter-graph-day-L1-bg: #b6e3ff;
- --color-calendar-winter-graph-day-L2-bg: #54aeff;
- --color-calendar-winter-graph-day-L3-bg: #0969da;
- --color-calendar-winter-graph-day-L4-bg: #0a3069;
- --color-calendar-graph-day-bg: #ebedf0;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #9be9a8;
- --color-calendar-graph-day-L2-bg: #40c463;
- --color-calendar-graph-day-L3-bg: #30a14e;
- --color-calendar-graph-day-L4-bg: #216e39;
- --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
- --color-user-mention-fg: var(--fgColor-default);
- --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
- --color-marketing-icon-primary: #218bff;
- --color-marketing-icon-secondary: #54aeff;
- --color-project-header-bg: #24292f;
- --color-project-sidebar-bg: var(--bgColor-white);
- --color-project-gradient-in: var(--bgColor-white);
- --color-project-gradient-out: rgba(255, 255, 255, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
- --color-text-white: var(--fgColor-white);
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='light'] {
- --color-workflow-card-bg: var(--bgColor-default);
- --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
- --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
- --color-notifications-row-read-bg: var(--bgColor-muted);
- --color-notifications-row-bg: var(--bgColor-white);
- --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
- --color-calendar-halloween-graph-day-L2-bg: #ffc501;
- --color-calendar-halloween-graph-day-L3-bg: #fe9600;
- --color-calendar-halloween-graph-day-L4-bg: #03001c;
- --color-calendar-winter-graph-day-L1-bg: #b6e3ff;
- --color-calendar-winter-graph-day-L2-bg: #54aeff;
- --color-calendar-winter-graph-day-L3-bg: #0969da;
- --color-calendar-winter-graph-day-L4-bg: #0a3069;
- --color-calendar-graph-day-bg: #ebedf0;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #9be9a8;
- --color-calendar-graph-day-L2-bg: #40c463;
- --color-calendar-graph-day-L3-bg: #30a14e;
- --color-calendar-graph-day-L4-bg: #216e39;
- --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
- --color-user-mention-fg: var(--fgColor-default);
- --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
- --color-marketing-icon-primary: #218bff;
- --color-marketing-icon-secondary: #54aeff;
- --color-project-header-bg: #24292f;
- --color-project-sidebar-bg: var(--bgColor-white);
- --color-project-gradient-in: var(--bgColor-white);
- --color-project-gradient-out: rgba(255, 255, 255, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='light'] {
- --color-workflow-card-bg: var(--bgColor-default);
- --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
- --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
- --color-notifications-row-read-bg: var(--bgColor-muted);
- --color-notifications-row-bg: var(--bgColor-white);
- --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
- --color-calendar-halloween-graph-day-L2-bg: #ffc501;
- --color-calendar-halloween-graph-day-L3-bg: #fe9600;
- --color-calendar-halloween-graph-day-L4-bg: #03001c;
- --color-calendar-winter-graph-day-L1-bg: #b6e3ff;
- --color-calendar-winter-graph-day-L2-bg: #54aeff;
- --color-calendar-winter-graph-day-L3-bg: #0969da;
- --color-calendar-winter-graph-day-L4-bg: #0a3069;
- --color-calendar-graph-day-bg: #ebedf0;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #9be9a8;
- --color-calendar-graph-day-L2-bg: #40c463;
- --color-calendar-graph-day-L3-bg: #30a14e;
- --color-calendar-graph-day-L4-bg: #216e39;
- --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
- --color-user-mention-fg: var(--fgColor-default);
- --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
- --color-marketing-icon-primary: #218bff;
- --color-marketing-icon-secondary: #54aeff;
- --color-project-header-bg: #24292f;
- --color-project-sidebar-bg: var(--bgColor-white);
- --color-project-gradient-in: var(--bgColor-white);
- --color-project-gradient-out: rgba(255, 255, 255, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-.hx_color-icon-directory {
- color: var(--treeViewItem-leadingVisual-iconColor-rest);
-}
-
-.hx_keyword-hl {
- background-color: var(--highlight-neutral-bgColor);
-}
-
-.hx_dot-fill-pending-icon {
- color: var(--fgColor-attention) !important;
-}
-
-:root[data-color-mode='dark'] .entry-content [href$='#gh-light-mode-only'],
-:root[data-color-mode='dark'] .comment-body [href$='#gh-light-mode-only'],
-:root[data-color-mode='dark'] .readme [href$='#gh-light-mode-only'] {
- display: none;
-}
+ .justify-content-xl-center {
+ justify-content: center !important;
+ }
-:root[data-color-mode='light'] .entry-content [href$='#gh-dark-mode-only'],
-:root[data-color-mode='light'] .comment-body [href$='#gh-dark-mode-only'],
-:root[data-color-mode='light'] .readme [href$='#gh-dark-mode-only'] {
- display: none;
-}
+ .justify-content-xl-between {
+ justify-content: space-between !important;
+ }
-@media (prefers-color-scheme: dark) {
- :root[data-color-mode='auto'] .entry-content [href$='#gh-light-mode-only'],
- :root[data-color-mode='auto'] .comment-body [href$='#gh-light-mode-only'],
- :root[data-color-mode='auto'] .readme [href$='#gh-light-mode-only'] {
- display: none;
+ .justify-content-xl-around {
+ justify-content: space-around !important;
}
-}
-@media (prefers-color-scheme: light) {
- :root[data-color-mode='auto'] .entry-content [href$='#gh-dark-mode-only'],
- :root[data-color-mode='auto'] .comment-body [href$='#gh-dark-mode-only'],
- :root[data-color-mode='auto'] .readme [href$='#gh-dark-mode-only'] {
- display: none;
+ .justify-content-xl-evenly {
+ justify-content: space-evenly !important;
}
-}
-.colorblind-themes-v1 {
- --color-open-fg: var(--fgColor-success);
- --color-open-emphasis: var(--bgColor-success-emphasis);
- --color-open-muted: var(--bgColor-success-muted);
- --color-open-subtle: var(--bgColor-success-muted);
- --color-closed-fg: var(--fgColor-danger);
- --color-closed-emphasis: var(--bgColor-danger-emphasis);
- --color-closed-muted: var(--bgColor-danger-muted);
- --color-closed-subtle: var(--bgColor-danger-muted);
-}
+ .align-items-xl-start {
+ align-items: flex-start !important;
+ }
-.dropdown-item:focus [class*='color-text-'],
-.dropdown-item:hover [class*='color-text-'] {
- color: inherit !important;
-}
+ .align-items-xl-end {
+ align-items: flex-end !important;
+ }
-.filter-item.selected [class*='color-text-'] {
- color: inherit !important;
-}
+ .align-items-xl-center {
+ align-items: center !important;
+ }
-.hx_focus-input:focus-visible + .hx_focus-target {
- box-shadow: 0 0 0 2px var(--borderColor-accent-emphasis);
-}
+ .align-items-xl-baseline {
+ align-items: baseline !important;
+ }
-.reset-btn-override {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted);
-}
+ .align-items-xl-stretch {
+ align-items: stretch !important;
+ }
-.reset-btn-override:hover {
- color: var(--fgColor-accent);
- text-decoration: none;
-}
+ .align-content-xl-start {
+ align-content: flex-start !important;
+ }
-.reset-btn-override:hover .reset-btn-override-icon {
- background-color: var(--bgColor-accent-emphasis);
-}
+ .align-content-xl-end {
+ align-content: flex-end !important;
+ }
-.reset-btn-override-icon {
- width: 18px;
- height: 18px;
- padding: 1px;
- margin-right: 3px;
- color: var(--fgColor-onEmphasis);
- text-align: center;
- background-color: var(--bgColor-neutral-emphasis);
- border-radius: var(--borderRadius-medium);
-}
+ .align-content-xl-center {
+ align-content: center !important;
+ }
-.is-auto-complete-loading .form-control {
- padding-right: 30px;
- background-repeat: no-repeat;
- background-position-x: center;
- background-position-y: center;
- background-size: 16px;
-}
+ .align-content-xl-between {
+ align-content: space-between !important;
+ }
-[data-color-mode='dark'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
-}
+ .align-content-xl-around {
+ align-content: space-around !important;
+ }
-[data-color-mode='light'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
-}
+ .align-content-xl-stretch {
+ align-content: stretch !important;
+ }
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme^='light'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
+ .align-self-xl-auto {
+ align-self: auto !important;
}
- [data-color-mode='auto'][data-dark-theme^='dark'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
+ .align-self-xl-start {
+ align-self: flex-start !important;
}
-}
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme^='light'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
+ .align-self-xl-end {
+ align-self: flex-end !important;
}
- [data-color-mode='auto'][data-light-theme^='dark'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
+ .align-self-xl-center {
+ align-self: center !important;
}
-}
-.icon-sponsor,
-.icon-sponsoring {
- transition: transform 0.15s cubic-bezier(0.2, 0, 0.13, 2);
- transform: scale(1);
-}
+ .align-self-xl-baseline {
+ align-self: baseline !important;
+ }
-.btn:hover .icon-sponsor,
-.btn:focus .icon-sponsor,
-.Label:hover .icon-sponsor,
-.Label:focus .icon-sponsor,
-.btn:hover .icon-sponsoring,
-.btn:focus .icon-sponsoring,
-.Label:hover .icon-sponsoring,
-.Label:focus .icon-sponsoring {
- transform: scale(1.1);
-}
+ .align-self-xl-stretch {
+ align-self: stretch !important;
+ }
-.icon-sponsor {
- overflow: visible !important;
-}
+ .order-xl-first {
+ order: -1 !important;
+ }
-.hx_kbd {
- display: inline-block;
- min-width: 21px;
- padding: 0 var(--base-size-4);
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif,
- 'Apple Color Emoji', 'Segoe UI Emoji';
- font-size: 12px;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1.5;
- color: var(--fgColor-muted);
- text-align: center;
- background-color: var(--bgColor-default);
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
- box-shadow: none;
-}
-
-.hx_hit-user em,
-.hx_hit-package em,
-.hx_hit-marketplace em,
-.hx_hit-highlighting-wrapper em,
-.hx_hit-commit em,
-.hx_hit-issue em,
-.hx_hit-repo em,
-.hx_hit-wiki em {
- font-style: normal;
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .order-xl-0 {
+ order: 0 !important;
+ }
-.SelectMenu-list.select-menu-list {
- max-height: none;
-}
+ .order-xl-1 {
+ order: 1 !important;
+ }
-@media (max-width: 543px) {
- .SelectMenu-modal {
- width: unset !important;
+ .order-xl-2 {
+ order: 2 !important;
}
-}
-.SelectMenu--hasFilter .SelectMenu-list {
- contain: content;
-}
+ .order-xl-3 {
+ order: 3 !important;
+ }
-.SelectMenu-item:disabled,
-.SelectMenu-item[aria-disabled='true'] {
- color: var(--fgColor-muted);
- pointer-events: none;
-}
+ .order-xl-4 {
+ order: 4 !important;
+ }
-.SelectMenu .SelectMenu-item .is-filtering {
- color: var(--fgColor-muted);
-}
+ .order-xl-5 {
+ order: 5 !important;
+ }
-.SelectMenu .SelectMenu-item .is-filtering b {
- color: var(--fgColor-default);
-}
+ .order-xl-last {
+ order: 6 !important;
+ }
-label.SelectMenu-item {
- font-weight: var(--base-text-weight-normal, 400);
-}
+ .m-xl-0 {
+ margin: 0 !important;
+ }
-label.SelectMenu-item[aria-checked='true'] {
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .m-xl-1 {
+ margin: 0.25rem !important;
+ }
-.SelectMenu-item.focused {
- background-color: var(--bgColor-neutral-muted);
-}
+ .m-xl-2 {
+ margin: 0.5rem !important;
+ }
-select-panel dialog {
- inset: 0;
-}
+ .m-xl-3 {
+ margin: 1rem !important;
+ }
-select-panel dialog::backdrop {
- background: none;
-}
+ .m-xl-4 {
+ margin: 1.5rem !important;
+ }
-.Box--responsive {
- margin-right: -15px;
- margin-left: -15px;
- border-right: 0;
- border-left: 0;
- border-radius: 0;
-}
+ .m-xl-5 {
+ margin: 3rem !important;
+ }
-.Box--responsive .Box-row--unread {
- position: relative;
- box-shadow: none;
-}
+ .m-xl-auto {
+ margin: auto !important;
+ }
-.Box--responsive .Box-row--unread::before {
- position: absolute;
- top: 36px;
- left: 20px;
- display: inline-block;
- width: var(--base-size-8);
- height: var(--base-size-8);
- color: #fff;
- content: '';
- background-image: linear-gradient(#54a3ff, #006eed);
- background-clip: padding-box;
- border-radius: 50%;
-}
+ .mx-xl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.Box--responsive .Box-header {
- border-right-width: 0;
- border-left-width: 0;
- border-radius: 0;
-}
+ .mx-xl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-@media (min-width: 544px) {
- .Box--responsive {
- margin-right: 0;
- margin-left: 0;
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+ .mx-xl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
}
- .Box--responsive .Box-header {
- border-right-width: var(--borderWidth-thin);
- border-left-width: var(--borderWidth-thin);
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+ .mx-xl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
}
- .Box--responsive .Box-row--unread {
- box-shadow: 2px 0 0 var(--borderColor-accent-emphasis) inset;
+ .mx-xl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
}
- .Box--responsive .Box-row--unread::before {
- display: none;
+ .mx-xl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
}
-}
-@media (max-width: 767px) {
- .page-responsive .dropdown-menu,
- .page-responsive .dropdown-item {
- padding-top: var(--base-size-8);
- padding-bottom: var(--base-size-8);
+ .mx-xl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
}
- .page-responsive .hx_dropdown-fullscreen[open] > summary::before {
- background-color: var(--overlay-backdrop-bgColor);
+ .my-xl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
}
- .page-responsive .hx_dropdown-fullscreen .dropdown-menu {
- position: fixed;
- top: auto;
- right: var(--base-size-16) !important;
- bottom: 20%;
- left: var(--base-size-16) !important;
- width: auto !important;
- max-width: none !important;
- max-height: calc(80% - 16px);
- margin: 0 !important;
- overflow-y: auto;
- transform: none;
- animation: dropdown-menu-animation 0.24s cubic-bezier(0, 0.1, 0.1, 1) backwards;
- -webkit-overflow-scrolling: touch;
+ .my-xl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
}
- .page-responsive .hx_dropdown-fullscreen .dropdown-menu::before,
- .page-responsive .hx_dropdown-fullscreen .dropdown-menu::after {
- display: none;
+ .my-xl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
}
- @keyframes dropdown-menu-animation {
- 0% {
- opacity: 0;
- transform: scale(0.9);
- }
+ .my-xl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
}
- .page-responsive .hx_dropdown-fullscreen .dropdown-item {
- padding-top: var(--base-size-16);
- padding-bottom: var(--base-size-16);
+ .my-xl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
}
-}
-.hx_rsm-close-button {
- display: none !important;
-}
+ .my-xl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-@media (max-width: 767px) {
- .page-responsive .hx_rsm[open] > summary::before {
- background-color: var(--overlay-backdrop-bgColor, var(--color-primer-canvas-backdrop));
+ .my-xl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
}
- .page-responsive .hx_rsm .select-menu-modal,
- .page-responsive .hx_rsm-modal {
- position: fixed !important;
- top: 75px;
- right: var(--base-size-16) !important;
- left: var(--base-size-16);
- display: flex;
- width: auto;
- height: 80%;
- margin: 0;
- flex-direction: column;
- animation: hx_rsm-modal-animation 0.24s 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards;
+ .mt-xl-0 {
+ margin-top: 0 !important;
}
- .page-responsive .hx_rsm--auto-height .select-menu-modal {
- top: auto;
- bottom: 20%;
- height: auto;
- max-height: calc(80% - 16px);
+ .mt-xl-1 {
+ margin-top: 0.25rem !important;
}
- .page-responsive .hx_rsm .select-menu-header,
- .page-responsive .hx_rsm .select-menu-text-filter.select-menu-text-filter {
- padding: var(--base-size-16);
- border-top-left-radius: inherit;
- border-top-right-radius: inherit;
+ .mt-xl-2 {
+ margin-top: 0.5rem !important;
}
- .page-responsive .hx_rsm tab-container,
- .page-responsive .hx_rsm-content {
- display: flex;
- min-height: 0;
- flex-direction: column;
- flex: auto;
+ .mt-xl-3 {
+ margin-top: 1rem !important;
}
- .page-responsive .hx_rsm .select-menu-list {
- flex: auto;
- max-height: none;
- -webkit-overflow-scrolling: touch;
+ .mt-xl-4 {
+ margin-top: 1.5rem !important;
}
- .page-responsive .hx_rsm-content > .select-menu-item {
- flex-shrink: 0;
+ .mt-xl-5 {
+ margin-top: 3rem !important;
}
- .page-responsive .hx_rsm .select-menu-item {
- padding-top: var(--base-size-16);
- padding-bottom: var(--base-size-16);
- padding-left: var(--base-size-40);
+ .mt-xl-auto {
+ margin-top: auto !important;
}
- .page-responsive .hx_rsm .close-button,
- .page-responsive .hx_rsm-close-button {
- position: relative;
- display: block !important;
+ .me-xl-0 {
+ margin-right: 0 !important;
}
- .page-responsive .hx_rsm .close-button::before,
- .page-responsive .hx_rsm-close-button::before {
- position: absolute;
- top: calc(var(--base-size-16) * -1);
- right: calc(var(--base-size-16) * -1);
- bottom: calc(var(--base-size-16) * -1);
- left: calc(var(--base-size-16) * -1);
- content: '';
+ .me-xl-1 {
+ margin-right: 0.25rem !important;
}
- .page-responsive .hx_rsm .close-button .octicon-x,
- .page-responsive .hx_rsm-close-button .octicon-x {
- color: var(--fgColor-muted, var(--color-fg-muted));
+ .me-xl-2 {
+ margin-right: 0.5rem !important;
}
- .page-responsive .hx_rsm .select-menu-loading-overlay {
- animation-delay: 1s;
+ .me-xl-3 {
+ margin-right: 1rem !important;
}
- .page-responsive .hx_rsm .select-menu-button::before,
- .page-responsive .hx_rsm-trigger::before {
- animation: hx_rsm-trigger-animation 0.24s cubic-bezier(0, 0, 0.2, 1) backwards;
+ .me-xl-4 {
+ margin-right: 1.5rem !important;
}
- @keyframes hx_rsm-trigger-animation {
- 0% {
- opacity: 0;
- }
+ .me-xl-5 {
+ margin-right: 3rem !important;
}
- @keyframes hx_rsm-modal-animation {
- 0% {
- opacity: 0;
- transform: scale(0.9);
- }
+ .me-xl-auto {
+ margin-right: auto !important;
}
- .page-responsive .hx_rsm-dialog {
- max-width: none;
- height: auto;
- max-height: 80%;
- transform: none;
+ .mb-xl-0 {
+ margin-bottom: 0 !important;
}
- .page-responsive .hx_rsm-dialog-content {
- flex: 1;
- min-height: 0;
+ .mb-xl-1 {
+ margin-bottom: 0.25rem !important;
}
-}
-@media (max-width: 767px) and (max-height: 500px) {
- .page-responsive .hx_rsm .select-menu-modal,
- .page-responsive .hx_rsm-modal {
- bottom: var(--base-size-16);
- height: auto;
+ .mb-xl-2 {
+ margin-bottom: 0.5rem !important;
}
-}
-.select-menu-modal {
- border-color: var(--borderColor-default, var(--color-border-default));
- box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
-}
+ .mb-xl-3 {
+ margin-bottom: 1rem !important;
+ }
-.select-menu-header,
-.select-menu-filters {
- background: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
+ .mb-xl-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.select-menu-text-filter input {
- padding: 5px var(--base-size-12);
-}
+ .mb-xl-5 {
+ margin-bottom: 3rem !important;
+ }
-.select-menu-item {
- text-align: left;
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- border-top: 0;
- border-right: 0;
- border-left: 0;
-}
+ .mb-xl-auto {
+ margin-bottom: auto !important;
+ }
-@media (max-width: 767px) {
- .hx_sm-hide-drag-drop textarea {
- border-bottom: solid var(--borderWidth-thin) var(--borderColor-default);
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+ .ms-xl-0 {
+ margin-left: 0 !important;
}
- .hx_sm-hide-drag-drop .hx_drag-and-drop {
- display: none !important;
+ .ms-xl-1 {
+ margin-left: 0.25rem !important;
}
-}
-@media (hover: none) {
- .tooltipped:hover::before,
- .tooltipped:hover::after {
- display: none;
+ .ms-xl-2 {
+ margin-left: 0.5rem !important;
}
-}
-@media (hover: none) {
- .markdown-body h1 .octicon-link,
- .markdown-body h2 .octicon-link,
- .markdown-body h3 .octicon-link,
- .markdown-body h4 .octicon-link,
- .markdown-body h5 .octicon-link,
- .markdown-body h6 .octicon-link {
- visibility: visible !important;
+ .ms-xl-3 {
+ margin-left: 1rem !important;
}
-}
-.min-width-lg {
- min-width: 1012px;
-}
+ .ms-xl-4 {
+ margin-left: 1.5rem !important;
+ }
-.min-width-xl {
- min-width: 1280px;
-}
+ .ms-xl-5 {
+ margin-left: 3rem !important;
+ }
-.min-height-0 {
- min-height: 0 !important;
-}
+ .ms-xl-auto {
+ margin-left: auto !important;
+ }
-.ws-pre-wrap {
- white-space: pre-wrap;
-}
+ .p-xl-0 {
+ padding: 0 !important;
+ }
-.cursor-pointer {
- cursor: pointer;
-}
+ .p-xl-1 {
+ padding: 0.25rem !important;
+ }
-.cursor-default {
- cursor: default;
-}
+ .p-xl-2 {
+ padding: 0.5rem !important;
+ }
-.cursor-wait {
- cursor: wait !important;
-}
+ .p-xl-3 {
+ padding: 1rem !important;
+ }
-.pointer-none {
- pointer-events: none;
-}
+ .p-xl-4 {
+ padding: 1.5rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .hide-no-pref-motion {
- display: none !important;
- visibility: hidden;
+ .p-xl-5 {
+ padding: 3rem !important;
}
-}
-@media screen and (prefers-reduced-motion: reduce) {
- .hide-reduced-motion {
- display: none !important;
- visibility: hidden;
+ .px-xl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-}
-.gap-1 {
- gap: var(--base-size-4) !important;
-}
+ .px-xl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
-.gap-2 {
- gap: var(--base-size-8) !important;
-}
+ .px-xl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.gap-3 {
- gap: var(--base-size-16) !important;
-}
+ .px-xl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.gap-4 {
- gap: var(--base-size-24) !important;
-}
+ .px-xl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.color-border-emphasis {
- border-color: var(--control-borderColor-rest) !important;
-}
+ .px-xl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.line-clamp-1 {
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 1;
- overflow: hidden;
- text-overflow: ellipsis;
-}
+ .py-xl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.line-clamp-2 {
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2;
- overflow: hidden;
- text-overflow: ellipsis;
-}
+ .py-xl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.text-wrap-balance {
- text-wrap: balance;
-}
+ .py-xl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-.text-tabular-nums {
- font-variant-numeric: lining-nums tabular-nums;
-}
+ .py-xl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
-.inset-0 {
- inset: 0;
-}
+ .py-xl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-.starring-container .unstarred,
-.starring-container.on .starred {
- display: flex;
-}
+ .py-xl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
-.starring-container.on .unstarred,
-.starring-container .starred {
- display: none;
-}
+ .pt-xl-0 {
+ padding-top: 0 !important;
+ }
-.starring-container.loading {
- opacity: 0.5;
-}
+ .pt-xl-1 {
+ padding-top: 0.25rem !important;
+ }
-.user-following-container .follow,
-.user-following-container.on .unfollow {
- display: inline-block;
-}
+ .pt-xl-2 {
+ padding-top: 0.5rem !important;
+ }
-.user-following-container.on .follow,
-.user-following-container .unfollow {
- display: none;
-}
+ .pt-xl-3 {
+ padding-top: 1rem !important;
+ }
-.user-following-container.loading {
- opacity: 0.5;
-}
+ .pt-xl-4 {
+ padding-top: 1.5rem !important;
+ }
-.hidden-when-empty:empty {
- display: none !important;
-}
+ .pt-xl-5 {
+ padding-top: 3rem !important;
+ }
-.cm-number,
-.cm-atom {
- color: var(--codeMirror-syntax-fgColor-constant);
-}
+ .pe-xl-0 {
+ padding-right: 0 !important;
+ }
-dl.form-group > dd .form-control.is-autocheck-loading,
-dl.form-group > dd .form-control.is-autocheck-successful,
-dl.form-group > dd .form-control.is-autocheck-errored,
-.form-group > .form-group-body .form-control.is-autocheck-loading,
-.form-group > .form-group-body .form-control.is-autocheck-successful,
-.form-group > .form-group-body .form-control.is-autocheck-errored {
- padding-right: 30px;
-}
+ .pe-xl-1 {
+ padding-right: 0.25rem !important;
+ }
-dl.form-group > dd .form-control.is-autocheck-loading,
-.form-group > .form-group-body .form-control.is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-16px-52b21dd0a90e.gif');
-}
+ .pe-xl-2 {
+ padding-right: 0.5rem !important;
+ }
-dl.form-group > dd .form-control.is-autocheck-errored,
-.form-group > .form-group-body .form-control.is-autocheck-errored {
- background-image: url('/assets/error-27e08d342a06.png');
-}
+ .pe-xl-3 {
+ padding-right: 1rem !important;
+ }
-@media only screen and (-moz-min-device-pixel-ratio: 2),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 192dpi),
- only screen and (min-resolution: 2dppx) {
- dl.form-group > dd .form-control.is-autocheck-loading,
- dl.form-group > dd .form-control.is-autocheck-successful,
- dl.form-group > dd .form-control.is-autocheck-errored,
- .form-group > .form-group-body .form-control.is-autocheck-loading,
- .form-group > .form-group-body .form-control.is-autocheck-successful,
- .form-group > .form-group-body .form-control.is-autocheck-errored {
- background-size: 16px 16px;
+ .pe-xl-4 {
+ padding-right: 1.5rem !important;
}
- dl.form-group > dd .form-control.is-autocheck-loading,
- .form-group > .form-group-body .form-control.is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-32-36e32e38816e.gif');
+ .pe-xl-5 {
+ padding-right: 3rem !important;
}
- dl.form-group > dd .form-control.is-autocheck-errored,
- .form-group > .form-group-body .form-control.is-autocheck-errored {
- background-image: url('/assets/error@2x-92d4bca0a053.png');
+ .pb-xl-0 {
+ padding-bottom: 0 !important;
}
-}
-[data-color-mode='dark'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
- background-size: 16px 16px;
-}
+ .pb-xl-1 {
+ padding-bottom: 0.25rem !important;
+ }
-[data-color-mode='light'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
- background-size: 16px 16px;
-}
+ .pb-xl-2 {
+ padding-bottom: 0.5rem !important;
+ }
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme^='light'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
- background-size: 16px 16px;
+ .pb-xl-3 {
+ padding-bottom: 1rem !important;
}
- [data-color-mode='auto'][data-dark-theme^='dark'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
- background-size: 16px 16px;
+ .pb-xl-4 {
+ padding-bottom: 1.5rem !important;
}
-}
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme^='light'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
- background-size: 16px 16px;
+ .pb-xl-5 {
+ padding-bottom: 3rem !important;
}
- [data-color-mode='auto'][data-light-theme^='dark'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
- background-size: 16px 16px;
+ .ps-xl-0 {
+ padding-left: 0 !important;
}
-}
-auto-check .is-autocheck-loading,
-auto-check .is-autocheck-successful,
-auto-check .is-autocheck-errored {
- padding-right: 30px;
- background-repeat: no-repeat;
- background-position: right 8px center;
-}
+ .ps-xl-1 {
+ padding-left: 0.25rem !important;
+ }
-auto-check .is-autocheck-errored {
- background-image: url('/assets/error-27e08d342a06.png');
-}
+ .ps-xl-2 {
+ padding-left: 0.5rem !important;
+ }
-@media only screen and (-moz-min-device-pixel-ratio: 2),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 192dpi),
- only screen and (min-resolution: 2dppx) {
- auto-check .is-autocheck-loading,
- auto-check .is-autocheck-successful,
- auto-check .is-autocheck-errored {
- background-size: 16px 16px;
+ .ps-xl-3 {
+ padding-left: 1rem !important;
}
- auto-check .is-autocheck-errored {
- background-image: url('/assets/error@2x-92d4bca0a053.png');
+ .ps-xl-4 {
+ padding-left: 1.5rem !important;
}
-}
-.hx_text-body {
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif,
- 'Apple Color Emoji', 'Segoe UI Emoji' !important;
-}
+ .ps-xl-5 {
+ padding-left: 3rem !important;
+ }
-.hx_disabled-form-checkbox-label.form-checkbox.disabled {
- color: var(--fgColor-muted);
-}
+ .text-xl-start {
+ text-align: left !important;
+ }
-.autocomplete-item {
- background-color: transparent;
-}
+ .text-xl-end {
+ text-align: right !important;
+ }
-.ColorSwatch {
- display: inline-block;
- width: 1em;
- height: 1em;
- vertical-align: middle;
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
+ .text-xl-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 1400px) {
+ .float-xxl-start {
+ float: left !important;
+ }
-.label-select-menu .color,
-.ColorSwatch {
- border-radius: 2em;
-}
+ .float-xxl-end {
+ float: right !important;
+ }
-.details-overlay[open] > .dropdown-item:hover {
- color: inherit;
- background: var(--bgColor-default);
-}
+ .float-xxl-none {
+ float: none !important;
+ }
-remote-input[loading] .form-control {
- padding-right: 30px;
- background-image: url('/assets/octocat-spinner-32-36e32e38816e.gif');
- background-size: var(--base-size-16);
-}
+ .d-xxl-inline {
+ display: inline !important;
+ }
-.hx_form-control-spinner {
- position: absolute;
- top: var(--base-size-24);
- right: var(--base-size-24);
- display: none;
-}
+ .d-xxl-inline-block {
+ display: inline-block !important;
+ }
-@media (min-width: 767px) {
- .hx_form-control-spinner {
- top: 18px;
- right: 18px;
+ .d-xxl-block {
+ display: block !important;
}
-}
-.hx_form-control-spinner-wrapper {
- position: relative;
-}
+ .d-xxl-grid {
+ display: grid !important;
+ }
-.hx_form-control-spinner-wrapper .is-loading.form-control {
- padding-right: var(--base-size-28);
-}
+ .d-xxl-table {
+ display: table !important;
+ }
-.hx_form-control-spinner-wrapper .is-loading + .hx_form-control-spinner {
- display: block;
-}
+ .d-xxl-table-row {
+ display: table-row !important;
+ }
-.drag-and-drop {
- border-color: var(--borderColor-default);
-}
+ .d-xxl-table-cell {
+ display: table-cell !important;
+ }
-.input-sm {
- min-height: 28px;
-}
+ .d-xxl-flex {
+ display: flex !important;
+ }
-.btn .octicon-triangle-down {
- margin-right: 0;
-}
+ .d-xxl-inline-flex {
+ display: inline-flex !important;
+ }
-.UnderlineNav-item.selected .UnderlineNav-octicon,
-.UnderlineNav-item[aria-current]:not([aria-current='false']) .UnderlineNav-octicon,
-.UnderlineNav-item[role='tab'][aria-selected='true'] .UnderlineNav-octicon {
- color: inherit;
-}
+ .d-xxl-none {
+ display: none !important;
+ }
-.break-line-anywhere {
- line-break: anywhere !important;
-}
+ .flex-xxl-fill {
+ flex: 1 1 auto !important;
+ }
-.form-checkbox input[type='checkbox'],
-.form-checkbox input[type='radio'] {
- margin-top: var(--base-size-4);
-}
+ .flex-xxl-row {
+ flex-direction: row !important;
+ }
-.status-indicator-success::before,
-.status-indicator-failed::before {
- content: none;
-}
+ .flex-xxl-column {
+ flex-direction: column !important;
+ }
-.markdown-title code {
- padding: 2px var(--base-size-4);
- font-size: 0.9em;
- line-height: 1;
- background-color: var(--bgColor-neutral-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .flex-xxl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
-[data-turbo-body] {
- isolation: isolate;
-}
+ .flex-xxl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
-#__primerPortalRoot__ {
- z-index: 1;
-}
+ .flex-xxl-grow-0 {
+ flex-grow: 0 !important;
+ }
-.hx_ActionList-content > .hx_ActionList-item-label,
-.hx_ActionList-content > .hx_ActionList-item-visual {
- pointer-events: none;
-}
+ .flex-xxl-grow-1 {
+ flex-grow: 1 !important;
+ }
-.IssueLabel--big.lh-condensed {
- display: inline-block;
- padding: 0 10px;
- font-size: 12px;
- font-weight: var(--base-text-weight-medium, 500);
- line-height: 22px !important;
- border: var(--borderWidth-thin) solid transparent;
- border-radius: 2em;
-}
+ .flex-xxl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.hx_IssueLabel {
- --perceived-lightness: calc(
- ((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255
- );
- --lightness-switch: max(0, min(calc((1 / (var(--lightness-threshold) - var(--perceived-lightness)))), 1));
-}
-
-:root .hx_IssueLabel,
-[data-color-mode='light'][data-light-theme*='light'] .hx_IssueLabel,
-[data-color-mode='dark'][data-dark-theme*='light'] .hx_IssueLabel {
- --lightness-threshold: 0.453;
- --border-threshold: 0.96;
- --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
- color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
- background: rgb(var(--label-r), var(--label-g), var(--label-b));
- border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha));
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='light'] .hx_IssueLabel {
- --lightness-threshold: 0.453;
- --border-threshold: 0.96;
- --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
- color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
- background: rgb(var(--label-r), var(--label-g), var(--label-b));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) - 25) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='light'] .hx_IssueLabel {
- --lightness-threshold: 0.453;
- --border-threshold: 0.96;
- --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
- color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
- background: rgb(var(--label-r), var(--label-g), var(--label-b));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) - 25) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-[data-color-mode='light'][data-light-theme*='dark'] .hx_IssueLabel,
-[data-color-mode='dark'][data-dark-theme*='dark'] .hx_IssueLabel {
- --lightness-threshold: 0.6;
- --background-alpha: 0.18;
- --border-alpha: 0.3;
- --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
- color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
- background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) + var(--lighten-by)) * 1%),
- var(--border-alpha)
- );
-}
+ .flex-xxl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] .hx_IssueLabel {
- --lightness-threshold: 0.6;
- --background-alpha: 0.18;
- --border-alpha: 0.3;
- --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
- color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
- background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) + var(--lighten-by)) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] .hx_IssueLabel {
- --lightness-threshold: 0.6;
- --background-alpha: 0.18;
- --border-alpha: 0.3;
- --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
- color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
- background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) + var(--lighten-by)) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-.signed-commit-badge-small,
-.signed-commit-badge-medium,
-.signed-commit-badge-large {
- display: inline-block;
- padding: 0 7px;
- font-size: 12px;
- font-weight: var(--base-text-weight-medium, 500);
- line-height: 18px;
- white-space: nowrap;
- border: 1px solid transparent;
- border-radius: 2em;
- border-color: var(--borderColor-default);
-}
+ .flex-xxl-wrap {
+ flex-wrap: wrap !important;
+ }
-.signed-commit-badge-small {
- margin-top: 0;
-}
+ .flex-xxl-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.signed-commit-badge-large {
- padding-right: 10px;
- padding-left: 10px;
- line-height: 22px;
-}
+ .flex-xxl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.topic-tag-action,
-.delete-topic-button,
-.topic-tag {
- display: inline-block;
- padding: 0 7px;
- font-size: 12px;
- font-weight: var(--base-text-weight-medium, 500);
- line-height: 18px;
- white-space: nowrap;
- border: 1px solid transparent;
- border-radius: 2em;
- padding-right: 10px;
- padding-left: 10px;
- line-height: 22px;
- color: var(--fgColor-accent);
- background-color: var(--bgColor-accent-muted);
- border: var(--borderWidth-thin) solid var(--topicTag-borderColor, transparent);
-}
+ .gap-xxl-0 {
+ gap: 0 !important;
+ }
-.topic-tag-action:active,
-.topic-tag-action:hover,
-.delete-topic-button:active,
-.delete-topic-button:hover,
-.topic-tag:active,
-.topic-tag:hover {
- color: var(--fgColor-onEmphasis);
- background-color: var(--bgColor-accent-emphasis);
-}
+ .gap-xxl-1 {
+ gap: 0.25rem !important;
+ }
-.delete-topic-button {
- padding: 0;
-}
+ .gap-xxl-2 {
+ gap: 0.5rem !important;
+ }
-.topic-tag {
- margin: 0 0.125em 0.333em 0;
-}
+ .gap-xxl-3 {
+ gap: 1rem !important;
+ }
-.topic-tag-large {
- align-items: center;
- display: inline-flex;
- height: 24px;
- padding: 0 10px;
-}
+ .gap-xxl-4 {
+ gap: 1.5rem !important;
+ }
-.topic-tag-outline {
- background: transparent;
-}
+ .gap-xxl-5 {
+ gap: 3rem !important;
+ }
-.topic-tag-action {
- display: inline-flex;
- padding-right: 0;
-}
+ .justify-content-xxl-start {
+ justify-content: flex-start !important;
+ }
-.branch-action-item.color-border-default {
- border-color: var(--borderColor-default) !important;
-}
+ .justify-content-xxl-end {
+ justify-content: flex-end !important;
+ }
-.user-status-container .input-group-button .btn {
- height: 32px;
-}
+ .justify-content-xxl-center {
+ justify-content: center !important;
+ }
-.reponav-item,
-.pagehead-tabs-item {
- border-radius: var(--borderRadius-small) var(--borderRadius-small) 0 0;
-}
+ .justify-content-xxl-between {
+ justify-content: space-between !important;
+ }
-.reponav-item.selected,
-.pagehead-tabs-item.selected {
- border-top-color: #f9826c;
-}
+ .justify-content-xxl-around {
+ justify-content: space-around !important;
+ }
-.auto-search-group > .octicon {
- top: var(--base-size-8);
-}
+ .justify-content-xxl-evenly {
+ justify-content: space-evenly !important;
+ }
-.subnav-search > button.mt-2 {
- margin-top: 6px !important;
-}
+ .align-items-xxl-start {
+ align-items: flex-start !important;
+ }
-.completeness-indicator-success {
- color: var(--fgColor-onEmphasis);
- background-color: var(--button-primary-bgColor-rest);
-}
+ .align-items-xxl-end {
+ align-items: flex-end !important;
+ }
-.pagination-loader-container button.color-bg-default.border-0 {
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
-}
+ .align-items-xxl-center {
+ align-items: center !important;
+ }
-.avatar-user {
- border-radius: 50% !important;
-}
+ .align-items-xxl-baseline {
+ align-items: baseline !important;
+ }
-.user-hovercard-avatar {
- display: block;
- outline-offset: unset;
-}
+ .align-items-xxl-stretch {
+ align-items: stretch !important;
+ }
-@media (max-width: 543px) {
- .minimized-comment > details > summary > div {
- flex-direction: column;
+ .align-content-xxl-start {
+ align-content: flex-start !important;
}
- .minimized-comment > details > summary > div .review-comment-contents {
- align-left: flex-start;
+ .align-content-xxl-end {
+ align-content: flex-end !important;
}
-}
-.hx_disabled-input {
- margin-right: calc(var(--base-size-4) * -1) !important;
- margin-left: calc(var(--base-size-4) * -1) !important;
-}
+ .align-content-xxl-center {
+ align-content: center !important;
+ }
-.hx_disabled-input sidebar-memex-input[disabled] * {
- cursor: pointer;
-}
+ .align-content-xxl-between {
+ align-content: space-between !important;
+ }
-.hx_disabled-input sidebar-memex-input:not([disabled]) .Box-row--hover-gray {
- background-color: var(--bgColor-muted);
-}
+ .align-content-xxl-around {
+ align-content: space-around !important;
+ }
-.hx_disabled-input .Box-row--hover-gray svg.octicon-pencil {
- visibility: hidden;
- opacity: 0;
-}
+ .align-content-xxl-stretch {
+ align-content: stretch !important;
+ }
-.hx_disabled-input .Box-row--hover-gray:hover,
-.hx_disabled-input .Box-row--hover-gray:focus {
- padding-top: var(--base-size-8) !important;
- padding-bottom: var(--base-size-8) !important;
-}
+ .align-self-xxl-auto {
+ align-self: auto !important;
+ }
-.hx_disabled-input .Box-row--hover-gray:hover svg.octicon-pencil,
-.hx_disabled-input .Box-row--hover-gray:focus svg.octicon-pencil {
- visibility: visible;
- opacity: 1;
-}
+ .align-self-xxl-start {
+ align-self: flex-start !important;
+ }
-.hx_disabled-input input:not(:disabled) {
- margin-top: var(--base-size-8) !important;
- margin-bottom: var(--base-size-8) !important;
-}
+ .align-self-xxl-end {
+ align-self: flex-end !important;
+ }
-.hx_disabled-input input[disabled],
-.hx_disabled-input select[disabled],
-.hx_disabled-input .form-control[contenteditable='false'] {
- padding-right: 0;
- padding-left: 0;
- margin-right: 0;
- color: var(--fgColor-default) !important;
- background: transparent;
- border: 0;
- box-shadow: none;
- opacity: 1;
-}
+ .align-self-xxl-center {
+ align-self: center !important;
+ }
-.hx_disabled-input text-expander input[type='text'][disabled] {
- display: none;
-}
+ .align-self-xxl-baseline {
+ align-self: baseline !important;
+ }
-.hx_disabled-input text-expander input[type='text'][disabled] + div.form-control {
- display: block;
-}
+ .align-self-xxl-stretch {
+ align-self: stretch !important;
+ }
-.hx_disabled-input text-expander input[type='text'] + div.form-control {
- display: none;
-}
+ .order-xxl-first {
+ order: -1 !important;
+ }
-.hx_disabled-input input[type='number'][disabled] {
- display: none;
-}
+ .order-xxl-0 {
+ order: 0 !important;
+ }
-.hx_disabled-input input[type='number'][disabled] + div.form-control {
- display: block;
-}
+ .order-xxl-1 {
+ order: 1 !important;
+ }
-.hx_disabled-input input[type='number'] + div.form-control {
- display: none;
-}
+ .order-xxl-2 {
+ order: 2 !important;
+ }
-.hx_disabled-input input[type='date'][disabled] {
- display: none;
-}
+ .order-xxl-3 {
+ order: 3 !important;
+ }
-.hx_disabled-input input[type='date'][disabled] + div.form-control {
- display: block;
-}
+ .order-xxl-4 {
+ order: 4 !important;
+ }
-.hx_disabled-input input[type='date'] + div.form-control {
- display: none;
-}
+ .order-xxl-5 {
+ order: 5 !important;
+ }
-.hx_disabled-input input[disabled]::placeholder,
-.hx_disabled-input selected[disabled]::placeholder {
- color: var(--fgColor-default) !important;
-}
+ .order-xxl-last {
+ order: 6 !important;
+ }
-.hx_disabled-input .form-select {
- background-image: none !important;
-}
+ .m-xxl-0 {
+ margin: 0 !important;
+ }
-.hx_disabled-input .Box-row--focus-gray:focus {
- background: var(--bgColor-muted);
-}
+ .m-xxl-1 {
+ margin: 0.25rem !important;
+ }
-.summary-iteration .inline-status {
- display: none;
-}
+ .m-xxl-2 {
+ margin: 0.5rem !important;
+ }
-.summary-iteration .block-status {
- display: inline-block;
-}
+ .m-xxl-3 {
+ margin: 1rem !important;
+ }
-.list-iteration .inline-status {
- display: inline;
-}
+ .m-xxl-4 {
+ margin: 1.5rem !important;
+ }
-.list-iteration .block-status {
- display: none;
-}
+ .m-xxl-5 {
+ margin: 3rem !important;
+ }
-.hx_tabnav-in-dropdown {
- border-radius: 5px 5px 0 0;
-}
+ .m-xxl-auto {
+ margin: auto !important;
+ }
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:first-child .tabnav-tab.selected,
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:first-child .tabnav-tab[aria-selected='true'],
-.hx_tabnav-in-dropdown
- .tabnav-tabs
- .hx_tabnav-in-dropdown-wrapper:first-child
- .tabnav-tab[aria-current]:not([aria-current='false']) {
- border-left: 0;
-}
+ .mx-xxl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:last-child .tabnav-tab.selected,
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:last-child .tabnav-tab[aria-selected='true'],
-.hx_tabnav-in-dropdown
- .tabnav-tabs
- .hx_tabnav-in-dropdown-wrapper:last-child
- .tabnav-tab[aria-current]:not([aria-current='false']) {
- border-right: 0;
-}
+ .mx-xxl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.hx_tabnav-in-dropdown
- .tabnav-tabs
- .hx_tabnav-in-dropdown-wrapper:last-child
- .tabnav-tab[aria-selected='false']::after {
- position: absolute;
- top: -14px;
- right: 10px;
- left: auto;
- z-index: 10;
- display: inline-block;
- content: '';
- border: 7px solid transparent;
- border-bottom: 7px solid var(--bgColor-muted);
-}
+ .mx-xxl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.hx_tabnav-in-dropdown .tabnav-tab.selected,
-.hx_tabnav-in-dropdown .tabnav-tab[aria-selected='true'],
-.hx_tabnav-in-dropdown .tabnav-tab[aria-current]:not([aria-current='false']) {
- margin-top: -1px;
- background-color: var(--overlay-bgColor);
-}
+ .mx-xxl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.details-overlay-dark[open] > summary::before {
- z-index: 111 !important;
-}
+ .mx-xxl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.turbo-progress-bar {
- z-index: 2147483647;
-}
+ .mx-xxl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.timeline-comment .previewable-comment-form textarea {
- max-height: none;
-}
+ .mx-xxl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.truncate-with-responsive-width {
- width: 50px;
- min-width: 100%;
-}
+ .my-xxl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.markdown-alert {
- padding: var(--base-size-8) var(--base-size-16);
- margin-bottom: var(--base-size-16);
- color: inherit;
- border-left: 0.25em solid var(--borderColor-default);
-}
+ .my-xxl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.markdown-alert > :first-child {
- margin-top: 0;
-}
+ .my-xxl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.markdown-alert > :last-child {
- margin-bottom: 0;
-}
+ .my-xxl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.markdown-alert .markdown-alert-title {
- display: flex;
- font-weight: var(--base-text-weight-medium, 500);
- align-items: center;
- line-height: 1;
-}
+ .my-xxl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.markdown-alert.markdown-alert-note {
- border-left-color: var(--borderColor-accent-emphasis);
-}
+ .my-xxl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-.markdown-alert.markdown-alert-note .markdown-alert-title {
- color: var(--fgColor-accent);
-}
+ .my-xxl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-.markdown-alert.markdown-alert-important {
- border-left-color: var(--borderColor-done-emphasis);
-}
+ .mt-xxl-0 {
+ margin-top: 0 !important;
+ }
-.markdown-alert.markdown-alert-important .markdown-alert-title {
- color: var(--fgColor-done);
-}
+ .mt-xxl-1 {
+ margin-top: 0.25rem !important;
+ }
-.markdown-alert.markdown-alert-warning {
- border-left-color: var(--borderColor-attention-emphasis);
-}
+ .mt-xxl-2 {
+ margin-top: 0.5rem !important;
+ }
-.markdown-alert.markdown-alert-warning .markdown-alert-title {
- color: var(--fgColor-attention);
-}
+ .mt-xxl-3 {
+ margin-top: 1rem !important;
+ }
-.markdown-alert.markdown-alert-tip {
- border-left-color: var(--borderColor-success-emphasis);
-}
+ .mt-xxl-4 {
+ margin-top: 1.5rem !important;
+ }
-.markdown-alert.markdown-alert-tip .markdown-alert-title {
- color: var(--fgColor-success);
-}
+ .mt-xxl-5 {
+ margin-top: 3rem !important;
+ }
-.markdown-alert.markdown-alert-caution {
- border-left-color: var(--borderColor-danger-emphasis);
-}
+ .mt-xxl-auto {
+ margin-top: auto !important;
+ }
-.markdown-alert.markdown-alert-caution .markdown-alert-title {
- color: var(--fgColor-danger);
-}
+ .me-xxl-0 {
+ margin-right: 0 !important;
+ }
-.Overlay-header.Overlay-header--divided + .Overlay-body {
- padding-top: var(--stack-padding-normal, var(--base-size-16));
-}
+ .me-xxl-1 {
+ margin-right: 0.25rem !important;
+ }
-.Overlay-closeButton {
- position: relative;
- display: grid;
- width: var(--base-size-32, 2rem);
- height: var(--base-size-32, 2rem);
- padding: 0;
- color: var(--fgColor-muted);
- cursor: pointer;
- -webkit-user-select: none;
- user-select: none;
- user-select: none;
- background-color: initial;
- border: var(--borderWidth-thin, max(var(--borderWidth-thin), 0.0625rem)) solid transparent;
- border-radius: var(--borderRadius-medium, var(--borderRadius-medium));
- transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);
- transition-property: color, background-color, border-color;
- align-self: flex-start;
- flex-shrink: 0;
- place-content: center;
-}
+ .me-xxl-2 {
+ margin-right: 0.5rem !important;
+ }
-.Overlay-closeButton:focus,
-.Overlay-closeButton:hover {
- background-color: var(--button-default-bgColor-hover);
- border: var(--borderWidth-thin, max(var(--borderWidth-thin), 0.0625rem)) solid var(--control-bgColor-hover);
-}
+ .me-xxl-3 {
+ margin-right: 1rem !important;
+ }
-.Overlay-closeButton.close-button {
- border: var(--borderWidth-thin, max(var(--borderWidth-thin), 0.0625rem)) solid transparent;
-}
+ .me-xxl-4 {
+ margin-right: 1.5rem !important;
+ }
-.Overlay-backdrop--center {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
- align-items: center;
- justify-content: center;
-}
+ .me-xxl-5 {
+ margin-right: 3rem !important;
+ }
-.Overlay-backdrop--anchor {
- position: absolute;
- z-index: 999;
- background-color: initial;
-}
+ .me-xxl-auto {
+ margin-right: auto !important;
+ }
-.Overlay-backdrop--side {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
-}
+ .mb-xxl-0 {
+ margin-bottom: 0 !important;
+ }
-.Overlay-backdrop--side,
-.Overlay-backdrop--side.Overlay-backdrop--placement-left {
- align-items: center;
- justify-content: left;
-}
+ .mb-xxl-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-left > .Overlay {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
-}
+ .mb-xxl-2 {
+ margin-bottom: 0.5rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-left > .Overlay {
- animation: Overlay--motion-slideInRight 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .mb-xxl-3 {
+ margin-bottom: 1rem !important;
}
-}
-.Overlay-backdrop--side.Overlay-backdrop--placement-right {
- align-items: center;
- justify-content: right;
-}
+ .mb-xxl-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-right > .Overlay {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-}
+ .mb-xxl-5 {
+ margin-bottom: 3rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-right > .Overlay {
- animation: Overlay--motion-slideInLeft 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .mb-xxl-auto {
+ margin-bottom: auto !important;
}
-}
-.Overlay-backdrop--side.Overlay-backdrop--placement-bottom {
- align-items: end;
- justify-content: center;
-}
+ .ms-xxl-0 {
+ margin-left: 0 !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-bottom > .Overlay {
- width: 100vw;
- height: auto;
- max-height: calc(100vh - 2rem);
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
-}
+ .ms-xxl-1 {
+ margin-left: 0.25rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-bottom > .Overlay {
- animation: Overlay--motion-slideUp 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .ms-xxl-2 {
+ margin-left: 0.5rem !important;
}
-}
-.Overlay-backdrop--side.Overlay-backdrop--placement-top {
- align-items: start;
- justify-content: center;
-}
+ .ms-xxl-3 {
+ margin-left: 1rem !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-top > .Overlay {
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-top-right-radius: 0;
-}
+ .ms-xxl-4 {
+ margin-left: 1.5rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-top > .Overlay {
- animation: Overlay--motion-slideDown 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .ms-xxl-5 {
+ margin-left: 3rem !important;
}
-}
-.Overlay-backdrop--full {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
-}
+ .ms-xxl-auto {
+ margin-left: auto !important;
+ }
-.Overlay-backdrop--full .Overlay {
- width: 100%;
- max-width: 100vw;
- height: 100%;
- max-height: 100vh;
- border-radius: unset !important;
- flex-grow: 1;
-}
+ .p-xxl-0 {
+ padding: 0 !important;
+ }
-@media (max-width: 767px) {
- .Overlay-backdrop--center-whenNarrow {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
- align-items: center;
- justify-content: center;
+ .p-xxl-1 {
+ padding: 0.25rem !important;
}
- .Overlay-backdrop--anchor-whenNarrow {
- position: absolute;
- z-index: 999;
- background-color: initial;
+ .p-xxl-2 {
+ padding: 0.5rem !important;
}
- .Overlay-backdrop--side-whenNarrow {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
+ .p-xxl-3 {
+ padding: 1rem !important;
}
- .Overlay-backdrop--side-whenNarrow,
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow {
- align-items: center;
- justify-content: left;
+ .p-xxl-4 {
+ padding: 1.5rem !important;
}
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow > .Overlay-whenNarrow {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
+ .p-xxl-5 {
+ padding: 3rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideInRight 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .px-xxl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow {
- align-items: center;
- justify-content: right;
+ .px-xxl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow > .Overlay-whenNarrow {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
+ .px-xxl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideInLeft 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .px-xxl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow {
- align-items: end;
- justify-content: center;
+ .px-xxl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow > .Overlay-whenNarrow {
- width: 100vw;
- height: auto;
- max-height: calc(100vh - 2rem);
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+ .px-xxl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideUp 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .py-xxl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow {
- align-items: start;
- justify-content: center;
+ .py-xxl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow > .Overlay-whenNarrow {
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-top-right-radius: 0;
+ .py-xxl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideDown 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .py-xxl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--full-whenNarrow {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
+ .py-xxl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--full-whenNarrow .Overlay {
- width: 100%;
- max-width: 100vw;
- height: 100%;
- max-height: 100vh;
- border-radius: unset !important;
- flex-grow: 1;
+ .py-xxl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
}
-}
-.Overlay.Overlay--height-xsmall {
- height: min(192px, 100vh - 2rem);
-}
+ .pt-xxl-0 {
+ padding-top: 0 !important;
+ }
-.Overlay.Overlay--height-small {
- height: min(256px, 100vh - 2rem);
-}
+ .pt-xxl-1 {
+ padding-top: 0.25rem !important;
+ }
-.Overlay.Overlay--height-medium {
- height: min(320px, 100vh - 2rem);
-}
+ .pt-xxl-2 {
+ padding-top: 0.5rem !important;
+ }
-.Overlay.Overlay--height-large {
- height: min(432px, 100vh - 2rem);
-}
+ .pt-xxl-3 {
+ padding-top: 1rem !important;
+ }
-.Overlay.Overlay--height-xlarge {
- height: min(600px, 100vh - 2rem);
-}
+ .pt-xxl-4 {
+ padding-top: 1.5rem !important;
+ }
-.Overlay.Overlay--width-auto {
- width: auto;
-}
+ .pt-xxl-5 {
+ padding-top: 3rem !important;
+ }
-.Overlay.Overlay--width-small {
- width: min(256px, 100vw - 2rem);
-}
+ .pe-xxl-0 {
+ padding-right: 0 !important;
+ }
-.Overlay.Overlay--width-medium {
- width: min(320px, 100vw - 2rem);
-}
+ .pe-xxl-1 {
+ padding-right: 0.25rem !important;
+ }
-.Overlay.Overlay--width-large {
- width: min(480px, 100vw - 2rem);
-}
+ .pe-xxl-2 {
+ padding-right: 0.5rem !important;
+ }
-.Overlay.Overlay--width-xlarge {
- width: min(640px, 100vw - 2rem);
-}
+ .pe-xxl-3 {
+ padding-right: 1rem !important;
+ }
-.Overlay.Overlay--width-xxlarge {
- width: min(960px, 100vw - 2rem);
-}
+ .pe-xxl-4 {
+ padding-right: 1.5rem !important;
+ }
-@supports not selector(:popover-open) {
- [popover]:not(.\:popover-open) {
- display: none;
+ .pe-xxl-5 {
+ padding-right: 3rem !important;
}
-}
-.markdown-body > *:first-child > .heading-element:first-child {
- margin-top: 0 !important;
-}
+ .pb-xxl-0 {
+ padding-bottom: 0 !important;
+ }
-.markdown-heading {
- position: relative;
-}
+ .pb-xxl-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.markdown-heading .heading-element:hover + .anchor {
- opacity: 1;
-}
+ .pb-xxl-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.markdown-heading h1.heading-element + .anchor,
-.markdown-heading h2.heading-element + .anchor {
- transform: translateY(calc(-50% - 0.3rem));
-}
+ .pb-xxl-3 {
+ padding-bottom: 1rem !important;
+ }
-.markdown-heading .anchor {
- position: absolute;
- top: 50%;
- left: -28px;
- display: flex;
- width: 28px;
- height: 28px;
- margin: auto;
- border-radius: var(--borderRadius-medium);
- opacity: 0;
- justify-content: center;
- align-items: center;
- transform: translateY(-50%);
-}
+ .pb-xxl-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.markdown-heading .anchor:hover {
- opacity: 1;
-}
+ .pb-xxl-5 {
+ padding-bottom: 3rem !important;
+ }
-.markdown-heading .anchor:focus {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: -2px;
- opacity: 1;
-}
+ .ps-xxl-0 {
+ padding-left: 0 !important;
+ }
-@media (pointer: coarse) {
- .markdown-heading .anchor {
- opacity: 1;
+ .ps-xxl-1 {
+ padding-left: 0.25rem !important;
}
-}
-.markdown-heading .anchor .octicon {
- color: var(--fgColor-default);
-}
+ .ps-xxl-2 {
+ padding-left: 0.5rem !important;
+ }
-summary > .markdown-heading {
- display: inline-block;
-}
+ .ps-xxl-3 {
+ padding-left: 1rem !important;
+ }
-.primer-button-break-line .BtnGroup > * {
- flex: 1 0 auto;
-}
+ .ps-xxl-4 {
+ padding-left: 1.5rem !important;
+ }
-.primer-button-break-line .SegmentedControl .Button {
- width: unset !important;
- min-width: 100% !important;
- height: unset !important;
- min-height: 100% !important;
-}
+ .ps-xxl-5 {
+ padding-left: 3rem !important;
+ }
-.primer-button-break-line .SegmentedControl .Button .Button-label {
- overflow: hidden !important;
- text-overflow: ellipsis !important;
- white-space: nowrap !important;
-}
+ .text-xxl-start {
+ text-align: left !important;
+ }
-.primer-button-break-line .Button {
- min-width: -moz-fit-content !important;
- min-width: fit-content !important;
- height: unset !important;
- min-height: var(--control-medium-size) !important;
-}
+ .text-xxl-end {
+ text-align: right !important;
+ }
-.primer-button-break-line .Button-content {
- flex: 1 1 auto !important;
- align-self: stretch !important;
- padding-block: calc(var(--control-medium-paddingBlock) - 2px) !important;
+ .text-xxl-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 1200px) {
+ .fs-1 {
+ font-size: 2.5rem !important;
+ }
-.primer-button-break-line .Button-label {
- white-space: unset !important;
-}
+ .fs-2 {
+ font-size: 2rem !important;
+ }
-.primer-button-break-line .Button--small {
- height: unset !important;
- min-height: var(--control-small-size) !important;
-}
+ .fs-3 {
+ font-size: 1.75rem !important;
+ }
-.primer-button-break-line .Button--small .Button-content {
- padding-block: calc(var(--control-small-paddingBlock) - 2px) !important;
+ .fs-4 {
+ font-size: 1.5rem !important;
+ }
}
+@media print {
+ .d-print-inline {
+ display: inline !important;
+ }
-.primer-button-break-line .Button--large {
- height: unset !important;
- min-height: var(--control-large-size) !important;
- padding-inline: var(--control-large-paddingInline-spacious) !important;
-}
+ .d-print-inline-block {
+ display: inline-block !important;
+ }
-.primer-button-break-line .Button--large .Button-content {
- padding-block: calc(var(--control-large-paddingBlock) - 2px) !important;
-}
+ .d-print-block {
+ display: block !important;
+ }
-.primer-button-break-line .Button--link {
- min-height: unset !important;
-}
+ .d-print-grid {
+ display: grid !important;
+ }
-.primer-button-break-line .Button--link .Button-content {
- padding: 0 !important;
-}
+ .d-print-table {
+ display: table !important;
+ }
-details.details-overlay:not([open]) > *:not(summary) {
- display: none !important;
-}
+ .d-print-table-row {
+ display: table-row !important;
+ }
-.hx-rails-banner-upsell {
- background-image: linear-gradient(var(--bgColor-upsell-muted), var(--bgColor-upsell-muted));
- border: var(--borderWidth-thin) solid var(--borderColor-upsell-muted);
-}
+ .d-print-table-cell {
+ display: table-cell !important;
+ }
-.hx-rails-banner-upsell .Banner-visual .octicon {
- color: var(--fgColor-upsell);
-}
+ .d-print-flex {
+ display: flex !important;
+ }
-.footer {
- background-color: var(--color-anthracite);
- padding: var(--spacing-4);
- text-align: center;
- font-size: var(--font-size-xs);
- color: #fff;
+ .d-print-inline-flex {
+ display: inline-flex !important;
+ }
+
+ .d-print-none {
+ display: none !important;
+ }
}
diff --git a/steps/02.02-fonts/server/views/pages/product.njk b/steps/02.02-fonts/server/views/pages/product.njk
index fb23dc0..4d52b71 100644
--- a/steps/02.02-fonts/server/views/pages/product.njk
+++ b/steps/02.02-fonts/server/views/pages/product.njk
@@ -48,7 +48,7 @@
★
{% endfor %}
-
+
({{ product.reviews.score }} avis)
Voir tous les avis
diff --git a/steps/03.01-speed-size/public/styles/footer.css b/steps/03.01-speed-size/public/styles/footer.css
index 92b9baa..451640b 100644
--- a/steps/03.01-speed-size/public/styles/footer.css
+++ b/steps/03.01-speed-size/public/styles/footer.css
@@ -1,13034 +1,11079 @@
-.color-border-inverse {
- border-color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis)) !important;
+.footer {
+ background-color: var(--color-anthracite);
+ padding: var(--spacing-4);
+ text-align: center;
+ font-size: var(--font-size-xs);
+ color: #fff;
}
-.bg-gray-2,
-.bg-gray-3 {
- background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted)) !important;
+:root {
+ --bs-blue: #0d6efd;
+ --bs-indigo: #6610f2;
+ --bs-purple: #6f42c1;
+ --bs-pink: #d63384;
+ --bs-red: #dc3545;
+ --bs-orange: #fd7e14;
+ --bs-yellow: #ffc107;
+ --bs-green: #198754;
+ --bs-teal: #20c997;
+ --bs-cyan: #0dcaf0;
+ --bs-white: #fff;
+ --bs-gray: #6c757d;
+ --bs-gray-dark: #343a40;
+ --bs-gray-100: #f8f9fa;
+ --bs-gray-200: #e9ecef;
+ --bs-gray-300: #dee2e6;
+ --bs-gray-400: #ced4da;
+ --bs-gray-500: #adb5bd;
+ --bs-gray-600: #6c757d;
+ --bs-gray-700: #495057;
+ --bs-gray-800: #343a40;
+ --bs-gray-900: #212529;
+ --bs-primary: #0d6efd;
+ --bs-secondary: #6c757d;
+ --bs-success: #198754;
+ --bs-info: #0dcaf0;
+ --bs-warning: #ffc107;
+ --bs-danger: #dc3545;
+ --bs-light: #f8f9fa;
+ --bs-dark: #212529;
+ --bs-primary-rgb: 13, 110, 253;
+ --bs-secondary-rgb: 108, 117, 125;
+ --bs-success-rgb: 25, 135, 84;
+ --bs-info-rgb: 13, 202, 240;
+ --bs-warning-rgb: 255, 193, 7;
+ --bs-danger-rgb: 220, 53, 69;
+ --bs-light-rgb: 248, 249, 250;
+ --bs-dark-rgb: 33, 37, 41;
+ --bs-white-rgb: 255, 255, 255;
+ --bs-black-rgb: 0, 0, 0;
+ --bs-body-color-rgb: 33, 37, 41;
+ --bs-body-bg-rgb: 255, 255, 255;
+ --bs-font-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
+ 'Liberation Sans', 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.5;
+ --bs-body-color: #212529;
+ --bs-body-bg: #fff;
}
-.color-text-white {
- color: var(--fgColor-white, var(--color-scale-white)) !important;
+@media (prefers-reduced-motion: no-preference) {
+ :root {
+ scroll-behavior: smooth;
+ }
}
-.border-white-fade {
- border-color: rgba(255, 255, 255, 0.15) !important;
+.list-unstyled {
+ padding-left: 0;
+ list-style: none;
}
-.lead {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-inline {
+ padding-left: 0;
+ list-style: none;
}
-.text-emphasized {
- color: var(--fgColor-default, var(--color-fg-default));
+.list-inline-item {
+ display: inline-block;
}
-
-.Label.Label--orange {
- color: var(--fgColor-severe, var(--color-severe-fg));
- border-color: var(--borderColor-severe-emphasis, var(--color-severe-emphasis));
+.list-inline-item:not(:last-child) {
+ margin-right: 0.5rem;
}
-.Label.Label--purple {
- color: var(--fgColor-done, var(--color-done-fg));
- border-color: var(--borderColor-done-emphasis, var(--color-done-emphasis));
+.initialism {
+ font-size: 0.875em;
+ text-transform: uppercase;
}
-.Label.Label--pink {
- color: var(--fgColor-sponsors, var(--color-sponsors-fg));
- border-color: var(--borderColor-sponsors-emphasis, var(--color-sponsors-emphasis));
+.blockquote {
+ margin-bottom: 1rem;
+ font-size: 1.25rem;
}
-
-/*!
-* GitHub Light v0.5.0
-* Copyright (c) 2012 - 2017 GitHub, Inc.
-* Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
-*/
-.pl-c {
- color: var(--color-prettylights-syntax-comment);
+.blockquote > :last-child {
+ margin-bottom: 0;
}
-.pl-c1,
-.pl-s .pl-v {
- color: var(--color-prettylights-syntax-constant);
+.blockquote-footer {
+ margin-top: -1rem;
+ margin-bottom: 1rem;
+ font-size: 0.875em;
+ color: #6c757d;
}
-
-.pl-e,
-.pl-en {
- color: var(--color-prettylights-syntax-entity);
+.blockquote-footer::before {
+ content: '— ';
}
-.pl-smi,
-.pl-s .pl-s1 {
- color: var(--color-prettylights-syntax-storage-modifier-import);
+.img-fluid {
+ max-width: 100%;
+ height: auto;
}
-.pl-ent {
- color: var(--color-prettylights-syntax-entity-tag);
+.img-thumbnail {
+ padding: 0.25rem;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+ border-radius: 0.25rem;
+ max-width: 100%;
+ height: auto;
}
-.pl-k {
- color: var(--color-prettylights-syntax-keyword);
+.figure {
+ display: inline-block;
}
-.pl-s,
-.pl-pds,
-.pl-s .pl-pse .pl-s1,
-.pl-sr,
-.pl-sr .pl-cce,
-.pl-sr .pl-sre,
-.pl-sr .pl-sra {
- color: var(--color-prettylights-syntax-string);
+.figure-img {
+ margin-bottom: 0.5rem;
+ line-height: 1;
}
-.pl-v,
-.pl-smw {
- color: var(--color-prettylights-syntax-variable);
+.figure-caption {
+ font-size: 0.875em;
+ color: #6c757d;
}
-.pl-bu {
- color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
+.container,
+.container-fluid,
+.container-xxl,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm {
+ width: 100%;
+ padding-right: var(--bs-gutter-x, 0.75rem);
+ padding-left: var(--bs-gutter-x, 0.75rem);
+ margin-right: auto;
+ margin-left: auto;
}
-.pl-ii {
- color: var(--color-prettylights-syntax-invalid-illegal-text);
- background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
+@media (min-width: 576px) {
+ .container-sm,
+ .container {
+ max-width: 540px;
+ }
}
-
-.pl-c2 {
- color: var(--color-prettylights-syntax-carriage-return-text);
- background-color: var(--color-prettylights-syntax-carriage-return-bg);
+@media (min-width: 768px) {
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 720px;
+ }
+}
+@media (min-width: 992px) {
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 960px;
+ }
+}
+@media (min-width: 1200px) {
+ .container-xl,
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 1140px;
+ }
+}
+@media (min-width: 1400px) {
+ .container-xxl,
+ .container-xl,
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container {
+ max-width: 1320px;
+ }
+}
+.row {
+ --bs-gutter-x: 1.5rem;
+ --bs-gutter-y: 0;
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: calc(-1 * var(--bs-gutter-y));
+ margin-right: calc(-0.5 * var(--bs-gutter-x));
+ margin-left: calc(-0.5 * var(--bs-gutter-x));
}
-
-.pl-c2::before {
- content: '^M';
+.row > * {
+ flex-shrink: 0;
+ width: 100%;
+ max-width: 100%;
+ padding-right: calc(var(--bs-gutter-x) * 0.5);
+ padding-left: calc(var(--bs-gutter-x) * 0.5);
+ margin-top: var(--bs-gutter-y);
}
-.pl-sr .pl-cce {
- font-weight: bold;
- color: var(--color-prettylights-syntax-string-regexp);
+.col {
+ flex: 1 0 0%;
}
-.pl-ml {
- color: var(--color-prettylights-syntax-markup-list);
+.row-cols-auto > * {
+ flex: 0 0 auto;
+ width: auto;
}
-.pl-mh,
-.pl-mh .pl-en,
-.pl-ms {
- font-weight: bold;
- color: var(--color-prettylights-syntax-markup-heading);
+.row-cols-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
}
-.pl-mi {
- font-style: italic;
- color: var(--color-prettylights-syntax-markup-italic);
+.row-cols-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
}
-.pl-mb {
- font-weight: bold;
- color: var(--color-prettylights-syntax-markup-bold);
+.row-cols-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
}
-.pl-md {
- color: var(--color-prettylights-syntax-markup-deleted-text);
- background-color: var(--color-prettylights-syntax-markup-deleted-bg);
+.row-cols-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
}
-.pl-mi1 {
- color: var(--color-prettylights-syntax-markup-inserted-text);
- background-color: var(--color-prettylights-syntax-markup-inserted-bg);
+.row-cols-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
}
-.pl-mc {
- color: var(--color-prettylights-syntax-markup-changed-text);
- background-color: var(--color-prettylights-syntax-markup-changed-bg);
+.row-cols-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
}
-.pl-mi2 {
- color: var(--color-prettylights-syntax-markup-ignored-text);
- background-color: var(--color-prettylights-syntax-markup-ignored-bg);
+.col-auto {
+ flex: 0 0 auto;
+ width: auto;
}
-.pl-mdr {
- font-weight: bold;
- color: var(--color-prettylights-syntax-meta-diff-range);
+.col-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
}
-.pl-ba {
- color: var(--color-prettylights-syntax-brackethighlighter-angle);
+.col-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
}
-.pl-sg {
- color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
+.col-3 {
+ flex: 0 0 auto;
+ width: 25%;
}
-.pl-corl {
- text-decoration: underline;
- color: var(--color-prettylights-syntax-constant-other-reference-link);
+.col-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
}
-.CodeMirror {
- font-family: monospace;
- height: 300px;
- color: black;
- direction: ltr;
+.col-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
}
-.CodeMirror-lines {
- padding: 4px 0;
+.col-6 {
+ flex: 0 0 auto;
+ width: 50%;
}
-.CodeMirror pre.CodeMirror-line,
-.CodeMirror pre.CodeMirror-line-like {
- padding: 0 4px;
+.col-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
}
-.CodeMirror-scrollbar-filler,
-.CodeMirror-gutter-filler {
- background-color: white;
+.col-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
}
-.CodeMirror-gutters {
- border-right: 1px solid #ddd;
- background-color: #f7f7f7;
- white-space: nowrap;
+.col-9 {
+ flex: 0 0 auto;
+ width: 75%;
}
-.CodeMirror-linenumber {
- padding: 0 3px 0 5px;
- min-width: 20px;
- text-align: right;
- color: #999;
- white-space: nowrap;
+.col-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
}
-.CodeMirror-guttermarker {
- color: black;
+.col-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
}
-.CodeMirror-guttermarker-subtle {
- color: #999;
+.col-12 {
+ flex: 0 0 auto;
+ width: 100%;
}
-.CodeMirror-cursor {
- border-left: 1px solid black;
- border-right: none;
- width: 0;
+.offset-1 {
+ margin-left: 8.33333333%;
}
-.CodeMirror div.CodeMirror-secondarycursor {
- border-left: 1px solid silver;
+.offset-2 {
+ margin-left: 16.66666667%;
}
-.cm-fat-cursor .CodeMirror-cursor {
- width: auto;
- border: 0 !important;
- background: #7e7;
+.offset-3 {
+ margin-left: 25%;
}
-.cm-fat-cursor div.CodeMirror-cursors {
- z-index: 1;
+.offset-4 {
+ margin-left: 33.33333333%;
}
-.cm-fat-cursor-mark {
- background-color: rgba(20, 255, 20, 0.5);
- animation: blink 1.06s steps(1) infinite;
+.offset-5 {
+ margin-left: 41.66666667%;
}
-.cm-animate-fat-cursor {
- width: auto;
- border: 0;
- animation: blink 1.06s steps(1) infinite;
- background-color: #7e7;
+.offset-6 {
+ margin-left: 50%;
}
-@keyframes blink {
- 50% {
- background-color: transparent;
- }
+.offset-7 {
+ margin-left: 58.33333333%;
}
-.cm-tab {
- display: inline-block;
- text-decoration: inherit;
+.offset-8 {
+ margin-left: 66.66666667%;
}
-.CodeMirror-rulers {
- position: absolute;
- left: 0;
- right: 0;
- top: -50px;
- bottom: 0;
- overflow: hidden;
+.offset-9 {
+ margin-left: 75%;
}
-.CodeMirror-ruler {
- border-left: 1px solid #ccc;
- top: 0;
- bottom: 0;
- position: absolute;
+.offset-10 {
+ margin-left: 83.33333333%;
}
-.cm-s-default .cm-header {
- color: blue;
+.offset-11 {
+ margin-left: 91.66666667%;
}
-.cm-s-default .cm-quote {
- color: #090;
+.g-0,
+.gx-0 {
+ --bs-gutter-x: 0;
}
-.cm-negative {
- color: #d44;
+.g-0,
+.gy-0 {
+ --bs-gutter-y: 0;
}
-.cm-positive {
- color: #292;
+.g-1,
+.gx-1 {
+ --bs-gutter-x: 0.25rem;
}
-.cm-header,
-.cm-strong {
- font-weight: bold;
+.g-1,
+.gy-1 {
+ --bs-gutter-y: 0.25rem;
}
-.cm-em {
- font-style: italic;
+.g-2,
+.gx-2 {
+ --bs-gutter-x: 0.5rem;
}
-.cm-link {
- text-decoration: underline;
+.g-2,
+.gy-2 {
+ --bs-gutter-y: 0.5rem;
}
-.cm-strikethrough {
- text-decoration: line-through;
+.g-3,
+.gx-3 {
+ --bs-gutter-x: 1rem;
}
-.cm-s-default .cm-keyword {
- color: #708;
+.g-3,
+.gy-3 {
+ --bs-gutter-y: 1rem;
}
-.cm-s-default .cm-atom {
- color: #219;
+.g-4,
+.gx-4 {
+ --bs-gutter-x: 1.5rem;
}
-.cm-s-default .cm-number {
- color: #164;
+.g-4,
+.gy-4 {
+ --bs-gutter-y: 1.5rem;
}
-.cm-s-default .cm-def {
- color: blue;
+.g-5,
+.gx-5 {
+ --bs-gutter-x: 3rem;
}
-.cm-s-default .cm-variable-2 {
- color: #05a;
+.g-5,
+.gy-5 {
+ --bs-gutter-y: 3rem;
}
-.cm-s-default .cm-variable-3,
-.cm-s-default .cm-type {
- color: #085;
-}
+@media (min-width: 576px) {
+ .col-sm {
+ flex: 1 0 0%;
+ }
-.cm-s-default .cm-comment {
- color: #a50;
-}
+ .row-cols-sm-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.cm-s-default .cm-string {
- color: #a11;
-}
+ .row-cols-sm-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.cm-s-default .cm-string-2 {
- color: #f50;
-}
+ .row-cols-sm-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.cm-s-default .cm-meta {
- color: #555;
-}
+ .row-cols-sm-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.cm-s-default .cm-qualifier {
- color: #555;
-}
+ .row-cols-sm-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.cm-s-default .cm-builtin {
- color: #30a;
-}
+ .row-cols-sm-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.cm-s-default .cm-bracket {
- color: #997;
-}
+ .row-cols-sm-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.cm-s-default .cm-tag {
- color: #170;
-}
+ .col-sm-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.cm-s-default .cm-attribute {
- color: #00c;
-}
+ .col-sm-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.cm-s-default .cm-hr {
- color: #999;
-}
+ .col-sm-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.cm-s-default .cm-link {
- color: #00c;
-}
+ .col-sm-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.cm-s-default .cm-error {
- color: red;
-}
+ .col-sm-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.cm-invalidchar {
- color: red;
-}
+ .col-sm-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.CodeMirror-composing {
- border-bottom: 2px solid;
-}
+ .col-sm-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-div.CodeMirror span.CodeMirror-matchingbracket {
- color: #0b0;
-}
+ .col-sm-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-div.CodeMirror span.CodeMirror-nonmatchingbracket {
- color: #a22;
-}
+ .col-sm-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.CodeMirror-matchingtag {
- background: rgba(255, 150, 0, 0.3);
-}
+ .col-sm-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.CodeMirror-activeline-background {
- background: #e8f2ff;
-}
+ .col-sm-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.CodeMirror {
- position: relative;
- overflow: hidden;
- background: white;
-}
+ .col-sm-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.CodeMirror-scroll {
- overflow: scroll !important;
- margin-bottom: -50px;
- margin-right: -50px;
- padding-bottom: 50px;
- height: 100%;
- outline: none;
- position: relative;
-}
+ .col-sm-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-sizer {
- position: relative;
- border-right: 50px solid transparent;
-}
+ .offset-sm-0 {
+ margin-left: 0;
+ }
-.CodeMirror-vscrollbar,
-.CodeMirror-hscrollbar,
-.CodeMirror-scrollbar-filler,
-.CodeMirror-gutter-filler {
- position: absolute;
- z-index: 6;
- display: none;
- outline: none;
-}
+ .offset-sm-1 {
+ margin-left: 8.33333333%;
+ }
-.CodeMirror-vscrollbar {
- right: 0;
- top: 0;
- overflow-x: hidden;
- overflow-y: scroll;
-}
+ .offset-sm-2 {
+ margin-left: 16.66666667%;
+ }
-.CodeMirror-hscrollbar {
- bottom: 0;
- left: 0;
- overflow-y: hidden;
- overflow-x: scroll;
-}
+ .offset-sm-3 {
+ margin-left: 25%;
+ }
-.CodeMirror-scrollbar-filler {
- right: 0;
- bottom: 0;
-}
+ .offset-sm-4 {
+ margin-left: 33.33333333%;
+ }
-.CodeMirror-gutter-filler {
- left: 0;
- bottom: 0;
-}
+ .offset-sm-5 {
+ margin-left: 41.66666667%;
+ }
-.CodeMirror-gutters {
- position: absolute;
- left: 0;
- top: 0;
- min-height: 100%;
- z-index: 3;
-}
+ .offset-sm-6 {
+ margin-left: 50%;
+ }
-.CodeMirror-gutter {
- white-space: normal;
- height: 100%;
- display: inline-block;
- vertical-align: top;
- margin-bottom: -50px;
-}
+ .offset-sm-7 {
+ margin-left: 58.33333333%;
+ }
-.CodeMirror-gutter-wrapper {
- position: absolute;
- z-index: 4;
- background: none !important;
- border: none !important;
-}
+ .offset-sm-8 {
+ margin-left: 66.66666667%;
+ }
-.CodeMirror-gutter-background {
- position: absolute;
- top: 0;
- bottom: 0;
- z-index: 4;
-}
+ .offset-sm-9 {
+ margin-left: 75%;
+ }
-.CodeMirror-gutter-elt {
- position: absolute;
- cursor: default;
- z-index: 4;
-}
+ .offset-sm-10 {
+ margin-left: 83.33333333%;
+ }
-.CodeMirror-gutter-wrapper ::selection {
- background-color: transparent;
-}
+ .offset-sm-11 {
+ margin-left: 91.66666667%;
+ }
-.CodeMirror-gutter-wrapper ::-moz-selection {
- background-color: transparent;
-}
+ .g-sm-0,
+ .gx-sm-0 {
+ --bs-gutter-x: 0;
+ }
-.CodeMirror-lines {
- cursor: text;
- min-height: 1px;
-}
+ .g-sm-0,
+ .gy-sm-0 {
+ --bs-gutter-y: 0;
+ }
-.CodeMirror pre.CodeMirror-line,
-.CodeMirror pre.CodeMirror-line-like {
- border-radius: 0;
- border-width: 0;
- background: transparent;
- font-family: inherit;
- font-size: inherit;
- margin: 0;
- white-space: pre;
- word-wrap: normal;
- line-height: inherit;
- color: inherit;
- z-index: 2;
- position: relative;
- overflow: visible;
- -webkit-tap-highlight-color: transparent;
- font-variant-ligatures: contextual;
-}
+ .g-sm-1,
+ .gx-sm-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.CodeMirror-wrap pre.CodeMirror-line,
-.CodeMirror-wrap pre.CodeMirror-line-like {
- word-wrap: break-word;
- white-space: pre-wrap;
- word-break: normal;
-}
+ .g-sm-1,
+ .gy-sm-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.CodeMirror-linebackground {
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- z-index: 0;
-}
+ .g-sm-2,
+ .gx-sm-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.CodeMirror-linewidget {
- position: relative;
- z-index: 2;
- padding: 0.1px;
-}
+ .g-sm-2,
+ .gy-sm-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.CodeMirror-rtl pre {
- direction: rtl;
-}
+ .g-sm-3,
+ .gx-sm-3 {
+ --bs-gutter-x: 1rem;
+ }
-.CodeMirror-code {
- outline: none;
-}
+ .g-sm-3,
+ .gy-sm-3 {
+ --bs-gutter-y: 1rem;
+ }
-.CodeMirror-scroll,
-.CodeMirror-sizer,
-.CodeMirror-gutter,
-.CodeMirror-gutters,
-.CodeMirror-linenumber {
- box-sizing: content-box;
-}
+ .g-sm-4,
+ .gx-sm-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.CodeMirror-measure {
- position: absolute;
- width: 100%;
- height: 0;
- overflow: hidden;
- visibility: hidden;
-}
+ .g-sm-4,
+ .gy-sm-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.CodeMirror-cursor {
- position: absolute;
- pointer-events: none;
-}
+ .g-sm-5,
+ .gx-sm-5 {
+ --bs-gutter-x: 3rem;
+ }
-.CodeMirror-measure pre {
- position: static;
+ .g-sm-5,
+ .gy-sm-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 768px) {
+ .col-md {
+ flex: 1 0 0%;
+ }
-div.CodeMirror-cursors {
- visibility: hidden;
- position: relative;
- z-index: 3;
-}
+ .row-cols-md-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-div.CodeMirror-dragcursors {
- visibility: visible;
-}
+ .row-cols-md-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-focused div.CodeMirror-cursors {
- visibility: visible;
-}
+ .row-cols-md-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.CodeMirror-selected {
- background: #d9d9d9;
-}
+ .row-cols-md-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.CodeMirror-focused .CodeMirror-selected {
- background: #d7d4f0;
-}
+ .row-cols-md-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.CodeMirror-crosshair {
- cursor: crosshair;
-}
+ .row-cols-md-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.CodeMirror-line::selection,
-.CodeMirror-line > span::selection,
-.CodeMirror-line > span > span::selection {
- background: #d7d4f0;
-}
+ .row-cols-md-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.CodeMirror-line::-moz-selection,
-.CodeMirror-line > span::-moz-selection,
-.CodeMirror-line > span > span::-moz-selection {
- background: #d7d4f0;
-}
+ .col-md-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.cm-searching {
- background-color: #ffa;
- background-color: rgba(255, 255, 0, 0.4);
-}
+ .col-md-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.cm-force-border {
- padding-right: 0.1px;
-}
+ .col-md-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-@media print {
- .CodeMirror div.CodeMirror-cursors {
- visibility: hidden;
+ .col-md-3 {
+ flex: 0 0 auto;
+ width: 25%;
}
-}
-.cm-tab-wrap-hack:after {
- content: '';
-}
+ .col-md-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-span.CodeMirror-selectedtext {
- background: none;
-}
+ .col-md-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.CodeMirror-dialog {
- position: absolute;
- left: 0;
- right: 0;
- background: inherit;
- z-index: 15;
- padding: 0.1em 0.8em;
- overflow: hidden;
- color: inherit;
-}
+ .col-md-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.CodeMirror-dialog-top {
- border-bottom: 1px solid #eee;
- top: 0;
-}
+ .col-md-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.CodeMirror-dialog-bottom {
- border-top: 1px solid #eee;
- bottom: 0;
-}
+ .col-md-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.CodeMirror-dialog input {
- border: none;
- outline: none;
- background: transparent;
- width: 20em;
- color: inherit;
- font-family: monospace;
-}
+ .col-md-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.CodeMirror-dialog button {
- font-size: 70%;
-}
+ .col-md-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.CodeMirror-merge {
- position: relative;
- border: 1px solid #ddd;
- white-space: pre;
-}
+ .col-md-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.CodeMirror-merge,
-.CodeMirror-merge .CodeMirror {
- height: 350px;
-}
+ .col-md-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-merge-2pane .CodeMirror-merge-pane {
- width: 47%;
-}
+ .offset-md-0 {
+ margin-left: 0;
+ }
-.CodeMirror-merge-2pane .CodeMirror-merge-gap {
- width: 6%;
-}
+ .offset-md-1 {
+ margin-left: 8.33333333%;
+ }
-.CodeMirror-merge-3pane .CodeMirror-merge-pane {
- width: 31%;
-}
+ .offset-md-2 {
+ margin-left: 16.66666667%;
+ }
-.CodeMirror-merge-3pane .CodeMirror-merge-gap {
- width: 3.5%;
-}
+ .offset-md-3 {
+ margin-left: 25%;
+ }
-.CodeMirror-merge-pane {
- display: inline-block;
- white-space: normal;
- vertical-align: top;
-}
+ .offset-md-4 {
+ margin-left: 33.33333333%;
+ }
-.CodeMirror-merge-pane-rightmost {
- position: absolute;
- right: 0px;
- z-index: 1;
-}
+ .offset-md-5 {
+ margin-left: 41.66666667%;
+ }
-.CodeMirror-merge-gap {
- z-index: 2;
- display: inline-block;
- height: 100%;
- box-sizing: border-box;
- overflow: hidden;
- border-left: 1px solid #ddd;
- border-right: 1px solid #ddd;
- position: relative;
- background: #f8f8f8;
-}
+ .offset-md-6 {
+ margin-left: 50%;
+ }
-.CodeMirror-merge-scrolllock-wrap {
- position: absolute;
- bottom: 0;
- left: 50%;
-}
+ .offset-md-7 {
+ margin-left: 58.33333333%;
+ }
-.CodeMirror-merge-scrolllock {
- position: relative;
- left: -50%;
- cursor: pointer;
- color: #555;
- line-height: 1;
-}
+ .offset-md-8 {
+ margin-left: 66.66666667%;
+ }
-.CodeMirror-merge-scrolllock:after {
- content: '⇛ ⇚';
-}
+ .offset-md-9 {
+ margin-left: 75%;
+ }
-.CodeMirror-merge-scrolllock.CodeMirror-merge-scrolllock-enabled:after {
- content: '⇛⇚';
-}
+ .offset-md-10 {
+ margin-left: 83.33333333%;
+ }
-.CodeMirror-merge-copybuttons-left,
-.CodeMirror-merge-copybuttons-right {
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- line-height: 1;
-}
+ .offset-md-11 {
+ margin-left: 91.66666667%;
+ }
-.CodeMirror-merge-copy {
- position: absolute;
- cursor: pointer;
- color: #44c;
- z-index: 3;
-}
+ .g-md-0,
+ .gx-md-0 {
+ --bs-gutter-x: 0;
+ }
-.CodeMirror-merge-copy-reverse {
- position: absolute;
- cursor: pointer;
- color: #44c;
-}
+ .g-md-0,
+ .gy-md-0 {
+ --bs-gutter-y: 0;
+ }
-.CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy {
- left: 2px;
-}
+ .g-md-1,
+ .gx-md-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy {
- right: 2px;
-}
+ .g-md-1,
+ .gy-md-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.CodeMirror-merge-r-inserted,
-.CodeMirror-merge-l-inserted {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==);
- background-position: bottom left;
- background-repeat: repeat-x;
-}
+ .g-md-2,
+ .gx-md-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.CodeMirror-merge-r-deleted,
-.CodeMirror-merge-l-deleted {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
- background-position: bottom left;
- background-repeat: repeat-x;
-}
+ .g-md-2,
+ .gy-md-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.CodeMirror-merge-r-chunk {
- background: #ffffe0;
-}
+ .g-md-3,
+ .gx-md-3 {
+ --bs-gutter-x: 1rem;
+ }
-.CodeMirror-merge-r-chunk-start {
- border-top: 1px solid #ee8;
-}
+ .g-md-3,
+ .gy-md-3 {
+ --bs-gutter-y: 1rem;
+ }
-.CodeMirror-merge-r-chunk-end {
- border-bottom: 1px solid #ee8;
-}
+ .g-md-4,
+ .gx-md-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.CodeMirror-merge-r-connect {
- fill: #ffffe0;
- stroke: #ee8;
- stroke-width: 1px;
-}
+ .g-md-4,
+ .gy-md-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.CodeMirror-merge-l-chunk {
- background: #eef;
-}
+ .g-md-5,
+ .gx-md-5 {
+ --bs-gutter-x: 3rem;
+ }
-.CodeMirror-merge-l-chunk-start {
- border-top: 1px solid #88e;
+ .g-md-5,
+ .gy-md-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 992px) {
+ .col-lg {
+ flex: 1 0 0%;
+ }
-.CodeMirror-merge-l-chunk-end {
- border-bottom: 1px solid #88e;
-}
+ .row-cols-lg-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.CodeMirror-merge-l-connect {
- fill: #eef;
- stroke: #88e;
- stroke-width: 1px;
-}
+ .row-cols-lg-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk {
- background: #dfd;
-}
+ .row-cols-lg-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start {
- border-top: 1px solid #4e4;
-}
+ .row-cols-lg-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end {
- border-bottom: 1px solid #4e4;
-}
+ .row-cols-lg-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.CodeMirror-merge-collapsed-widget:before {
- content: '(...)';
-}
+ .row-cols-lg-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.CodeMirror-merge-collapsed-widget {
- cursor: pointer;
- color: #88b;
- background: #eef;
- border: 1px solid #ddf;
- font-size: 90%;
- padding: 0 3px;
- border-radius: 4px;
-}
+ .row-cols-lg-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt {
- display: none;
-}
+ .col-lg-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-/*!
-* GitHub Light v0.4.2
-* Copyright (c) 2012 - 2017 GitHub, Inc.
-* Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
-*/
-.cm-s-github-light.CodeMirror {
- color: var(--codeMirror-fgColor);
- background: var(--codeMirror-bgColor);
-}
+ .col-lg-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.cm-s-github-light .CodeMirror-gutters {
- background: var(--codeMirror-gutters-bgColor);
- border-right-width: 0;
-}
+ .col-lg-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.cm-s-github-light .CodeMirror-guttermarker {
- color: var(--codeMirror-gutterMarker-fgColor-default);
-}
+ .col-lg-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.cm-s-github-light .CodeMirror-guttermarker-subtle {
- color: var(--codeMirror-gutterMarker-fgColor-muted);
-}
+ .col-lg-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.cm-s-github-light .CodeMirror-scrollbar-filler,
-.cm-s-github-light .CodeMirror-gutter-filler {
- background-color: transparent;
-}
+ .col-lg-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.cm-s-github-light .CodeMirror-linenumber {
- padding: 0 var(--base-size-16) 0 var(--base-size-16);
- color: var(--codeMirror-lineNumber-fgColor);
-}
+ .col-lg-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.cm-s-github-light .CodeMirror-cursor {
- border-left: var(--borderWidth-thin) solid var(--codeMirror-cursor-fgColor);
-}
+ .col-lg-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.cm-s-github-light.CodeMirror-focused .CodeMirror-selected,
-.cm-s-github-light .CodeMirror-line::selection,
-.cm-s-github-light .CodeMirror-line > span::selection,
-.cm-s-github-light .CodeMirror-line > span > span::selection {
- background: var(--codeMirror-selection-bgColor, var(--color-codemirror-selection-bg, #d7d4f0));
-}
+ .col-lg-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.cm-s-github-light .CodeMirror-line > span::-moz-selection,
-.cm-s-github-light .CodeMirror-line > span > span::-moz-selection {
- background: var(--codeMirror-selection-bgColor, var(--color-codemirror-selection-bg, #d7d4f0));
-}
+ .col-lg-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.cm-s-github-light .CodeMirror-activeline-background {
- background: var(--codeMirror-activeline-bgColor);
-}
+ .col-lg-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.cm-s-github-light .CodeMirror-matchingbracket {
- color: var(--codeMirror-matchingBracket-fgColor) !important;
- text-decoration: underline;
-}
+ .col-lg-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.cm-s-github-light .CodeMirror-lines {
- font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
- font-size: 12px;
- line-height: 1.5;
- background: var(--codeMirror-lines-bgColor);
-}
+ .col-lg-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.react-code-view-edit .CodeMirror,
-.react-code-view-edit .CodeMirror-scroll {
- display: flex;
- flex-direction: column;
- flex: 1 1 auto;
-}
+ .offset-lg-0 {
+ margin-left: 0;
+ }
-.react-code-view-edit .cm-s-github-light .CodeMirror-lines {
- padding-top: var(--base-size-8);
- font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
- line-height: 20px;
-}
+ .offset-lg-1 {
+ margin-left: 8.33333333%;
+ }
-.react-code-view-edit .cm-s-github-light .CodeMirror-line,
-.react-code-view-edit .cm-s-github-light .CodeMirror-placeholder {
- padding-left: var(--base-size-16);
-}
+ .offset-lg-2 {
+ margin-left: 16.66666667%;
+ }
-.cm-s-github-light .cm-comment {
- color: var(--codeMirror-syntax-fgColor-comment);
-}
+ .offset-lg-3 {
+ margin-left: 25%;
+ }
-.cm-s-github-light .cm-constant {
- color: var(--codeMirror-syntax-fgColor-constant);
-}
+ .offset-lg-4 {
+ margin-left: 33.33333333%;
+ }
-.cm-s-github-light .cm-entity {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-entity);
- text-decoration: none;
-}
+ .offset-lg-5 {
+ margin-left: 41.66666667%;
+ }
-.cm-s-github-light .cm-keyword {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-keyword);
- text-decoration: none;
-}
+ .offset-lg-6 {
+ margin-left: 50%;
+ }
-.cm-s-github-light .cm-storage {
- color: var(--codeMirror-syntax-fgColor-storage);
-}
+ .offset-lg-7 {
+ margin-left: 58.33333333%;
+ }
-.cm-s-github-light .cm-string {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-string);
- text-decoration: none;
-}
+ .offset-lg-8 {
+ margin-left: 66.66666667%;
+ }
-.cm-s-github-light .cm-support {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-support);
- text-decoration: none;
-}
+ .offset-lg-9 {
+ margin-left: 75%;
+ }
-.cm-s-github-light .cm-variable {
- font-style: normal;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--codeMirror-syntax-fgColor-variable);
- text-decoration: none;
-}
+ .offset-lg-10 {
+ margin-left: 83.33333333%;
+ }
-details-dialog {
- position: fixed;
- margin: 10vh auto;
- top: 0;
- left: 50%;
- transform: translateX(-50%);
- z-index: 999;
- max-height: 80vh;
- max-width: 90vw;
- width: 448px;
- overflow: auto;
-}
+ .offset-lg-11 {
+ margin-left: 91.66666667%;
+ }
-.user-select-contain {
- -webkit-user-select: contain;
- user-select: contain;
-}
+ .g-lg-0,
+ .gx-lg-0 {
+ --bs-gutter-x: 0;
+ }
-.ajax-pagination-form .ajax-pagination-btn {
- width: 100%;
- padding: 6px;
- margin-top: var(--base-size-20);
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-accent);
- background: var(--bgColor-default);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .g-lg-0,
+ .gy-lg-0 {
+ --bs-gutter-y: 0;
+ }
-.ajax-pagination-form .ajax-pagination-btn:hover,
-.ajax-pagination-form .ajax-pagination-btn:focus {
- color: var(--fgColor-accent);
- background-color: var(--bgColor-muted);
-}
+ .g-lg-1,
+ .gx-lg-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.ajax-pagination-form.loading .ajax-pagination-btn {
- text-indent: -3000px;
- background-color: var(--bgColor-muted);
- background-image: url('/assets/octocat-spinner-16px-EAF2F5-8b50b1cd56db.gif');
- background-repeat: no-repeat;
- background-position: center center;
- border-color: var(--borderColor-default);
-}
+ .g-lg-1,
+ .gy-lg-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-@media only screen and (-moz-min-device-pixel-ratio: 2),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 192dpi),
- only screen and (min-resolution: 2dppx) {
- .ajax-pagination-form.loading .ajax-pagination-btn {
- background-image: url('/assets/octocat-spinner-32-EAF2F5-ada8eb30dd92.gif');
- background-size: 16px auto;
+ .g-lg-2,
+ .gx-lg-2 {
+ --bs-gutter-x: 0.5rem;
}
-}
-body [role='button']:focus:not(:focus-visible),
-body [role='tabpanel'][tabindex='0']:focus:not(:focus-visible),
-body button:focus:not(:focus-visible),
-body summary:focus:not(:focus-visible),
-body a:focus:not(:focus-visible) {
- outline: none;
- box-shadow: none;
-}
+ .g-lg-2,
+ .gy-lg-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-body [tabindex='0']:focus:not(:focus-visible),
-body details-dialog:focus:not(:focus-visible) {
- outline: none;
-}
+ .g-lg-3,
+ .gx-lg-3 {
+ --bs-gutter-x: 1rem;
+ }
-.CodeMirror {
- height: calc(100vh - 1px);
-}
+ .g-lg-3,
+ .gy-lg-3 {
+ --bs-gutter-y: 1rem;
+ }
-.file-editor-upload {
- height: 100%;
-}
+ .g-lg-4,
+ .gx-lg-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.issue-template-editor {
- height: 100%;
-}
+ .g-lg-4,
+ .gy-lg-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.file-editor-textarea {
- width: 100%;
- padding: 5px var(--base-size-4);
- font: 12px
- var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
- resize: vertical;
- border: 0;
- border-radius: 0;
- outline: none;
-}
+ .g-lg-5,
+ .gx-lg-5 {
+ --bs-gutter-x: 3rem;
+ }
-.container-preview .tabnav-tabs {
- margin: -5px 0 -5px -9px;
+ .g-lg-5,
+ .gy-lg-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 1200px) {
+ .col-xl {
+ flex: 1 0 0%;
+ }
-.container-preview .tabnav-tabs .tabnav-tab {
- padding: var(--base-size-12) var(--base-size-16);
- border-radius: 0;
-}
+ .row-cols-xl-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.container-preview .tabnav-tabs > .selected:first-child {
- border-top-left-radius: var(--borderRadius-medium);
-}
+ .row-cols-xl-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.container-preview .tabnav-tabs .selected {
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .row-cols-xl-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.container-preview.template-editor .commit-create,
-.container-preview.template-editor .file-actions {
- display: block;
-}
+ .row-cols-xl-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.container-preview.template-editor .show-code,
-.container-preview.template-editor .commit-preview,
-.container-preview.template-editor .loading-preview-msg,
-.container-preview.template-editor .no-changes-preview-msg,
-.container-preview.template-editor .error-preview-msg {
- display: none !important;
-}
+ .row-cols-xl-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.container-preview.render-editor .commit-create,
-.container-preview.render-editor .file-actions {
- display: block;
-}
+ .row-cols-xl-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.container-preview.render-editor .template-editor,
-.container-preview.render-editor .show-code,
-.container-preview.render-editor .commit-preview,
-.container-preview.render-editor .loading-preview-msg,
-.container-preview.render-editor .no-changes-preview-msg,
-.container-preview.render-editor .error-preview-msg {
- display: none !important;
-}
+ .row-cols-xl-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.container-preview.show-code .commit-create,
-.container-preview.show-code .file-actions {
- display: block;
-}
+ .col-xl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.container-preview.show-code .template-editor,
-.container-preview.show-code .render-editor,
-.container-preview.show-code .commit-preview,
-.container-preview.show-code .loading-preview-msg,
-.container-preview.show-code .no-changes-preview-msg,
-.container-preview.show-code .error-preview-msg {
- display: none !important;
-}
+ .col-xl-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.container-preview:not(.show-code) .commit-create,
-.container-preview:not(.show-code) .file-actions {
- display: none !important;
-}
+ .col-xl-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.container-preview.loading-preview .loading-preview-msg {
- display: block;
-}
+ .col-xl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.container-preview.loading-preview .template-editor,
-.container-preview.loading-preview .render-editor,
-.container-preview.loading-preview .no-changes-preview-msg,
-.container-preview.loading-preview .error-preview-msg,
-.container-preview.loading-preview .commit-preview {
- display: none !important;
-}
+ .col-xl-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.container-preview.show-preview .commit-preview {
- display: block;
-}
+ .col-xl-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.container-preview.show-preview .template-editor,
-.container-preview.show-preview .render-editor,
-.container-preview.show-preview .loading-preview-msg,
-.container-preview.show-preview .no-changes-preview-msg,
-.container-preview.show-preview .error-preview-msg {
- display: none !important;
-}
+ .col-xl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.container-preview.no-changes-preview .no-changes-preview-msg {
- display: block;
-}
+ .col-xl-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.container-preview.no-changes-preview .template-editor,
-.container-preview.no-changes-preview .render-editor,
-.container-preview.no-changes-preview .loading-preview-msg,
-.container-preview.no-changes-preview .error-preview-msg,
-.container-preview.no-changes-preview .commit-preview {
- display: none !important;
-}
+ .col-xl-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-.container-preview.error-preview .error-preview-msg {
- display: block;
-}
+ .col-xl-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
-.container-preview.error-preview .template-editor,
-.container-preview.error-preview .render-editor,
-.container-preview.error-preview .loading-preview-msg,
-.container-preview.error-preview .no-changes-preview-msg,
-.container-preview.error-preview .commit-preview {
- display: none !important;
-}
+ .col-xl-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.container-preview p.preview-msg {
- padding: 30px;
- font-size: 16px;
-}
+ .col-xl-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.CodeMirror-merge-header {
- height: 30px;
-}
+ .col-xl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.CodeMirror-merge-header .CodeMirror-merge-pane {
- height: 30px;
- line-height: 30px;
-}
+ .offset-xl-0 {
+ margin-left: 0;
+ }
-.cm-s-github-light .merge-gutter {
- width: 14px;
-}
+ .offset-xl-1 {
+ margin-left: 8.33333333%;
+ }
-.conflict-background + .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
- background-color: var(--bgColor-attention-muted);
-}
+ .offset-xl-2 {
+ margin-left: 16.66666667%;
+ }
-.commit-create .CodeMirror {
- padding-top: var(--base-size-8);
-}
+ .offset-xl-3 {
+ margin-left: 25%;
+ }
-auto-complete,
-details-dialog,
-details-menu,
-file-attachment,
-filter-input,
-remote-input,
-tab-container,
-text-expander,
-turbo-frame,
-[data-catalyst] {
- display: block;
-}
+ .offset-xl-4 {
+ margin-left: 33.33333333%;
+ }
-[data-catalyst-inline] {
- display: inline;
-}
+ .offset-xl-5 {
+ margin-left: 41.66666667%;
+ }
-[data-catalyst-grid] {
- display: grid;
-}
+ .offset-xl-6 {
+ margin-left: 50%;
+ }
-.Details--on .Details-content--shown {
- display: none !important;
-}
+ .offset-xl-7 {
+ margin-left: 58.33333333%;
+ }
-.Details:not(.Details--on) .Details-content--hidden {
- display: none !important;
-}
+ .offset-xl-8 {
+ margin-left: 66.66666667%;
+ }
-.Details:not(.Details--on) .Details-content--hidden-not-important {
- display: none;
-}
+ .offset-xl-9 {
+ margin-left: 75%;
+ }
-.Details-element[open] > summary .Details-content--closed {
- display: none !important;
-}
+ .offset-xl-10 {
+ margin-left: 83.33333333%;
+ }
-.Details-element:not([open]) > summary .Details-content--open {
- display: none !important;
-}
+ .offset-xl-11 {
+ margin-left: 91.66666667%;
+ }
-g-emoji {
- display: inline-block;
- min-width: 1ch;
- font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
- font-size: 1em;
- font-style: normal !important;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1;
- vertical-align: -0.075em;
-}
+ .g-xl-0,
+ .gx-xl-0 {
+ --bs-gutter-x: 0;
+ }
-g-emoji img {
- width: 1em;
- height: 1em;
-}
+ .g-xl-0,
+ .gy-xl-0 {
+ --bs-gutter-y: 0;
+ }
-.emoji-icon {
- display: inline-block;
- width: 20px;
- height: 20px;
- vertical-align: middle;
- background-repeat: no-repeat;
- background-size: 20px 20px;
-}
+ .g-xl-1,
+ .gx-xl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.emoji-result {
- display: inline-block;
- height: 20px;
- font-size: 16px;
- font-weight: var(--base-text-weight-normal, 400);
- vertical-align: middle;
-}
+ .g-xl-1,
+ .gy-xl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.gollum-editor .comment-form-head.tabnav {
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
-}
+ .g-xl-2,
+ .gx-xl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.gollum-editor .gollum-editor-body {
- height: 390px;
- resize: vertical;
-}
+ .g-xl-2,
+ .gy-xl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.active .gollum-editor-function-buttons {
- display: block !important;
-}
+ .g-xl-3,
+ .gx-xl-3 {
+ --bs-gutter-x: 1rem;
+ }
-.auth-form {
- width: 320px;
- margin: 0 auto;
-}
+ .g-xl-3,
+ .gy-xl-3 {
+ --bs-gutter-y: 1rem;
+ }
-.auth-form .form-group.warn .warning,
-.auth-form .form-group.warn .error,
-.auth-form .form-group.errored .warning,
-.auth-form .form-group.errored .error {
- max-width: 274px;
-}
+ .g-xl-4,
+ .gx-xl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
-.auth-form-wide {
- width: 440px;
- margin: 0 auto;
-}
+ .g-xl-4,
+ .gy-xl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
-.auth-form-wide .form-group.warn .warning,
-.auth-form-wide .form-group.warn .error,
-.auth-form-wide .form-group.errored .warning,
-.auth-form-wide .form-group.errored .error {
- max-width: 274px;
-}
+ .g-xl-5,
+ .gx-xl-5 {
+ --bs-gutter-x: 3rem;
+ }
-.auth-form-header {
- padding: var(--base-size-8) var(--base-size-16);
- margin: 0;
- color: #fff;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
- background-color: #829aa8;
- border: var(--borderWidth-thin) solid #768995;
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+ .g-xl-5,
+ .gy-xl-5 {
+ --bs-gutter-y: 3rem;
+ }
}
+@media (min-width: 1400px) {
+ .col-xxl {
+ flex: 1 0 0%;
+ }
-.auth-form-header h1 {
- font-size: 16px;
-}
+ .row-cols-xxl-auto > * {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.auth-form-header h1 a {
- color: #fff;
-}
+ .row-cols-xxl-1 > * {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.auth-form-header .octicon {
- position: absolute;
- top: 10px;
- right: var(--base-size-20);
- color: rgba(0, 0, 0, 0.4);
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
-}
+ .row-cols-xxl-2 > * {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.auth-form-header .Overlay .octicon {
- position: static;
-}
+ .row-cols-xxl-3 > * {
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
-.inactive-user-avatar {
- filter: grayscale(1);
-}
+ .row-cols-xxl-4 > * {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.auth-divider {
- display: flex;
- flex-basis: 100%;
- align-items: center;
-}
+ .row-cols-xxl-5 > * {
+ flex: 0 0 auto;
+ width: 20%;
+ }
-.auth-divider::before,
-.auth-divider::after {
- position: relative;
- display: inline-block;
- width: 50%;
- height: 1px;
- vertical-align: middle;
- content: '';
- background-color: var(--borderColor-default);
-}
+ .row-cols-xxl-6 > * {
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
-.auth-divider::before {
- right: 0.5em;
-}
+ .col-xxl-auto {
+ flex: 0 0 auto;
+ width: auto;
+ }
-.auth-divider::after {
- left: 0.5em;
-}
+ .col-xxl-1 {
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
-.auth-form-message {
- max-height: 140px;
- padding: var(--base-size-16) var(--base-size-16) var(--base-size-8);
- overflow-y: scroll;
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .col-xxl-2 {
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
-.auth-form-message ol,
-.auth-form-message ul {
- padding-left: inherit;
- margin-bottom: inherit;
-}
+ .col-xxl-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
-.auth-form-body {
- font-size: 14px;
- padding: var(--base-size-16);
- background-color: var(--bgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-top: 0;
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
-}
+ .col-xxl-4 {
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
-.auth-form-body .input-block {
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-16);
-}
+ .col-xxl-5 {
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
-.auth-form-body p {
- margin-bottom: 0;
-}
+ .col-xxl-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
-.auth-form-body ol,
-.auth-form-body ul {
- padding-left: inherit;
- margin-bottom: inherit;
-}
+ .col-xxl-7 {
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
-.auth-form-captcha {
- font-size: 14px;
-}
+ .col-xxl-8 {
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
-@media (min-width: 544px) {
- .auth-form-captcha {
- padding: var(--base-size-16);
- background-color: var(--bgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-top: 0;
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
+ .col-xxl-9 {
+ flex: 0 0 auto;
+ width: 75%;
}
-}
-.auth-form-captcha .input-block {
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-16);
-}
+ .col-xxl-10 {
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
-.auth-form-captcha p {
- margin-bottom: 0;
-}
+ .col-xxl-11 {
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
-.auth-form-captcha ol,
-.auth-form-captcha ul {
- padding-left: inherit;
- margin-bottom: inherit;
-}
+ .col-xxl-12 {
+ flex: 0 0 auto;
+ width: 100%;
+ }
-.two-factor-help {
- position: relative;
- padding: var(--base-size-8) var(--base-size-8) var(--base-size-8) var(--base-size-32);
- margin: 60px 0 auto auto;
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .offset-xxl-0 {
+ margin-left: 0;
+ }
-.two-factor-help h4 {
- margin-top: 0;
- margin-bottom: var(--base-size-4);
-}
+ .offset-xxl-1 {
+ margin-left: 8.33333333%;
+ }
-.two-factor-help .octicon-device-mobile,
-.two-factor-help .octicon-key,
-.two-factor-help .octicon-shield-lock,
-.two-factor-help .octicon-circle-slash {
- position: absolute;
- top: 10px;
- left: 10px;
-}
+ .offset-xxl-2 {
+ margin-left: 16.66666667%;
+ }
-.sms-send-code-spinner {
- position: relative;
- bottom: 2px;
- display: none;
- vertical-align: bottom;
-}
+ .offset-xxl-3 {
+ margin-left: 25%;
+ }
-.loading .sms-send-code-spinner {
- display: inline;
-}
+ .offset-xxl-4 {
+ margin-left: 33.33333333%;
+ }
-.auth-form-body .webauthn-form-body {
- padding: 0;
-}
+ .offset-xxl-5 {
+ margin-left: 41.66666667%;
+ }
-.webauthn-form-body {
- padding: var(--base-size-32) var(--base-size-32) var(--base-size-16);
- text-align: center;
-}
+ .offset-xxl-6 {
+ margin-left: 50%;
+ }
-.webauthn-form-body button {
- margin-top: var(--base-size-16);
-}
+ .offset-xxl-7 {
+ margin-left: 58.33333333%;
+ }
-.flash.sms-error,
-.flash.sms-success {
- display: none;
- margin: 0 0 var(--base-size-8);
-}
+ .offset-xxl-8 {
+ margin-left: 66.66666667%;
+ }
-.is-sent .sms-success {
- display: block;
-}
+ .offset-xxl-9 {
+ margin-left: 75%;
+ }
-.is-sent .sms-error {
- display: none;
-}
+ .offset-xxl-10 {
+ margin-left: 83.33333333%;
+ }
-.is-not-sent .sms-success {
- display: none;
-}
+ .offset-xxl-11 {
+ margin-left: 91.66666667%;
+ }
-.is-not-sent .sms-error {
- display: block;
-}
+ .g-xxl-0,
+ .gx-xxl-0 {
+ --bs-gutter-x: 0;
+ }
-.session-authentication {
- background-color: var(--bgColor-default);
-}
+ .g-xxl-0,
+ .gy-xxl-0 {
+ --bs-gutter-y: 0;
+ }
-.session-authentication .header-logged-out {
- background-color: transparent;
- border-bottom: 0;
-}
+ .g-xxl-1,
+ .gx-xxl-1 {
+ --bs-gutter-x: 0.25rem;
+ }
-.session-authentication .header-logo {
- color: var(--fgColor-default);
-}
+ .g-xxl-1,
+ .gy-xxl-1 {
+ --bs-gutter-y: 0.25rem;
+ }
-.session-authentication .flash {
- padding: var(--base-size-16) var(--base-size-16);
- margin: 0 auto;
- margin-bottom: var(--base-size-8);
- font-size: 14px;
- border-style: solid;
- border-width: var(--borderWidth-thin);
- border-radius: var(--borderRadius-medium);
-}
+ .g-xxl-2,
+ .gx-xxl-2 {
+ --bs-gutter-x: 0.5rem;
+ }
-.session-authentication .flash .container {
- width: auto;
-}
+ .g-xxl-2,
+ .gy-xxl-2 {
+ --bs-gutter-y: 0.5rem;
+ }
-.session-authentication .flash .flash-close {
- height: 30px;
-}
+ .g-xxl-3,
+ .gx-xxl-3 {
+ --bs-gutter-x: 1rem;
+ }
+
+ .g-xxl-3,
+ .gy-xxl-3 {
+ --bs-gutter-y: 1rem;
+ }
+
+ .g-xxl-4,
+ .gx-xxl-4 {
+ --bs-gutter-x: 1.5rem;
+ }
+
+ .g-xxl-4,
+ .gy-xxl-4 {
+ --bs-gutter-y: 1.5rem;
+ }
+
+ .g-xxl-5,
+ .gx-xxl-5 {
+ --bs-gutter-x: 3rem;
+ }
-.session-authentication .flash.flash-banner {
+ .g-xxl-5,
+ .gy-xxl-5 {
+ --bs-gutter-y: 3rem;
+ }
+}
+.table {
+ --bs-table-bg: transparent;
+ --bs-table-accent-bg: transparent;
+ --bs-table-striped-color: #212529;
+ --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
+ --bs-table-active-color: #212529;
+ --bs-table-active-bg: rgba(0, 0, 0, 0.1);
+ --bs-table-hover-color: #212529;
+ --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
- border-top: 0;
- border-right: 0;
- border-left: 0;
- border-radius: 0;
+ margin-bottom: 1rem;
+ color: #212529;
+ vertical-align: top;
+ border-color: #dee2e6;
+}
+.table > :not(caption) > * > * {
+ padding: 0.5rem 0.5rem;
+ background-color: var(--bs-table-bg);
+ border-bottom-width: 1px;
+ box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
+}
+.table > tbody {
+ vertical-align: inherit;
+}
+.table > thead {
+ vertical-align: bottom;
+}
+.table > :not(:first-child) {
+ border-top: 2px solid currentColor;
}
-.session-authentication .auth-form label {
- display: block;
- margin-bottom: var(--base-size-8);
- font-weight: var(--base-text-weight-normal, 400);
- text-align: left;
+.caption-top {
+ caption-side: top;
}
-.session-authentication .auth-form .btn {
- margin-top: var(--base-size-16);
+.table-sm > :not(caption) > * > * {
+ padding: 0.25rem 0.25rem;
}
-.session-authentication .auth-form .webauthn-message {
- margin-bottom: 0;
+.table-bordered > :not(caption) > * {
+ border-width: 1px 0;
+}
+.table-bordered > :not(caption) > * > * {
+ border-width: 0 1px;
}
-.session-authentication .label-link {
- float: right;
- font-size: 12px;
+.table-borderless > :not(caption) > * > * {
+ border-bottom-width: 0;
+}
+.table-borderless > :not(:first-child) {
+ border-top-width: 0;
}
-.session-authentication .auth-form-header {
- margin-bottom: var(--base-size-16);
- color: var(--fgColor-default);
- text-align: center;
- text-shadow: none;
- background-color: transparent;
- border: 0;
+.table-striped > tbody > tr:nth-of-type(odd) > * {
+ --bs-table-accent-bg: var(--bs-table-striped-bg);
+ color: var(--bs-table-striped-color);
}
-.session-authentication .auth-form-header h1 {
- font-size: 24px;
- font-weight: var(--base-text-weight-light, 300);
- letter-spacing: -0.5px;
+.table-active {
+ --bs-table-accent-bg: var(--bs-table-active-bg);
+ color: var(--bs-table-active-color);
}
-.session-authentication .auth-form-body {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
+.table-hover > tbody > tr:hover > * {
+ --bs-table-accent-bg: var(--bs-table-hover-bg);
+ color: var(--bs-table-hover-color);
}
-.session-authentication .auth-form-body.webauthn-form-body {
- padding: var(--base-size-16);
+.table-primary {
+ --bs-table-bg: #cfe2ff;
+ --bs-table-striped-bg: #c5d7f2;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #bacbe6;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #bfd1ec;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #bacbe6;
}
-@media (min-width: 544px) {
- .session-authentication .auth-form-captcha {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
- }
+.table-secondary {
+ --bs-table-bg: #e2e3e5;
+ --bs-table-striped-bg: #d7d8da;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #cbccce;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #d1d2d4;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #cbccce;
+}
- .session-authentication .auth-form-captcha.webauthn-form-body {
- padding: var(--base-size-16);
- }
+.table-success {
+ --bs-table-bg: #d1e7dd;
+ --bs-table-striped-bg: #c7dbd2;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #bcd0c7;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #c1d6cc;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #bcd0c7;
}
-.session-authentication .login-callout {
- padding: var(--base-size-16) var(--base-size-16);
- text-align: center;
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+.table-info {
+ --bs-table-bg: #cff4fc;
+ --bs-table-striped-bg: #c5e8ef;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #badce3;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #bfe2e9;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #badce3;
}
-.session-authentication .two-factor-help {
- padding: 0 0 0 var(--base-size-16);
- margin-top: var(--base-size-16);
- border: 0;
+.table-warning {
+ --bs-table-bg: #fff3cd;
+ --bs-table-striped-bg: #f2e7c3;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #e6dbb9;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #ece1be;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #e6dbb9;
}
-
-.session-authentication .two-factor-help .octicon-device-mobile,
-.session-authentication .two-factor-help .octicon-key,
-.session-authentication .two-factor-help .octicon-shield-lock,
-.session-authentication .two-factor-help .octicon-circle-slash {
- top: var(--base-size-4);
- left: 0;
+
+.table-danger {
+ --bs-table-bg: #f8d7da;
+ --bs-table-striped-bg: #eccccf;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #dfc2c4;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #e5c7ca;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #dfc2c4;
+}
+
+.table-light {
+ --bs-table-bg: #f8f9fa;
+ --bs-table-striped-bg: #ecedee;
+ --bs-table-striped-color: #000;
+ --bs-table-active-bg: #dfe0e1;
+ --bs-table-active-color: #000;
+ --bs-table-hover-bg: #e5e6e7;
+ --bs-table-hover-color: #000;
+ color: #000;
+ border-color: #dfe0e1;
+}
+
+.table-dark {
+ --bs-table-bg: #212529;
+ --bs-table-striped-bg: #2c3034;
+ --bs-table-striped-color: #fff;
+ --bs-table-active-bg: #373b3e;
+ --bs-table-active-color: #fff;
+ --bs-table-hover-bg: #323539;
+ --bs-table-hover-color: #fff;
+ color: #fff;
+ border-color: #373b3e;
}
-.session-authentication.enterprise .header-logged-out {
- padding: var(--base-size-48) 0 var(--base-size-24);
- background-color: transparent;
+.table-responsive {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
}
-.session-authentication.hosted .header-logged-out {
- padding: var(--base-size-40) 0 var(--base-size-16);
- background-color: transparent;
+@media (max-width: 575.98px) {
+ .table-responsive-sm {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-.session-authentication .notification-shelf {
- display: none;
+@media (max-width: 767.98px) {
+ .table-responsive-md {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-.two-factor-recovery-modal-prompt.fit-in-box .Button-content,
-.two-factor-recovery-modal-prompt.fit-in-box .Button-label {
- display: block;
- width: 254px;
- text-align: left;
- white-space: normal;
+@media (max-width: 991.98px) {
+ .table-responsive-lg {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-#recovery-dialog #recovery-dialog-title {
- font-size: 20px;
- text-align: center;
+@media (max-width: 1199.98px) {
+ .table-responsive-xl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-#recovery-dialog #recovery-dialog-description {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- word-wrap: normal;
- border: 0;
+@media (max-width: 1399.98px) {
+ .table-responsive-xxl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
}
-
-.switch-account-popover-body {
- width: auto;
- min-width: 250px;
- max-width: 350px;
+.form-label {
+ margin-bottom: 0.5rem;
}
-.switch-account-popover-body::before,
-.switch-account-popover-body::after {
- display: none;
+.col-form-label {
+ padding-top: calc(0.375rem + 1px);
+ padding-bottom: calc(0.375rem + 1px);
+ margin-bottom: 0;
+ font-size: inherit;
+ line-height: 1.5;
}
-.switch-account-popover-row {
- width: 100%;
- padding: 0;
- background-color: transparent;
+.col-form-label-lg {
+ padding-top: calc(0.5rem + 1px);
+ padding-bottom: calc(0.5rem + 1px);
+ font-size: 1.25rem;
}
-.switch-account-popover-row:hover {
- color: var(--fgColor-onEmphasis);
- cursor: pointer;
- background-color: var(--bgColor-accent-emphasis);
+.col-form-label-sm {
+ padding-top: calc(0.25rem + 1px);
+ padding-bottom: calc(0.25rem + 1px);
+ font-size: 0.875rem;
}
-@media (prefers-reduced-motion: no-preference) {
- .HeaderMktg-backdrop,
- .HeaderMenu,
- .HeaderMenu-link,
- .HeaderMenu-toggle-bar,
- .HeaderMenu-icon,
- .HeaderMenu-dropdown,
- .HeaderMenu-external-icon,
- .HeaderMktg.header-logged-out::before,
- .HeaderMktg .search-input {
- transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
- transition-duration: 500ms;
- transition-property: opacity, transform;
- }
-}
-
-.HeaderMktg {
- position: relative;
- z-index: 32;
- padding-top: var(--base-size-12);
- padding-bottom: var(--base-size-12);
- color: var(--fgColor-white);
- background-color: var(--header-bgColor);
+.form-text {
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #6c757d;
}
-.server-stats + .HeaderMktg {
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.075);
+.form-control {
+ display: block;
+ width: 100%;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ced4da;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ border-radius: 0.25rem;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
-
-.HeaderMktg .dropdown-menu {
- width: 300px;
+@media (prefers-reduced-motion: reduce) {
+ .form-control {
+ transition: none;
+ }
}
-
-.HeaderMktg .notification-indicator:hover::after {
- content: none;
+.form-control[type='file'] {
+ overflow: hidden;
}
-
-@media (min-width: 1012px) {
- .HeaderMktg .notification-indicator:hover::after {
- content: attr(aria-label);
- }
+.form-control[type='file']:not(:disabled):not([readonly]) {
+ cursor: pointer;
}
-
-.HeaderMenu-toggle-bar {
- width: 22px;
- height: 2px;
- background-color: var(--fgColor-onEmphasis);
+.form-control:focus {
+ color: #212529;
+ background-color: #fff;
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu-toggle-bar:nth-of-type(1) {
- transform-origin: bottom right;
+.form-control::-webkit-date-and-time-value {
+ height: 1.5em;
}
-
-.HeaderMenu-toggle-bar:nth-of-type(3) {
- transform-origin: top right;
+.form-control::-moz-placeholder {
+ color: #6c757d;
+ opacity: 1;
}
-
-.open .HeaderMenu-toggle-bar:nth-of-type(1) {
- transform: rotate(-45deg) translateY(-3px);
+.form-control::placeholder {
+ color: #6c757d;
+ opacity: 1;
}
-
-.open .HeaderMenu-toggle-bar:nth-of-type(2) {
- opacity: 0;
- transform: scale(0);
+.form-control:disabled,
+.form-control[readonly] {
+ background-color: #e9ecef;
+ opacity: 1;
}
-
-.open .HeaderMenu-toggle-bar:nth-of-type(3) {
- transform: rotate(45deg) translateY(3px);
+.form-control::-webkit-file-upload-button {
+ padding: 0.375rem 0.75rem;
+ margin: -0.375rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.75rem;
+ color: #212529;
+ background-color: #e9ecef;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+.form-control::file-selector-button {
+ padding: 0.375rem 0.75rem;
+ margin: -0.375rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.75rem;
+ color: #212529;
+ background-color: #e9ecef;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
}
-
-@media (max-width: 1011px) {
- body:has(.header-logged-out.open) {
- height: 100%;
- overflow: hidden;
- }
-
- .HeaderMktg-backdrop {
- visibility: hidden;
- background: var(--overlay-backdrop-bgColor);
- opacity: 0;
+@media (prefers-reduced-motion: reduce) {
+ .form-control::-webkit-file-upload-button {
+ -webkit-transition: none;
+ transition: none;
}
-
- .open .HeaderMktg-backdrop {
- visibility: visible;
- opacity: 1;
+ .form-control::file-selector-button {
+ transition: none;
}
}
-
-@media (max-width: 1011px) {
- .open .HeaderMktg-backdrop {
- background: var(--header-bgColor) !important;
- -webkit-backdrop-filter: none;
- backdrop-filter: none;
- }
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+ background-color: #dde0e3;
}
-
-.HeaderMenu {
- z-index: 100;
- width: 100%;
- padding-top: 68px;
- pointer-events: none;
- contain: layout;
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+ background-color: #dde0e3;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu {
- width: auto;
- padding: 0 !important;
+.form-control::-webkit-file-upload-button {
+ padding: 0.375rem 0.75rem;
+ margin: -0.375rem -0.75rem;
+ -webkit-margin-end: 0.75rem;
+ margin-inline-end: 0.75rem;
+ color: #212529;
+ background-color: #e9ecef;
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-control::-webkit-file-upload-button {
+ -webkit-transition: none;
transition: none;
}
}
-
-.HeaderMenu .HeaderMenu-link--sign-in:focus {
- outline-offset: var(--base-size-4);
-}
-
-@media (max-width: 1011px) {
- .HeaderMenu {
- position: fixed;
- display: flex;
- height: 100%;
- transform-origin: top center;
- }
-
- .header-logged-out:not(.open) .HeaderMenu {
- position: absolute;
- visibility: hidden;
- opacity: 0;
- transform: translateX(-12px);
- }
-
- .header-logged-out:not(.open) .HeaderMenu::before {
- opacity: 0;
- }
-
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-up,
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-up:hover,
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-in,
- .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-in:hover {
- color: var(--fgColor-onEmphasis) !important;
- background-color: var(--bgColor-emphasis);
- border-color: var(--bgColor-emphasis) !important;
- opacity: 1;
- }
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+ background-color: #dde0e3;
}
-.HeaderMenu .HeaderMenu-wrapper {
+.form-control-plaintext {
+ display: block;
width: 100%;
- height: 100%;
- overflow: auto;
- pointer-events: auto;
- background-color: var(--bgColor-default);
- box-shadow: var(--shadow-floating-small);
+ padding: 0.375rem 0;
+ margin-bottom: 0;
+ line-height: 1.5;
+ color: #212529;
+ background-color: transparent;
+ border: solid transparent;
+ border-width: 1px 0;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu .HeaderMenu-wrapper {
- padding: var(--base-size-20) var(--base-size-28) var(--base-size-36);
- border-top-left-radius: var(--base-size-12) !important;
- border-top-right-radius: var(--base-size-12) !important;
- border-bottom-right-radius: 0 !important;
- border-bottom-left-radius: 0 !important;
- }
+.form-control-plaintext.form-control-sm,
+.form-control-plaintext.form-control-lg {
+ padding-right: 0;
+ padding-left: 0;
}
-@media (min-width: 1012px) {
- .HeaderMenu .HeaderMenu-wrapper {
- width: 100%;
- overflow: visible;
- background-color: transparent;
- box-shadow: none;
- }
+.form-control-sm {
+ min-height: calc(1.5em + 0.5rem + 2px);
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu .HeaderMenu-link {
- padding: var(--base-size-12) 0;
- font-weight: var(--base-text-weight-semibold, 600);
- }
+.form-control-sm::-webkit-file-upload-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
}
-
-.HeaderMenu .jump-to-suggestions {
- top: 100%;
+.form-control-sm::file-selector-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
}
-
-.HeaderMenu .header-search-key-slash {
- margin-right: var(--base-size-8) !important;
+.form-control-sm::-webkit-file-upload-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
}
-@media (max-width: 1012px) {
- .HeaderMenu .header-search-key-slash {
- display: none;
- }
+.form-control-lg {
+ min-height: calc(1.5em + 1rem + 2px);
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-
-.HeaderMenu .dropdown-menu {
- position: static;
- z-index: 0;
- width: auto;
- border: 0 solid transparent;
- box-shadow: none;
+.form-control-lg::-webkit-file-upload-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
}
-
-.HeaderMenu .dropdown-menu::before,
-.HeaderMenu .dropdown-menu::after {
- display: none;
+.form-control-lg::file-selector-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .dropdown-menu {
- position: absolute;
- width: 320px;
- border: 0;
- box-shadow: var(--shadow-floating-small);
- }
-
- .HeaderMenu .dropdown-menu::before,
- .HeaderMenu .dropdown-menu::after {
- content: '';
- }
-
- .HeaderMenu .dropdown-menu.dropdown-menu-wide {
- width: 520px;
- }
+.form-control-lg::-webkit-file-upload-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
}
-.HeaderMenu .dropdown-menu-s {
- transform: none;
+textarea.form-control {
+ min-height: calc(1.5em + 0.75rem + 2px);
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .dropdown-menu-s {
- transform: translateX(50%);
- }
+textarea.form-control-sm {
+ min-height: calc(1.5em + 0.5rem + 2px);
}
-
-.HeaderMenu .header-search-wrapper {
- border-color: var(--borderColor-muted);
+textarea.form-control-lg {
+ min-height: calc(1.5em + 1rem + 2px);
}
-@media (min-width: 1012px) {
- .HeaderMenu .header-search-wrapper {
- border-color: var(--headerSearch-borderColor);
- }
+.form-control-color {
+ width: 3rem;
+ height: auto;
+ padding: 0.375rem;
}
-
-@media (max-width: 1012px) {
- .HeaderMenu .header-search-wrapper {
- background-color: var(--bgColor-muted);
- }
+.form-control-color:not(:disabled):not([readonly]) {
+ cursor: pointer;
}
-
-.HeaderMenu-button {
- height: 32px;
- padding-right: var(--base-size-12) !important;
- padding-left: var(--base-size-12) !important;
- font-size: var(--h5-size);
- line-height: 1;
- align-items: center;
- justify-content: center;
+.form-control-color::-moz-color-swatch {
+ height: 1.5em;
+ border-radius: 0.25rem;
}
-
-@media screen and (max-width: 1011px) {
- .HeaderMenu-button {
- font-weight: 500;
- }
+.form-control-color::-webkit-color-swatch {
+ height: 1.5em;
+ border-radius: 0.25rem;
}
-@media screen and (max-width: 1011px) {
- .HeaderMenu-button.HeaderMenu-link--sign-up {
- height: var(--base-size-40);
- font-size: var(--h4-size) !important;
+.form-select {
+ display: block;
+ width: 100%;
+ padding: 0.375rem 2.25rem 0.375rem 0.75rem;
+ -moz-padding-start: calc(0.75rem - 3px);
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ background-color: #fff;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right 0.75rem center;
+ background-size: 16px 12px;
+ border: 1px solid #ced4da;
+ border-radius: 0.25rem;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-select {
+ transition: none;
}
}
-
-.HeaderMenu-link {
- color: var(--fgColor-default);
- white-space: nowrap;
- background: transparent;
+.form-select:focus {
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu-link:hover {
- color: var(--fgColor-default);
+.form-select[multiple],
+.form-select[size]:not([size='1']) {
+ padding-right: 0.75rem;
+ background-image: none;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-link {
- color: var(--fgColor-white);
- }
-
- .HeaderMenu-link:hover {
- color: var(--fgColor-white);
- opacity: 0.75;
- }
+.form-select:disabled {
+ background-color: #e9ecef;
}
-
-.HeaderMenu-trailing-link {
- width: 100%;
- background-color: #eaeef2;
+.form-select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 #212529;
}
-.HeaderMenu-trailing-link a {
- color: #24292f;
+.form-select-sm {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ padding-left: 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-.HeaderMenu-trailing-link a .HeaderMenu-trailing-link-icon {
- margin-left: calc(var(--base-size-2) * -1);
- transition: transform 0.2s ease-in-out;
- transform: translateX(0);
+.form-select-lg {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ padding-left: 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-.HeaderMenu-trailing-link a:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
+.form-check {
+ display: block;
+ min-height: 1.5rem;
+ padding-left: 1.5em;
+ margin-bottom: 0.125rem;
}
-
-.HeaderMenu-trailing-link a:hover .HeaderMenu-trailing-link-icon {
- transform: translateX(2px);
+.form-check .form-check-input {
+ float: left;
+ margin-left: -1.5em;
}
-@media (max-width: 1011px) {
- .HeaderMenu-trailing-link {
- background-color: transparent;
- }
+.form-check-input {
+ width: 1em;
+ height: 1em;
+ margin-top: 0.25em;
+ vertical-align: top;
+ background-color: #fff;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: contain;
+ border: 1px solid rgba(0, 0, 0, 0.25);
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ -webkit-print-color-adjust: exact;
+ color-adjust: exact;
}
-
-.HeaderMenu-item .HeaderMenu-dropdown {
- visibility: hidden;
- opacity: 0;
- transform: scale(0.99) translateY(-0.7em);
- transform-origin: top;
+.form-check-input[type='checkbox'] {
+ border-radius: 0.25em;
}
-
-.HeaderMenu-item .HeaderMenu-dropdown .HeaderMenu-column {
- min-width: 200px;
+.form-check-input[type='radio'] {
+ border-radius: 50%;
}
-
-.HeaderMenu-item:hover .HeaderMenu-dropdown,
-.HeaderMenu-item.open .HeaderMenu-dropdown {
- visibility: visible;
- opacity: 1;
- transform: scale(1) translateY(0);
+.form-check-input:active {
+ filter: brightness(90%);
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-item:hover .HeaderMenu-icon,
- .HeaderMenu-item.open .HeaderMenu-icon {
- transform: translateY(2px);
- }
+.form-check-input:focus {
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-@media (max-width: 1011px) {
- .HeaderMenu-item .HeaderMenu-dropdown {
- background-color: transparent;
- }
-
- .HeaderMenu-item .HeaderMenu-icon {
- transform: scale(1.2);
- }
-
- .HeaderMenu-item:not(.open) .HeaderMenu-dropdown {
- position: fixed !important;
- }
-
- .HeaderMenu-item:not(.open) .HeaderMenu-icon {
- transform: rotate(-90deg) scale(1.2);
- }
-
- .HeaderMenu-item .HeaderMenu-link {
- font-size: var(--h3-size);
- }
+.form-check-input:checked {
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.HeaderMenu-dropdown-link:not(:hover):not(:focus) .HeaderMenu-external-icon {
- opacity: 0;
- transform: translateX(-0.5em);
+.form-check-input:checked[type='checkbox'] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-button-separator {
- width: var(--base-size-8);
- margin: 0 var(--base-size-8);
+.form-check-input:checked[type='radio'] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-button-separator::before {
- display: block;
- width: var(--borderWidth-thin);
- height: var(--base-size-20);
- margin: var(--base-size-4);
- content: '';
- background: #57606a;
+.form-check-input[type='checkbox']:indeterminate {
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-button-muted-outline {
- border-color: #57606a !important;
+.form-check-input:disabled {
+ pointer-events: none;
+ filter: none;
+ opacity: 0.5;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-link-wrap {
- margin-right: var(--base-size-12);
- }
+.form-check-input[disabled] ~ .form-check-label,
+.form-check-input:disabled ~ .form-check-label {
+ opacity: 0.5;
}
-@media (max-width: 1011px) {
- .HeaderMktg.header-logged-out::before {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- content: '';
- background-color: var(--header-bgColor);
- opacity: 0;
- }
-
- .HeaderMktg.header-logged-out.open::before {
- opacity: 1;
- }
+.form-switch {
+ padding-left: 2.5em;
}
-
-.HeaderMenu-dropdown-link {
- line-height: 1.4;
+.form-switch .form-check-input {
+ width: 2em;
+ margin-left: -2.5em;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
+ background-position: left center;
+ border-radius: 2em;
+ transition: background-position 0.15s ease-in-out;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu-dropdown-link.Link--has-description {
- padding-top: 10px !important;
- padding-bottom: 10px !important;
+@media (prefers-reduced-motion: reduce) {
+ .form-switch .form-check-input {
+ transition: none;
}
}
-
-.HeaderMenu-dropdown-link.Link--external {
- padding-right: var(--base-size-24);
+.form-switch .form-check-input:focus {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
-
-.HeaderMenu-dropdown-link.Link--external svg {
- position: absolute;
- margin-left: var(--base-size-4);
+.form-switch .form-check-input:checked {
+ background-position: right center;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
-.server-stats,
-.global-banner {
- position: relative;
- z-index: 36;
+.form-check-inline {
+ display: inline-block;
+ margin-right: 1rem;
}
-@media (max-width: 1011px) {
- [blackbird-search-active='true'] .server-stats,
- [blackbird-search-active='true'] .global-banner {
- z-index: 0;
- }
+.btn-check {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ pointer-events: none;
+}
+.btn-check[disabled] + .btn,
+.btn-check:disabled + .btn {
+ pointer-events: none;
+ filter: none;
+ opacity: 0.65;
}
-.HeaderMenu .search-input {
+.form-range {
width: 100%;
- max-width: 320px;
+ height: 1.5rem;
+ padding: 0;
+ background-color: transparent;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
}
-
-.HeaderMenu .search-input .search-input-container {
- margin-right: 0 !important;
+.form-range:focus {
+ outline: 0;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .search-input .search-input-container {
- position: static !important;
- }
-
- .HeaderMenu .search-input .search-input-container .search-suggestions {
- position: absolute !important;
- }
+.form-range:focus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu .search-input .header-search-button svg {
- display: block;
+.form-range:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.HeaderMenu .search-input .header-search-button [data-target='qbsearch-input.inputButtonText'] {
- padding-top: var(--base-size-2);
+.form-range::-moz-focus-outer {
+ border: 0;
}
-
-@media screen and (max-width: 1011px) {
- .HeaderMenu .search-input {
- width: 100%;
- max-width: none;
- }
-
- .HeaderMenu .search-input .search-input-container {
- height: var(--base-size-40) !important;
- margin-bottom: var(--base-size-16) !important;
- margin-left: 0 !important;
- background-color: #f9fafb !important;
- border-color: var(--borderColor-muted) !important;
- }
-
- .HeaderMenu .search-input .header-search-button {
- color: var(--fgColor-muted);
- }
-
- .HeaderMenu .search-input .FormControl-input,
- .HeaderMenu .search-input .QueryBuilder-StyledInputContent {
- font-size: 16px !important;
- }
+.form-range::-webkit-slider-thumb {
+ width: 1rem;
+ height: 1rem;
+ margin-top: -0.25rem;
+ background-color: #0d6efd;
+ border: 0;
+ border-radius: 1rem;
+ -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ -webkit-appearance: none;
+ appearance: none;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .search-input .dark-backdrop {
- margin-top: calc(var(--base-size-16) * -1);
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-webkit-slider-thumb {
+ -webkit-transition: none;
+ transition: none;
}
}
-
-.HeaderMenu .search-input .Overlay {
- width: 0;
- min-width: 0;
- max-width: 0;
- height: 0;
- min-height: 0;
- max-height: 0;
- box-shadow: none;
+.form-range::-webkit-slider-thumb:active {
+ background-color: #b6d4fe;
}
-
-.HeaderMenu .search-input .dark-backdrop {
- background: var(--overlay-backdrop-bgColor);
+.form-range::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem;
}
-
-@media (max-width: 1011px) {
- .HeaderMenu .search-input .dark-backdrop {
- width: 100vw;
- height: 100vh;
- margin-top: 0;
- margin-left: 0;
+.form-range::-moz-range-thumb {
+ width: 1rem;
+ height: 1rem;
+ background-color: #0d6efd;
+ border: 0;
+ border-radius: 1rem;
+ -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ -moz-appearance: none;
+ appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-moz-range-thumb {
+ -moz-transition: none;
+ transition: none;
}
}
-
-.HeaderMenu .search-input [data-target='qbsearch-input.inputButtonText'] {
+.form-range::-moz-range-thumb:active {
+ background-color: #b6d4fe;
+}
+.form-range::-moz-range-track {
width: 100%;
- margin-right: auto;
- overflow: hidden;
- text-overflow: ellipsis;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem;
}
-
-.HeaderMenu .search-input [data-target='qbsearch-input.hotkeyIndicator'] {
- margin-left: var(--base-size-8);
+.form-range:disabled {
+ pointer-events: none;
}
-
-@media (min-width: 1012px) and (max-width: 1280px) {
- .HeaderMenu .search-input {
- width: 32px;
- }
-
- .HeaderMenu .search-input .header-search-button {
- padding-left: 7px !important;
- }
-
- body:not(.header-white) .HeaderMenu .search-input .header-search-button svg {
- fill: var(--fgColor-onEmphasis);
- }
-
- .HeaderMenu .search-input:not(.expanded):hover {
- opacity: 0.75;
- }
-
- .HeaderMenu .search-input [data-target='qbsearch-input.inputButtonText'],
- .HeaderMenu .search-input [data-target='qbsearch-input.hotkeyIndicator'] {
- display: none !important;
- }
+.form-range:disabled::-webkit-slider-thumb {
+ background-color: #adb5bd;
}
-
-.HeaderMenu .search-suggestions {
- top: -10px;
- left: 0;
- width: calc(100% - var(--base-size-48)) !important;
+.form-range:disabled::-moz-range-thumb {
+ background-color: #adb5bd;
}
-@media screen and (max-width: 1011px) {
- .HeaderMenu .search-suggestions {
- top: var(--base-size-16);
- left: var(--base-size-16);
- width: calc(100% - var(--base-size-32)) !important;
- }
+.form-floating {
+ position: relative;
}
-
-.HeaderMenu .header-search {
- width: 100%;
- min-width: auto;
- max-width: none;
- margin-right: 0 !important;
- margin-bottom: 0 !important;
+.form-floating > .form-control,
+.form-floating > .form-select {
+ height: calc(3.5rem + 2px);
+ line-height: 1.25;
}
-
-.HeaderMenu .header-search-input {
- height: 38px;
+.form-floating > label {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ padding: 1rem 0.75rem;
+ pointer-events: none;
+ border: 1px solid transparent;
+ transform-origin: 0 0;
+ transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu .header-search-input {
- max-width: 240px;
- height: 30px;
- padding-top: var(--base-size-8);
- padding-bottom: var(--base-size-8);
- font-size: var(--h5-size);
- -webkit-appearance: none;
+@media (prefers-reduced-motion: reduce) {
+ .form-floating > label {
+ transition: none;
}
}
-
-.HeaderMenu .header-search-input::placeholder {
- color: var(--control-fgColor-placeholder);
-}
-
-.HeaderMenu-nav {
- margin-bottom: auto;
+.form-floating > .form-control {
+ padding: 1rem 0.75rem;
}
-
-@media (min-width: 1012px) {
- .HeaderMenu-nav {
- margin-bottom: 0;
- }
+.form-floating > .form-control::-moz-placeholder {
+ color: transparent;
}
-
-.header-logo-invertocat {
- margin: -1px var(--base-size-16) -1px -2px;
- color: var(--fgColor-white);
- white-space: nowrap;
+.form-floating > .form-control::placeholder {
+ color: transparent;
}
-
-.header-logo-invertocat .octicon-mark-github {
- float: left;
+.form-floating > .form-control:not(:-moz-placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.header-logo-invertocat:hover {
- color: var(--fgColor-white);
- text-decoration: none;
+.form-floating > .form-control:focus,
+.form-floating > .form-control:not(:placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.notification-indicator .mail-status {
- position: absolute;
- top: -6px;
- left: 6px;
- display: none;
- width: 14px;
- height: 14px;
- color: var(--fgColor-white);
- background-image: linear-gradient(#54a3ff, #006eed);
- background-clip: padding-box;
- border: var(--borderWidth-thick) solid var(--header-bgColor);
- border-radius: 50%;
+.form-floating > .form-control:-webkit-autofill {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.notification-indicator .mail-status.unread {
- display: inline-block;
+.form-floating > .form-select {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
}
-
-.notification-indicator:hover .mail-status {
- text-decoration: none;
- background-color: var(--bgColor-accent-emphasis);
+.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
-
-.header-nav-current-user {
- padding-bottom: 0;
- font-size: inherit;
+.form-floating > .form-control:focus ~ label,
+.form-floating > .form-control:not(:placeholder-shown) ~ label,
+.form-floating > .form-select ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
-
-.header-nav-current-user .css-truncate-target {
- max-width: 100%;
+.form-floating > .form-control:-webkit-autofill ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
-.header-nav-current-user .user-profile-link {
- color: var(--fgColor-default);
+.input-group {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: stretch;
+ width: 100%;
}
-
-.unread-indicator {
- position: absolute;
- top: 0;
- left: 13px;
- z-index: 2;
- width: 14px;
- height: 14px;
- color: var(--fgColor-white);
- background-image: linear-gradient(#54a3ff, #006eed);
- background-clip: padding-box;
- border: var(--borderWidth-thick) solid var(--header-bgColor);
- border-radius: 50%;
+.input-group > .form-control,
+.input-group > .form-select {
+ position: relative;
+ flex: 1 1 auto;
+ width: 1%;
+ min-width: 0;
}
-
-.unread-indicator-container .unread-indicator {
- top: 9px;
- right: 10px;
- left: inherit;
- width: 10px;
- height: 10px;
- border: 0;
+.input-group > .form-control:focus,
+.input-group > .form-select:focus {
+ z-index: 3;
}
-
-.header-search-wrapper {
- display: table;
- width: 100%;
- max-width: 100%;
- padding: 0;
- font-size: inherit;
- font-weight: var(--base-text-weight-normal, 400);
- vertical-align: middle;
- background-color: var(--headerSearch-bgColor);
- border: var(--borderWidth-thin) solid var(--headerSearch-borderColor);
- box-shadow: none;
+.input-group .btn {
+ position: relative;
+ z-index: 2;
}
-
-@media (min-width: 1012px) {
- .header-search-wrapper {
- color: var(--fgColor-white);
- }
+.input-group .btn:focus {
+ z-index: 3;
}
-.header-search-wrapper.header-search-wrapper-jump-to.search-wrapper-suggestions-active {
- color: var(--fgColor-default);
- background-color: var(--bgColor-default);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+.input-group-text {
+ display: flex;
+ align-items: center;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #e9ecef;
+ border: 1px solid #ced4da;
+ border-radius: 0.25rem;
}
-.header-search-wrapper.focus {
- background-color: rgba(255, 255, 255, 0.175);
- box-shadow: none;
+.input-group-lg > .form-control,
+.input-group-lg > .form-select,
+.input-group-lg > .input-group-text,
+.input-group-lg > .btn {
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-.search-input.search-input-absolute {
- position: absolute;
- width: calc(100% - 180px);
+.input-group-sm > .form-control,
+.input-group-sm > .form-select,
+.input-group-sm > .input-group-text,
+.input-group-sm > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-.header-search-key-slash {
- position: absolute;
- right: var(--base-size-2);
+.input-group-lg > .form-select,
+.input-group-sm > .form-select {
+ padding-right: 3rem;
}
-.header-search-input {
- display: table-cell;
- width: 100%;
- padding-top: 0;
- padding-bottom: 0;
- font-size: inherit;
- color: inherit;
- background: none;
- border: 0;
- box-shadow: none;
+.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-
-.header-search-input::placeholder {
- color: rgba(255, 255, 255, 0.75);
+.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
+.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-
-.header-search-input:focus {
- border: 0;
- box-shadow: none;
+.input-group
+ > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(
+ .invalid-feedback
+ ) {
+ margin-left: -1px;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
}
-.header-search-input:focus ~ .header-search-key-slash {
- display: none !important;
+.valid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #198754;
}
-.header-search-input::-ms-clear {
+.valid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: 0.1rem;
+ font-size: 0.875rem;
+ color: #fff;
+ background-color: rgba(25, 135, 84, 0.9);
+ border-radius: 0.25rem;
}
-.header-search-button {
- display: table-cell;
- overflow: hidden;
- font-size: inherit;
- color: inherit;
- word-break: break-word;
- white-space: pre;
- background: none;
+.was-validated :valid ~ .valid-feedback,
+.was-validated :valid ~ .valid-tooltip,
+.is-valid ~ .valid-feedback,
+.is-valid ~ .valid-tooltip {
+ display: block;
}
-.header-search-button.input-button:focus {
- border: 0 !important;
+.was-validated .form-control:valid,
+.form-control.is-valid {
+ border-color: #198754;
+ padding-right: calc(1.5em + 0.75rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right calc(0.375em + 0.1875rem) center;
+ background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.header-search-button.input-button:focus ~ .header-search-key-slash {
- display: none !important;
+.was-validated .form-control:valid:focus,
+.form-control.is-valid:focus {
+ border-color: #198754;
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
-.header-search-button.input-button:focus-visible {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: -2px;
- box-shadow: none;
+.was-validated textarea.form-control:valid,
+textarea.form-control.is-valid {
+ padding-right: calc(1.5em + 0.75rem);
+ background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
-.header-search-button::-ms-clear {
- display: none;
+.was-validated .form-select:valid,
+.form-select.is-valid {
+ border-color: #198754;
}
-
-.Header .header-search-button,
-.header-logged-out .header-search-button {
- font-size: 14px;
+.was-validated .form-select:valid:not([multiple]):not([size]),
+.was-validated .form-select:valid:not([multiple])[size='1'],
+.form-select.is-valid:not([multiple]):not([size]),
+.form-select.is-valid:not([multiple])[size='1'] {
+ padding-right: 4.125rem;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
+ url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-position: right 0.75rem center, center right 2.25rem;
+ background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.Header .header-search-button .input-parsed-symbol,
-.header-logged-out .header-search-button .input-parsed-symbol {
- color: #58a6ff;
- background: #388bfd26;
- border-radius: 3px;
- box-shadow: 0 0 0 0.8px #388bfd26;
+.was-validated .form-select:valid:focus,
+.form-select.is-valid:focus {
+ border-color: #198754;
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
-.Header .header-search-button .pl-c1,
-.header-logged-out .header-search-button .pl-c1 {
- color: #58a6ff;
+.was-validated .form-check-input:valid,
+.form-check-input.is-valid {
+ border-color: #198754;
}
-
-.Header .header-search-button .pl-en,
-.header-logged-out .header-search-button .pl-en {
- color: #58a6ff;
+.was-validated .form-check-input:valid:checked,
+.form-check-input.is-valid:checked {
+ background-color: #198754;
}
-
-.header-search-button.placeholder {
- color: rgba(255, 255, 255, 0.75);
+.was-validated .form-check-input:valid:focus,
+.form-check-input.is-valid:focus {
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
-
-.scoped-search .header-search-wrapper {
- display: flex;
+.was-validated .form-check-input:valid ~ .form-check-label,
+.form-check-input.is-valid ~ .form-check-label {
+ color: #198754;
}
-.jump-to-field-active {
- color: var(--fgColor-default) !important;
- background-color: var(--bgColor-default);
+.form-check-inline .form-check-input ~ .valid-feedback {
+ margin-left: 0.5em;
}
-.jump-to-field-active::placeholder {
- color: var(--fgColor-muted) !important;
+.was-validated .input-group .form-control:valid,
+.input-group .form-control.is-valid,
+.was-validated .input-group .form-select:valid,
+.input-group .form-select.is-valid {
+ z-index: 1;
}
-
-.jump-to-field-active ~ .header-search-key-slash {
- display: none;
+.was-validated .input-group .form-control:valid:focus,
+.input-group .form-control.is-valid:focus,
+.was-validated .input-group .form-select:valid:focus,
+.input-group .form-select.is-valid:focus {
+ z-index: 3;
}
-.jump-to-field-active.jump-to-dropdown-visible {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+.invalid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: #dc3545;
}
-.jump-to-suggestions {
+.invalid-tooltip {
+ position: absolute;
top: 100%;
- left: 0;
- z-index: 35;
- width: 100%;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: 0.1rem;
+ font-size: 0.875rem;
+ color: #fff;
+ background-color: rgba(220, 53, 69, 0.9);
+ border-radius: 0.25rem;
}
-.jump-to-suggestions-path {
- min-width: 0;
- min-height: 44px;
- color: var(--fgColor-default);
+.was-validated :invalid ~ .invalid-feedback,
+.was-validated :invalid ~ .invalid-tooltip,
+.is-invalid ~ .invalid-feedback,
+.is-invalid ~ .invalid-tooltip {
+ display: block;
}
-.jump-to-suggestions-path .jump-to-octicon {
- width: 28px;
- color: var(--fgColor-muted);
+.was-validated .form-control:invalid,
+.form-control.is-invalid {
+ border-color: #dc3545;
+ padding-right: calc(1.5em + 0.75rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right calc(0.375em + 0.1875rem) center;
+ background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.jump-to-suggestions-path .jump-to-suggestion-name {
- max-width: none;
+.was-validated .form-control:invalid:focus,
+.form-control.is-invalid:focus {
+ border-color: #dc3545;
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
-.jump-to-suggestions-path mark {
- font-weight: var(--base-text-weight-semibold, 600);
- background-color: transparent;
+.was-validated textarea.form-control:invalid,
+textarea.form-control.is-invalid {
+ padding-right: calc(1.5em + 0.75rem);
+ background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
-.jump-to-suggestions-results-container .navigation-item {
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
+.was-validated .form-select:invalid,
+.form-select.is-invalid {
+ border-color: #dc3545;
}
-
-.jump-to-suggestions-results-container .navigation-item:last-child {
- border-bottom: 0;
+.was-validated .form-select:invalid:not([multiple]):not([size]),
+.was-validated .form-select:invalid:not([multiple])[size='1'],
+.form-select.is-invalid:not([multiple]):not([size]),
+.form-select.is-invalid:not([multiple])[size='1'] {
+ padding-right: 4.125rem;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
+ url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+ background-position: right 0.75rem center, center right 2.25rem;
+ background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
-
-.jump-to-suggestions-results-container .d-on-nav-focus {
- display: none;
+.was-validated .form-select:invalid:focus,
+.form-select.is-invalid:focus {
+ border-color: #dc3545;
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
-.jump-to-suggestions-results-container [aria-selected='true'] .jump-to-octicon,
-.jump-to-suggestions-results-container .navigation-focus .jump-to-octicon {
- color: var(--fgColor-onEmphasis);
+.was-validated .form-check-input:invalid,
+.form-check-input.is-invalid {
+ border-color: #dc3545;
}
-
-.jump-to-suggestions-results-container [aria-selected='true'] .jump-to-suggestions-path,
-.jump-to-suggestions-results-container .navigation-focus .jump-to-suggestions-path {
- color: var(--fgColor-onEmphasis);
- background: var(--bgColor-accent-emphasis);
+.was-validated .form-check-input:invalid:checked,
+.form-check-input.is-invalid:checked {
+ background-color: #dc3545;
}
-
-.jump-to-suggestions-results-container [aria-selected='true'] mark,
-.jump-to-suggestions-results-container .navigation-focus mark {
- color: var(--fgColor-onEmphasis);
+.was-validated .form-check-input:invalid:focus,
+.form-check-input.is-invalid:focus {
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
-
-.jump-to-suggestions-results-container [aria-selected='true'] .d-on-nav-focus,
-.jump-to-suggestions-results-container .navigation-focus .d-on-nav-focus {
- display: block;
+.was-validated .form-check-input:invalid ~ .form-check-label,
+.form-check-input.is-invalid ~ .form-check-label {
+ color: #dc3545;
}
-.header-search {
- max-width: 100%;
- transition: 0.2s ease-in-out;
- transition-property: max-width, padding-bottom, padding-top;
+.form-check-inline .form-check-input ~ .invalid-feedback {
+ margin-left: 0.5em;
}
-@media (min-width: 768px) {
- .header-search {
- max-width: 272px;
- }
+.was-validated .input-group .form-control:invalid,
+.input-group .form-control.is-invalid,
+.was-validated .input-group .form-select:invalid,
+.input-group .form-select.is-invalid {
+ z-index: 2;
}
-
-@media (min-width: 768px) {
- .header-search:focus-within {
- max-width: 544px;
- }
+.was-validated .input-group .form-control:invalid:focus,
+.input-group .form-control.is-invalid:focus,
+.was-validated .input-group .form-select:invalid:focus,
+.input-group .form-select.is-invalid:focus {
+ z-index: 3;
}
-@media (min-width: 768px) {
- .header-search.fixed-width:focus-within {
- max-width: 272px;
+.btn {
+ display: inline-block;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: center;
+ text-decoration: none;
+ vertical-align: middle;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ background-color: transparent;
+ border: 1px solid transparent;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ border-radius: 0.25rem;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .btn {
+ transition: none;
}
}
-
-.search-input {
- width: 260px;
+.btn:hover {
+ color: #212529;
}
-
-@media only screen and (max-width: 768px) {
- .search-input {
- width: 100%;
- }
-
- .search-input-container {
- margin-right: 10px !important;
- margin-bottom: 10px !important;
- margin-left: 10px !important;
- }
+.btn-check:focus + .btn,
+.btn:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-
-.search-input.expanded {
- flex: 1;
+.btn:disabled,
+.btn.disabled,
+fieldset:disabled .btn {
+ pointer-events: none;
+ opacity: 0.65;
}
-.search-with-dialog {
- height: 32px;
- color: var(--fgColor-white);
- background-color: var(--header-bgColor);
- border: var(--borderWidth-thin) solid var(--headerSearch-borderColor);
+.btn-primary {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.search-with-dialog:hover {
- background-color: var(--headerSearch-bgColor);
+.btn-primary:hover {
+ color: #fff;
+ background-color: #0b5ed7;
+ border-color: #0a58ca;
}
-
-.search-with-dialog .input-parsed-symbol {
- color: var(--fgColor-accent);
- background-color: var(--bgColor-accent-muted);
- border-radius: 3px;
- box-shadow: 0 0 0 0.8px var(--bgColor-muted);
+.btn-check:focus + .btn-primary,
+.btn-primary:focus {
+ color: #fff;
+ background-color: #0b5ed7;
+ border-color: #0a58ca;
+ box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
+}
+.btn-check:checked + .btn-primary,
+.btn-check:active + .btn-primary,
+.btn-primary:active,
+.btn-primary.active,
+.show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #0a58ca;
+ border-color: #0a53be;
+}
+.btn-check:checked + .btn-primary:focus,
+.btn-check:active + .btn-primary:focus,
+.btn-primary:active:focus,
+.btn-primary.active:focus,
+.show > .btn-primary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
+}
+.btn-primary:disabled,
+.btn-primary.disabled {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-.create-custom-scope-form {
- margin-top: -16px;
- margin-bottom: -16px;
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
}
-
-.query-builder-container {
- padding-top: 10px;
- padding-right: 0;
- padding-left: 0;
-}
-
-.query-builder-container .QueryBuilder-StyledInput {
- width: auto;
- margin-right: var(--base-size-12, 12px);
- margin-left: var(--base-size-12, 12px);
-}
-
-.query-builder-container .QueryBuilder-sectionTitle {
- margin-left: 8px;
+.btn-secondary:hover {
+ color: #fff;
+ background-color: #5c636a;
+ border-color: #565e64;
}
-
-.query-builder-container .QueryBuilder-ListItem-trailing {
- font-size: 14px;
+.btn-check:focus + .btn-secondary,
+.btn-secondary:focus {
+ color: #fff;
+ background-color: #5c636a;
+ border-color: #565e64;
+ box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
+}
+.btn-check:checked + .btn-secondary,
+.btn-check:active + .btn-secondary,
+.btn-secondary:active,
+.btn-secondary.active,
+.show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #565e64;
+ border-color: #51585e;
+}
+.btn-check:checked + .btn-secondary:focus,
+.btn-check:active + .btn-secondary:focus,
+.btn-secondary:active:focus,
+.btn-secondary.active:focus,
+.show > .btn-secondary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
+}
+.btn-secondary:disabled,
+.btn-secondary.disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
}
-.query-builder-container .ActionListItem {
- margin-right: 8px;
- margin-left: 8px;
+.btn-success {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
}
-
-.search-feedback-prompt {
- padding-top: var(--base-size-12, 12px);
- padding-bottom: var(--base-size-12, 12px);
- border-top-color: var(--borderColor-muted);
- border-top-style: solid;
- border-top-width: var(--borderWidth-thin);
+.btn-success:hover {
+ color: #fff;
+ background-color: #157347;
+ border-color: #146c43;
}
-
-.search-suggestions {
- top: -14px;
- left: -14px;
- z-index: 35;
- width: calc(100% + 26px) !important;
- max-height: 80vh;
- padding-top: var(--base-size-12, 12px);
- border-radius: var(--borderRadius-large, 12px);
+.btn-check:focus + .btn-success,
+.btn-success:focus {
+ color: #fff;
+ background-color: #157347;
+ border-color: #146c43;
+ box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
+}
+.btn-check:checked + .btn-success,
+.btn-check:active + .btn-success,
+.btn-success:active,
+.btn-success.active,
+.show > .btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #146c43;
+ border-color: #13653f;
+}
+.btn-check:checked + .btn-success:focus,
+.btn-check:active + .btn-success:focus,
+.btn-success:active:focus,
+.btn-success.active:focus,
+.show > .btn-success.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
+}
+.btn-success:disabled,
+.btn-success.disabled {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
+}
+
+.btn-info {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-info:hover {
+ color: #000;
+ background-color: #31d2f2;
+ border-color: #25cff2;
+}
+.btn-check:focus + .btn-info,
+.btn-info:focus {
+ color: #000;
+ background-color: #31d2f2;
+ border-color: #25cff2;
+ box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+}
+.btn-check:checked + .btn-info,
+.btn-check:active + .btn-info,
+.btn-info:active,
+.btn-info.active,
+.show > .btn-info.dropdown-toggle {
+ color: #000;
+ background-color: #3dd5f3;
+ border-color: #25cff2;
+}
+.btn-check:checked + .btn-info:focus,
+.btn-check:active + .btn-info:focus,
+.btn-info:active:focus,
+.btn-info.active:focus,
+.show > .btn-info.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+}
+.btn-info:disabled,
+.btn-info.disabled {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+
+.btn-warning {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-warning:hover {
+ color: #000;
+ background-color: #ffca2c;
+ border-color: #ffc720;
+}
+.btn-check:focus + .btn-warning,
+.btn-warning:focus {
+ color: #000;
+ background-color: #ffca2c;
+ border-color: #ffc720;
+ box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
+}
+.btn-check:checked + .btn-warning,
+.btn-check:active + .btn-warning,
+.btn-warning:active,
+.btn-warning.active,
+.show > .btn-warning.dropdown-toggle {
+ color: #000;
+ background-color: #ffcd39;
+ border-color: #ffc720;
+}
+.btn-check:checked + .btn-warning:focus,
+.btn-check:active + .btn-warning:focus,
+.btn-warning:active:focus,
+.btn-warning.active:focus,
+.show > .btn-warning.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
+}
+.btn-warning:disabled,
+.btn-warning.disabled {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+
+.btn-danger {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
}
-
-.search-suggestions .header-search-input {
- overflow: hidden;
+.btn-danger:hover {
+ color: #fff;
+ background-color: #bb2d3b;
+ border-color: #b02a37;
}
-
-.search-suggestions .octicon {
- pointer-events: none;
+.btn-check:focus + .btn-danger,
+.btn-danger:focus {
+ color: #fff;
+ background-color: #bb2d3b;
+ border-color: #b02a37;
+ box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
+}
+.btn-check:checked + .btn-danger,
+.btn-check:active + .btn-danger,
+.btn-danger:active,
+.btn-danger.active,
+.show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #b02a37;
+ border-color: #a52834;
+}
+.btn-check:checked + .btn-danger:focus,
+.btn-check:active + .btn-danger:focus,
+.btn-danger:active:focus,
+.btn-danger.active:focus,
+.show > .btn-danger.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
+}
+.btn-danger:disabled,
+.btn-danger.disabled {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+
+.btn-light {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-light:hover {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+}
+.btn-check:focus + .btn-light,
+.btn-light:focus {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+ box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+}
+.btn-check:checked + .btn-light,
+.btn-check:active + .btn-light,
+.btn-light:active,
+.btn-light.active,
+.show > .btn-light.dropdown-toggle {
+ color: #000;
+ background-color: #f9fafb;
+ border-color: #f9fafb;
+}
+.btn-check:checked + .btn-light:focus,
+.btn-check:active + .btn-light:focus,
+.btn-light:active:focus,
+.btn-light.active:focus,
+.show > .btn-light.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+}
+.btn-light:disabled,
+.btn-light.disabled {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+
+.btn-dark {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
}
-
-.dark-backdrop {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 32;
- width: 120vw;
- height: 120vh;
- margin-top: -24px;
- margin-left: -80px;
- background-color: var(--overlay-backdrop-bgColor);
+.btn-dark:hover {
+ color: #fff;
+ background-color: #1c1f23;
+ border-color: #1a1e21;
}
-
-.search-query-builder .QueryBuilder-ListWrap {
- max-height: 60vh;
- padding-right: 0;
- padding-left: 0;
- overflow-y: auto;
+.btn-check:focus + .btn-dark,
+.btn-dark:focus {
+ color: #fff;
+ background-color: #1c1f23;
+ border-color: #1a1e21;
+ box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
+}
+.btn-check:checked + .btn-dark,
+.btn-check:active + .btn-dark,
+.btn-dark:active,
+.btn-dark.active,
+.show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #1a1e21;
+ border-color: #191c1f;
+}
+.btn-check:checked + .btn-dark:focus,
+.btn-check:active + .btn-dark:focus,
+.btn-dark:active:focus,
+.btn-dark.active:focus,
+.show > .btn-dark.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
+}
+.btn-dark:disabled,
+.btn-dark.disabled {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
}
-.Header .search-input {
- flex: 1;
- width: auto;
- max-width: 350px;
+.btn-outline-primary {
+ color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.Header .search-input.expanded {
- max-width: none;
+.btn-outline-primary:hover {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+}
+.btn-check:focus + .btn-outline-primary,
+.btn-outline-primary:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
+}
+.btn-check:checked + .btn-outline-primary,
+.btn-check:active + .btn-outline-primary,
+.btn-outline-primary:active,
+.btn-outline-primary.active,
+.btn-outline-primary.dropdown-toggle.show {
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
+}
+.btn-check:checked + .btn-outline-primary:focus,
+.btn-check:active + .btn-outline-primary:focus,
+.btn-outline-primary:active:focus,
+.btn-outline-primary.active:focus,
+.btn-outline-primary.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
+}
+.btn-outline-primary:disabled,
+.btn-outline-primary.disabled {
+ color: #0d6efd;
+ background-color: transparent;
}
-.app-banner {
- background-color: var(--header-bgColor);
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d;
}
-
-.app-banner-title {
- color: var(--header-fgColor-logo);
+.btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+.btn-check:focus + .btn-outline-secondary,
+.btn-outline-secondary:focus {
+ box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
+}
+.btn-check:checked + .btn-outline-secondary,
+.btn-check:active + .btn-outline-secondary,
+.btn-outline-secondary:active,
+.btn-outline-secondary.active,
+.btn-outline-secondary.dropdown-toggle.show {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+.btn-check:checked + .btn-outline-secondary:focus,
+.btn-check:active + .btn-outline-secondary:focus,
+.btn-outline-secondary:active:focus,
+.btn-outline-secondary.active:focus,
+.btn-outline-secondary.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
+}
+.btn-outline-secondary:disabled,
+.btn-outline-secondary.disabled {
+ color: #6c757d;
+ background-color: transparent;
}
-.app-banner-text {
- color: var(--header-fgColor-default);
+.btn-outline-success {
+ color: #198754;
+ border-color: #198754;
}
-
-.app-banner-icon {
- --icon-gradient-start-color: #171a1e;
- --icon-gradient-end-color: #060606;
- width: 32px;
- height: 32px;
- padding-top: 6px;
- padding-left: 6px;
+.btn-outline-success:hover {
+ color: #fff;
+ background-color: #198754;
+ border-color: #198754;
+}
+.btn-check:focus + .btn-outline-success,
+.btn-outline-success:focus {
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
+}
+.btn-check:checked + .btn-outline-success,
+.btn-check:active + .btn-outline-success,
+.btn-outline-success:active,
+.btn-outline-success.active,
+.btn-outline-success.dropdown-toggle.show {
color: #fff;
- background: var(--icon-gradient-end-color);
- background: linear-gradient(var(--icon-gradient-start-color), var(--icon-gradient-end-color));
+ background-color: #198754;
+ border-color: #198754;
+}
+.btn-check:checked + .btn-outline-success:focus,
+.btn-check:active + .btn-outline-success:focus,
+.btn-outline-success:active:focus,
+.btn-outline-success.active:focus,
+.btn-outline-success.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
+}
+.btn-outline-success:disabled,
+.btn-outline-success.disabled {
+ color: #198754;
+ background-color: transparent;
}
-.app-banner-icon .octicon {
- width: 20px;
- height: 20px;
+.btn-outline-info {
+ color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-outline-info:hover {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-check:focus + .btn-outline-info,
+.btn-outline-info:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
+}
+.btn-check:checked + .btn-outline-info,
+.btn-check:active + .btn-outline-info,
+.btn-outline-info:active,
+.btn-outline-info.active,
+.btn-outline-info.dropdown-toggle.show {
+ color: #000;
+ background-color: #0dcaf0;
+ border-color: #0dcaf0;
+}
+.btn-check:checked + .btn-outline-info:focus,
+.btn-check:active + .btn-outline-info:focus,
+.btn-outline-info:active:focus,
+.btn-outline-info.active:focus,
+.btn-outline-info.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
+}
+.btn-outline-info:disabled,
+.btn-outline-info.disabled {
+ color: #0dcaf0;
+ background-color: transparent;
}
-.ActionList {
- padding: var(--base-size-8);
+.btn-outline-warning {
+ color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-outline-warning:hover {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-check:focus + .btn-outline-warning,
+.btn-outline-warning:focus {
+ box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
+}
+.btn-check:checked + .btn-outline-warning,
+.btn-check:active + .btn-outline-warning,
+.btn-outline-warning:active,
+.btn-outline-warning.active,
+.btn-outline-warning.dropdown-toggle.show {
+ color: #000;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+.btn-check:checked + .btn-outline-warning:focus,
+.btn-check:active + .btn-outline-warning:focus,
+.btn-outline-warning:active:focus,
+.btn-outline-warning.active:focus,
+.btn-outline-warning.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
+}
+.btn-outline-warning:disabled,
+.btn-outline-warning.disabled {
+ color: #ffc107;
+ background-color: transparent;
}
-.ActionList--full {
- padding: 0;
+.btn-outline-danger {
+ color: #dc3545;
+ border-color: #dc3545;
}
-
-.ActionList--subGroup {
- padding: 0;
+.btn-outline-danger:hover {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+.btn-check:focus + .btn-outline-danger,
+.btn-outline-danger:focus {
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
+}
+.btn-check:checked + .btn-outline-danger,
+.btn-check:active + .btn-outline-danger,
+.btn-outline-danger:active,
+.btn-outline-danger.active,
+.btn-outline-danger.dropdown-toggle.show {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+.btn-check:checked + .btn-outline-danger:focus,
+.btn-check:active + .btn-outline-danger:focus,
+.btn-outline-danger:active:focus,
+.btn-outline-danger.active:focus,
+.btn-outline-danger.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
+}
+.btn-outline-danger:disabled,
+.btn-outline-danger.disabled {
+ color: #dc3545;
+ background-color: transparent;
}
-.ActionList--divided .ActionList-item-label::before {
- position: absolute;
- top: -6px;
- display: block;
- width: 100%;
- height: 1px;
- content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+.btn-outline-light {
+ color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-outline-light:hover {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-check:focus + .btn-outline-light,
+.btn-outline-light:focus {
+ box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
+}
+.btn-check:checked + .btn-outline-light,
+.btn-check:active + .btn-outline-light,
+.btn-outline-light:active,
+.btn-outline-light.active,
+.btn-outline-light.dropdown-toggle.show {
+ color: #000;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+.btn-check:checked + .btn-outline-light:focus,
+.btn-check:active + .btn-outline-light:focus,
+.btn-outline-light:active:focus,
+.btn-outline-light.active:focus,
+.btn-outline-light.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
+}
+.btn-outline-light:disabled,
+.btn-outline-light.disabled {
+ color: #f8f9fa;
+ background-color: transparent;
}
-.ActionList--divided .ActionList-item-descriptionWrap--inline::before {
- position: absolute;
- top: -6px;
- display: block;
- width: 100%;
- height: var(--borderWidth-thin);
- content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+.btn-outline-dark {
+ color: #212529;
+ border-color: #212529;
}
-
-.ActionList--divided .ActionList-item-descriptionWrap--inline .ActionList-item-label::before {
- content: unset;
+.btn-outline-dark:hover {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+.btn-check:focus + .btn-outline-dark,
+.btn-outline-dark:focus {
+ box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
+}
+.btn-check:checked + .btn-outline-dark,
+.btn-check:active + .btn-outline-dark,
+.btn-outline-dark:active,
+.btn-outline-dark.active,
+.btn-outline-dark.dropdown-toggle.show {
+ color: #fff;
+ background-color: #212529;
+ border-color: #212529;
+}
+.btn-check:checked + .btn-outline-dark:focus,
+.btn-check:active + .btn-outline-dark:focus,
+.btn-outline-dark:active:focus,
+.btn-outline-dark.active:focus,
+.btn-outline-dark.dropdown-toggle.show:focus {
+ box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
+}
+.btn-outline-dark:disabled,
+.btn-outline-dark.disabled {
+ color: #212529;
+ background-color: transparent;
}
-.ActionList--divided .ActionList-item--navActive .ActionList-item-label::before,
-.ActionList--divided .ActionList-item--navActive + .ActionList-item .ActionList-item-label::before {
- visibility: hidden;
+.btn-link {
+ font-weight: 400;
+ color: #0d6efd;
+ text-decoration: underline;
}
-
-.ActionList-item:first-of-type .ActionList-item-label::before,
-.ActionList-sectionDivider + .ActionList-item .ActionList-item-label::before {
- visibility: hidden;
+.btn-link:hover {
+ color: #0a58ca;
}
-
-.ActionList-item:first-of-type .ActionList-item-descriptionWrap--inline::before,
-.ActionList-sectionDivider + .ActionList-item .ActionList-item-descriptionWrap--inline::before {
- visibility: hidden;
+.btn-link:disabled,
+.btn-link.disabled {
+ color: #6c757d;
}
-.ActionList--tree {
- --ActionList-tree-depth: 1;
+.btn-lg,
+.btn-group-lg > .btn {
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
}
-.ActionList--tree .ActionList-item--subItem > .ActionList-content {
- font-size: 14px;
+.btn-sm,
+.btn-group-sm > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
}
-.ActionList--tree .ActionList-item.ActionList-item--singleton .ActionList-content {
- padding-left: var(--base-size-32);
+.fade {
+ transition: opacity 0.15s linear;
}
-
-.ActionList--tree .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .fade {
+ transition: none;
+ }
}
-
-.ActionList--tree .ActionList-content[aria-expanded] + .ActionList--subGroup {
- position: relative;
+.fade:not(.show) {
+ opacity: 0;
}
-.ActionList--tree .ActionList-content[aria-expanded] + .ActionList--subGroup .ActionList-content {
- padding-left: calc(8px * var(--ActionList-tree-depth));
+.collapse:not(.show) {
+ display: none;
}
-.ActionList--tree .ActionList-content[aria-expanded='true'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: rotate(0deg);
+.collapsing {
+ height: 0;
+ overflow: hidden;
+ transition: height 0.35s ease;
}
-
-.ActionList--tree
- .ActionList-content[aria-expanded='true'].ActionList-content--hasActiveSubItem
- > .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .collapsing {
+ transition: none;
+ }
}
-
-.ActionList--tree .ActionList-content[aria-expanded='false'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: rotate(-90deg);
+.collapsing.collapse-horizontal {
+ width: 0;
+ height: auto;
+ transition: width 0.35s ease;
}
-
-.ActionList--tree
- .ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem
- > .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .collapsing.collapse-horizontal {
+ transition: none;
+ }
}
-.ActionList--tree
- .ActionList-item--hasSubItem
- .ActionList-item--subItem:not(.ActionList-item--hasSubItem)
- .ActionList-content
- > span:first-child {
- padding-left: var(--base-size-24);
+.dropup,
+.dropend,
+.dropdown,
+.dropstart {
+ position: relative;
}
-.ActionList--tree > [aria-level='1'].ActionList-item--hasSubItem > .ActionList--subGroup::before {
- position: absolute;
- left: 16px;
- width: 1px;
- height: 100%;
- content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+.dropdown-toggle {
+ white-space: nowrap;
}
-
-.ActionList--tree .ActionList-item--hasSubItem:not([aria-level='1']) > .ActionList--subGroup::before {
- position: absolute;
- left: calc(8px * (var(--ActionList-tree-depth)) + 7px);
- width: 1px;
- height: 100%;
+.dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
content: '';
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
+ border-top: 0.3em solid;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0;
+ border-left: 0.3em solid transparent;
+}
+.dropdown-toggle:empty::after {
+ margin-left: 0;
}
-.ActionList-item {
- position: relative;
+.dropdown-menu {
+ position: absolute;
+ z-index: 1000;
+ display: none;
+ min-width: 10rem;
+ padding: 0.5rem 0;
+ margin: 0;
+ font-size: 1rem;
+ color: #212529;
+ text-align: left;
list-style: none;
- background-color: transparent;
- border-radius: var(--borderRadius-medium);
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0.25rem;
}
-
-.ActionList-item:hover,
-.ActionList-item:active {
- cursor: pointer;
+.dropdown-menu[data-bs-popper] {
+ top: 100%;
+ left: 0;
+ margin-top: 0.125rem;
}
-@media (hover: hover) {
- .ActionList-item:not(.ActionList-item--hasSubItem):hover,
- .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover {
- cursor: pointer;
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
-
- .ActionList-item:not(.ActionList-item--hasSubItem):hover:not(.ActionList-item--navActive):not(:focus-visible),
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover:not(.ActionList-item--navActive):not(:focus-visible) {
- outline: solid var(--borderWidth-thin) transparent;
- outline-offset: -var(--borderWidth-thin);
- box-shadow: inset 0 0 0 var(--borderWidth-thin)
- var(--control-transparent-borderColor-active, var(--color-action-list-item-default-active-border));
- }
+.dropdown-menu-start {
+ --bs-position: start;
}
-
-.ActionList-item:not(.ActionList-item--hasSubItem):active,
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active {
- background: var(--control-transparent-bgColor-active, var(--color-action-list-item-default-active-bg));
+.dropdown-menu-start[data-bs-popper] {
+ right: auto;
+ left: 0;
}
-.ActionList-item:not(.ActionList-item--hasSubItem):active:not(.ActionList-item--navActive),
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active:not(.ActionList-item--navActive) {
- outline: solid var(--borderWidth-thin) transparent;
- outline-offset: -var(--borderWidth-thin);
- box-shadow: inset 0 0 0 var(--borderWidth-thin)
- var(--control-transparent-borderColor-active, var(--color-action-list-item-default-active-border));
+.dropdown-menu-end {
+ --bs-position: end;
+}
+.dropdown-menu-end[data-bs-popper] {
+ right: 0;
+ left: auto;
}
-@media (hover: hover) {
- .ActionList-item:not(.ActionList-item--hasSubItem):hover .ActionList-item-label::before,
- .ActionList-item:not(.ActionList-item--hasSubItem):hover + .ActionList-item .ActionList-item-label::before,
- .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover .ActionList-item-label::before,
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover
- + .ActionList-item
- .ActionList-item-label::before {
- visibility: hidden;
+@media (min-width: 576px) {
+ .dropdown-menu-sm-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-sm-start[data-bs-popper] {
+ right: auto;
+ left: 0;
}
- .ActionList-item:not(.ActionList-item--hasSubItem):hover .ActionList-item-descriptionWrap--inline::before,
- .ActionList-item:not(.ActionList-item--hasSubItem):hover
- + .ActionList-item
- .ActionList-item-descriptionWrap--inline::before,
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover
- .ActionList-item-descriptionWrap--inline::before,
- .ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:hover
- + .ActionList-item
- .ActionList-item-descriptionWrap--inline::before {
- visibility: hidden;
+ .dropdown-menu-sm-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-sm-end[data-bs-popper] {
+ right: 0;
+ left: auto;
}
}
+@media (min-width: 768px) {
+ .dropdown-menu-md-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-md-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-.ActionList-item:not(.ActionList-item--hasSubItem):active .ActionList-item-label::before,
-.ActionList-item:not(.ActionList-item--hasSubItem):active + .ActionList-item .ActionList-item-label::before,
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active .ActionList-item-label::before,
-.ActionList-item.ActionList-item--hasSubItem
- > .ActionList-content:active
- + .ActionList-item
- .ActionList-item-label::before {
- visibility: hidden;
+ .dropdown-menu-md-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-md-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
}
+@media (min-width: 992px) {
+ .dropdown-menu-lg-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-lg-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content {
- z-index: 1;
+ .dropdown-menu-lg-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-lg-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
}
+@media (min-width: 1200px) {
+ .dropdown-menu-xl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-@media (hover: hover) {
- .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
+ .dropdown-menu-xl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
}
}
+@media (min-width: 1400px) {
+ .dropdown-menu-xxl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xxl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
-.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active {
- background-color: var(--control-transparent-bgColor-active, var(--color-action-list-item-default-active-bg));
+ .dropdown-menu-xxl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xxl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
}
-
-.ActionList-item[hidden] + .ActionList-sectionDivider {
- display: none;
+.dropup .dropdown-menu[data-bs-popper] {
+ top: auto;
+ bottom: 100%;
+ margin-top: 0;
+ margin-bottom: 0.125rem;
}
-
-.ActionList-item[aria-selected='true'] {
- font-weight: var(--base-text-weight-normal, 400);
- background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
+.dropup .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: '';
+ border-top: 0;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0.3em solid;
+ border-left: 0.3em solid transparent;
}
-
-@media (hover: hover) {
- .ActionList-item[aria-selected='true']:hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
+.dropup .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-.ActionList-item[aria-selected='true']::before,
-.ActionList-item[aria-selected='true'] + .ActionList-item::before {
- visibility: hidden;
+.dropend .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: auto;
+ left: 100%;
+ margin-top: 0;
+ margin-left: 0.125rem;
}
-
-.ActionList-item[aria-selected='true']::after {
- position: absolute;
- top: calc(50% - var(--base-size-12));
- left: -4px;
- width: var(--base-size-4);
- height: var(--base-size-24);
+.dropend .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-fg));
- border-radius: var(--borderRadius-medium);
+ border-top: 0.3em solid transparent;
+ border-right: 0;
+ border-bottom: 0.3em solid transparent;
+ border-left: 0.3em solid;
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+.dropend .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) {
- background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
+.dropend .dropdown-toggle::after {
+ vertical-align: 0;
}
-@media (hover: hover) {
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
+.dropstart .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: 100%;
+ left: auto;
+ margin-top: 0;
+ margin-right: 0.125rem;
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::before,
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) + .ActionList-item::before {
- visibility: hidden;
+.dropstart .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: '';
}
-
-.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::after {
- position: absolute;
- top: calc(50% - var(--base-size-12));
- left: -var(--base-size-8);
- width: var(--base-size-4);
- height: var(--base-size-24);
+.dropstart .dropdown-toggle::after {
+ display: none;
+}
+.dropstart .dropdown-toggle::before {
+ display: inline-block;
+ margin-right: 0.255em;
+ vertical-align: 0.255em;
content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-fg));
- border-radius: var(--borderRadius-medium);
+ border-top: 0.3em solid transparent;
+ border-right: 0.3em solid;
+ border-bottom: 0.3em solid transparent;
}
-
-.ActionList-item[aria-checked='true'] .ActionList-item-multiSelectCheckmark,
-.ActionList-item[aria-selected='true'] .ActionList-item-multiSelectCheckmark {
- visibility: visible;
- opacity: 1;
- transition: visibility 0 linear 0, opacity 50ms;
+.dropstart .dropdown-toggle:empty::after {
+ margin-left: 0;
}
-
-.ActionList-item[aria-checked='true'] .ActionList-item-singleSelectCheckmark,
-.ActionList-item[aria-selected='true'] .ActionList-item-singleSelectCheckmark {
- visibility: visible;
+.dropstart .dropdown-toggle::before {
+ vertical-align: 0;
}
-@media screen and (prefers-reduced-motion: no-preference) {
- .ActionList-item[aria-checked='true'] .ActionList-item-singleSelectCheckmark,
- .ActionList-item[aria-selected='true'] .ActionList-item-singleSelectCheckmark {
- animation: checkmarkIn 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;
- }
+.dropdown-divider {
+ height: 0;
+ margin: 0.5rem 0;
+ overflow: hidden;
+ border-top: 1px solid rgba(0, 0, 0, 0.15);
}
-.ActionList-item[aria-checked='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,
-.ActionList-item[aria-selected='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect {
- fill: var(--fgColor-accent, var(--color-accent-fg));
- stroke: var(--fgColor-accent, var(--color-accent-fg));
- stroke-width: var(--borderWidth-thin);
+.dropdown-item {
+ display: block;
+ width: 100%;
+ padding: 0.25rem 1rem;
+ clear: both;
+ font-weight: 400;
+ color: #212529;
+ text-align: inherit;
+ text-decoration: none;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 0;
}
-
-.ActionList-item[aria-checked='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark,
-.ActionList-item[aria-selected='true'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark {
- fill: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
+.dropdown-item:hover,
+.dropdown-item:focus {
+ color: #1e2125;
+ background-color: #e9ecef;
}
-
-.ActionList-item[aria-checked='false'] .ActionList-item-multiSelectCheckmark,
-.ActionList-item[aria-selected='false'] .ActionList-item-multiSelectCheckmark {
- visibility: hidden;
- opacity: 0;
- transition: visibility 0 linear 50ms, opacity 50ms;
+.dropdown-item.active,
+.dropdown-item:active {
+ color: #fff;
+ text-decoration: none;
+ background-color: #0d6efd;
}
-
-.ActionList-item[aria-checked='false'] .ActionList-item-singleSelectCheckmark,
-.ActionList-item[aria-selected='false'] .ActionList-item-singleSelectCheckmark {
- visibility: hidden;
- transition: visibility 0s linear 200ms;
- clip-path: inset(16px 0 0 0);
+.dropdown-item.disabled,
+.dropdown-item:disabled {
+ color: #adb5bd;
+ pointer-events: none;
+ background-color: transparent;
}
-@media screen and (prefers-reduced-motion: no-preference) {
- .ActionList-item[aria-checked='false'] .ActionList-item-singleSelectCheckmark,
- .ActionList-item[aria-selected='false'] .ActionList-item-singleSelectCheckmark {
- animation: checkmarkOut 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;
- }
+.dropdown-menu.show {
+ display: block;
}
-.ActionList-item[aria-checked='false'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,
-.ActionList-item[aria-selected='false'] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect {
- fill: var(--bgColor-default, var(--color-canvas-default));
- stroke: var(--borderColor-default, var(--color-border-default));
- stroke-width: var(--borderWidth-thin);
+.dropdown-header {
+ display: block;
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ font-size: 0.875rem;
+ color: #6c757d;
+ white-space: nowrap;
}
-.ActionList-item[aria-checked='false'] .ActionList-item-multiSelectIconRect,
-.ActionList-item[aria-selected='false'] .ActionList-item-multiSelectIconRect {
- fill: var(--bgColor-default, var(--color-canvas-default));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.dropdown-item-text {
+ display: block;
+ padding: 0.25rem 1rem;
+ color: #212529;
}
-@keyframes checkmarkIn {
- from {
- clip-path: inset(16px 0 0 0);
- }
-
- to {
- clip-path: inset(0 0 0 0);
- }
+.dropdown-menu-dark {
+ color: #dee2e6;
+ background-color: #343a40;
+ border-color: rgba(0, 0, 0, 0.15);
}
-
-@keyframes checkmarkOut {
- from {
- clip-path: inset(0 0 0 0);
- }
-
- to {
- clip-path: inset(16px 0 0 0);
- }
+.dropdown-menu-dark .dropdown-item {
+ color: #dee2e6;
}
-
-.ActionList-item[aria-disabled='true'] .ActionList-content .ActionList-item-label,
-.ActionList-item[aria-disabled='true'] .ActionList-content .ActionList-item-description {
- color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.dropdown-menu-dark .dropdown-item:hover,
+.dropdown-menu-dark .dropdown-item:focus {
+ color: #fff;
+ background-color: rgba(255, 255, 255, 0.15);
}
-
-.ActionList-item[aria-disabled='true'] .ActionList-content .ActionList-item-visual {
- fill: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.dropdown-menu-dark .dropdown-item.active,
+.dropdown-menu-dark .dropdown-item:active {
+ color: #fff;
+ background-color: #0d6efd;
}
-
-@media (hover: hover) {
- .ActionList-item[aria-disabled='true']:hover {
- cursor: not-allowed;
- background-color: transparent;
- }
+.dropdown-menu-dark .dropdown-item.disabled,
+.dropdown-menu-dark .dropdown-item:disabled {
+ color: #adb5bd;
}
-
-.ActionList-item.ActionList-item--danger .ActionList-item-label {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.dropdown-menu-dark .dropdown-divider {
+ border-color: rgba(0, 0, 0, 0.15);
}
-
-.ActionList-item.ActionList-item--danger .ActionList-item-visual {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.dropdown-menu-dark .dropdown-item-text {
+ color: #dee2e6;
}
-
-@media (hover: hover) {
- .ActionList-item.ActionList-item--danger:hover {
- background: var(--control-danger-bgColor-hover, var(--color-action-list-item-danger-hover-bg));
- }
-
- .ActionList-item.ActionList-item--danger:hover .ActionList-item-label {
- color: var(--control-danger-fgColor-hover, var(--color-action-list-item-danger-hover-text));
- }
+.dropdown-menu-dark .dropdown-header {
+ color: #adb5bd;
}
-.ActionList-item.ActionList-item--danger .ActionList-content:active {
- background: var(--control-danger-bgColor-active, var(--color-action-list-item-danger-active-bg));
-}
-
-.ActionList-item .ActionList {
- padding: unset;
-}
-
-.ActionList-content {
+.btn-group,
+.btn-group-vertical {
position: relative;
- display: grid;
- width: 100%;
- padding: 6px var(--base-size-8);
- font-size: 14px;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-default, var(--color-fg-default));
- text-align: left;
- -webkit-user-select: none;
- user-select: none;
- background-color: transparent;
- border: none;
- border-radius: var(--borderRadius-medium);
- transition: background 33.333ms linear;
- touch-action: manipulation;
- touch-action: manipulation;
- -webkit-tap-highlight-color: transparent;
- grid-template-rows: min-content;
- grid-template-areas: 'leadingAction leadingVisual label trailingVisual trailingAction';
- grid-template-columns: min-content min-content minmax(0, auto) min-content min-content;
- align-items: start;
+ display: inline-flex;
+ vertical-align: middle;
}
-
-.ActionList-content > :not(:last-child) {
- margin-right: var(--base-size-8);
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+ position: relative;
+ flex: 1 1 auto;
}
-
-.ActionList-content:hover {
- text-decoration: none;
+.btn-group > .btn-check:checked + .btn,
+.btn-group > .btn-check:focus + .btn,
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn-check:checked + .btn,
+.btn-group-vertical > .btn-check:focus + .btn,
+.btn-group-vertical > .btn:hover,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+ z-index: 1;
}
-.ActionList-content:focus {
- outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
- outline-offset: -2px;
- box-shadow: none;
+.btn-toolbar {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
}
-
-.ActionList-content:focus:not(:focus-visible) {
- outline: solid 1px transparent;
+.btn-toolbar .input-group {
+ width: auto;
}
-.ActionList-content:focus-visible {
- outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
- outline-offset: -2px;
- box-shadow: none;
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) {
+ margin-left: -1px;
}
-
-.ActionList-content[aria-disabled='true'] .ActionList-item-label,
-.ActionList-content[aria-disabled='true'] .ActionList-item-description {
- color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn-group:not(:last-child) > .btn {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-
-.ActionList-content[aria-disabled='true'] .ActionList-item-visual {
- fill: var(--fgColor-disabled, var(--color-primer-fg-disabled));
+.btn-group > .btn:nth-child(n + 3),
+.btn-group > :not(.btn-check) + .btn,
+.btn-group > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
}
-@media (hover: hover) {
- .ActionList-content[aria-disabled='true']:hover {
- cursor: not-allowed;
- background-color: transparent;
- }
+.dropdown-toggle-split {
+ padding-right: 0.5625rem;
+ padding-left: 0.5625rem;
}
-
-@media screen and (prefers-reduced-motion: no-preference) {
- .ActionList-content[aria-expanded] + .ActionList--subGroup {
- transition: opacity 160ms cubic-bezier(0.25, 1, 0.5, 1), transform 160ms cubic-bezier(0.25, 1, 0.5, 1);
- }
+.dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after,
+.dropend .dropdown-toggle-split::after {
+ margin-left: 0;
}
-
-.ActionList-content[aria-expanded] + .ActionList--subGroup .ActionList-content {
- padding-left: var(--base-size-24);
+.dropstart .dropdown-toggle-split::before {
+ margin-right: 0;
}
-.ActionList-content[aria-expanded].ActionList-content--visual16 + .ActionList--subGroup .ActionList-content {
- padding-left: var(--base-size-32);
+.btn-sm + .dropdown-toggle-split,
+.btn-group-sm > .btn + .dropdown-toggle-split {
+ padding-right: 0.375rem;
+ padding-left: 0.375rem;
}
-.ActionList-content[aria-expanded].ActionList-content--visual20 + .ActionList--subGroup .ActionList-content {
- padding-left: 36px;
+.btn-lg + .dropdown-toggle-split,
+.btn-group-lg > .btn + .dropdown-toggle-split {
+ padding-right: 0.75rem;
+ padding-left: 0.75rem;
}
-.ActionList-content[aria-expanded].ActionList-content--visual24 + .ActionList--subGroup .ActionList-content {
- padding-left: var(--base-size-40);
+.btn-group-vertical {
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center;
}
-
-.ActionList-content[aria-expanded='true'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: scaleY(-1);
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
+ width: 100%;
}
-
-.ActionList-content[aria-expanded='true'] + .ActionList--subGroup {
- height: auto;
- overflow: visible;
- visibility: visible;
- opacity: 1;
- transform: translateY(0);
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) {
+ margin-top: -1px;
}
-
-.ActionList-content[aria-expanded='true'].ActionList-content--hasActiveSubItem > .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
}
-
-.ActionList-content[aria-expanded='false'] .ActionList-item-collapseIcon {
- transition: transform 120ms linear;
- transform: scaleY(1);
+.btn-group-vertical > .btn ~ .btn,
+.btn-group-vertical > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
}
-.ActionList-content[aria-expanded='false'] + .ActionList--subGroup {
- height: 0;
- overflow: hidden;
- visibility: hidden;
- opacity: 0;
- transform: translateY(calc(var(--base-size-16) * -1));
+.nav {
+ display: flex;
+ flex-wrap: wrap;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
}
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem {
- background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
+.nav-link {
+ display: block;
+ padding: 0.5rem 1rem;
+ color: #0d6efd;
+ text-decoration: none;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
-
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+@media (prefers-reduced-motion: reduce) {
+ .nav-link {
+ transition: none;
+ }
}
-
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem::before,
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem + .ActionList-item::before {
- visibility: hidden;
+.nav-link:hover,
+.nav-link:focus {
+ color: #0a58ca;
}
-
-.ActionList-content[aria-expanded='false'].ActionList-content--hasActiveSubItem::after {
- position: absolute;
- top: calc(50% - var(--base-size-12));
- left: -var(--base-size-8);
- width: var(--base-size-4);
- height: var(--base-size-24);
- content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-fg));
- border-radius: var(--borderRadius-medium);
+.nav-link.disabled {
+ color: #6c757d;
+ pointer-events: none;
+ cursor: default;
}
-.ActionList-content.ActionList-content--sizeMedium {
- padding: 10px var(--base-size-8);
+.nav-tabs {
+ border-bottom: 1px solid #dee2e6;
}
-
-.ActionList-content.ActionList-content--sizeLarge {
- padding: 14px var(--base-size-8);
+.nav-tabs .nav-link {
+ margin-bottom: -1px;
+ background: none;
+ border: 1px solid transparent;
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
}
-
-.ActionList-content.ActionList-content--fontSmall {
- font-size: 12px;
+.nav-tabs .nav-link:hover,
+.nav-tabs .nav-link:focus {
+ border-color: #e9ecef #e9ecef #dee2e6;
+ isolation: isolate;
}
-
-@media (pointer: coarse) {
- .ActionList-content {
- padding: 14px var(--base-size-8);
- }
+.nav-tabs .nav-link.disabled {
+ color: #6c757d;
+ background-color: transparent;
+ border-color: transparent;
}
-
-.ActionList-content.ActionList-content--blockDescription .ActionList-item-visual {
- place-self: start;
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+ color: #495057;
+ background-color: #fff;
+ border-color: #dee2e6 #dee2e6 #fff;
}
-
-.ActionList-item-action--leading {
- grid-area: leadingAction;
+.nav-tabs .dropdown-menu {
+ margin-top: -1px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
}
-.ActionList-item-visual--leading {
- grid-area: leadingVisual;
+.nav-pills .nav-link {
+ background: none;
+ border: 0;
+ border-radius: 0.25rem;
}
-
-.ActionList-item-label {
- grid-area: label;
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+ color: #fff;
+ background-color: #0d6efd;
}
-.ActionList-item-visual--trailing {
- grid-area: trailingVisual;
+.nav-fill > .nav-link,
+.nav-fill .nav-item {
+ flex: 1 1 auto;
+ text-align: center;
}
-.ActionList-item-action--trailing {
- grid-area: trailingAction;
+.nav-justified > .nav-link,
+.nav-justified .nav-item {
+ flex-basis: 0;
+ flex-grow: 1;
+ text-align: center;
}
-.ActionList-item-descriptionWrap {
- grid-area: label;
- display: flex;
- flex-direction: column;
+.nav-fill .nav-item .nav-link,
+.nav-justified .nav-item .nav-link {
+ width: 100%;
}
-.ActionList-item-descriptionWrap .ActionList-item-description {
- margin-top: var(--base-size-4);
+.tab-content > .tab-pane {
+ display: none;
}
-
-.ActionList-item-descriptionWrap .ActionList-item-label {
- font-weight: var(--base-text-weight-semibold, 600);
+.tab-content > .active {
+ display: block;
}
-.ActionList-item-descriptionWrap--inline {
+.navbar {
position: relative;
- flex-direction: row;
- align-items: baseline;
-}
-
-.ActionList-item-descriptionWrap--inline .ActionList-item-description {
- margin-left: var(--base-size-8);
-}
-
-.ActionList-item-description {
- font-size: 12px;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1.5;
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.ActionList-item-visual,
-.ActionList-item-action {
display: flex;
- min-height: 20px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- pointer-events: none;
- fill: var(--fgColor-muted, var(--color-fg-muted));
+ flex-wrap: wrap;
align-items: center;
+ justify-content: space-between;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+.navbar > .container,
+.navbar > .container-fluid,
+.navbar > .container-sm,
+.navbar > .container-md,
+.navbar > .container-lg,
+.navbar > .container-xl,
+.navbar > .container-xxl {
+ display: flex;
+ flex-wrap: inherit;
+ align-items: center;
+ justify-content: space-between;
}
-
-.ActionList-item-label {
- position: relative;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 20px;
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.ActionList-item-label--truncate {
- overflow: hidden;
- text-overflow: ellipsis;
+.navbar-brand {
+ padding-top: 0.3125rem;
+ padding-bottom: 0.3125rem;
+ margin-right: 1rem;
+ font-size: 1.25rem;
+ text-decoration: none;
white-space: nowrap;
}
-
-.ActionList-item--subItem > .ActionList-content {
- font-size: 12px;
-}
-
-.ActionList-sectionDivider:not(:empty) {
+.navbar-nav {
display: flex;
- padding: 6px 8px;
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
flex-direction: column;
-}
-
-.ActionList-sectionDivider:empty {
- display: block;
- height: 1px;
- padding: 0;
- margin: 7px -8px 8px;
+ padding-left: 0;
+ margin-bottom: 0;
list-style: none;
- background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
- border: 0;
-}
-
-.ActionList-sectionDivider .ActionList-sectionDivider-title {
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.ActionList-sectionDivider--filled {
- margin: 8px -8px;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-action-list-item-inline-divider));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-action-list-item-inline-divider));
-}
-
-.ActionList-sectionDivider--filled:empty {
- height: var(--base-size-8);
- box-sizing: border-box;
}
-
-.ActionList-sectionDivider--filled:first-child {
- margin-top: 0;
-}
-
-.boxed-group {
- position: relative;
- margin-bottom: 30px;
- border-radius: var(--borderRadius-medium);
+.navbar-nav .nav-link {
+ padding-right: 0;
+ padding-left: 0;
}
-
-.boxed-group .Counter {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-neutral-emphasis, var(--color-neutral-emphasis));
+.navbar-nav .dropdown-menu {
+ position: static;
}
-.boxed-group.flush .boxed-group-inner {
- padding: 0;
+.navbar-text {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
}
-.boxed-group.condensed .boxed-group-inner {
- padding: 0;
- font-size: 12px;
+.navbar-collapse {
+ flex-basis: 100%;
+ flex-grow: 1;
+ align-items: center;
}
-.boxed-group > h3,
-.boxed-group .heading {
- display: block;
- padding: 9px 10px 10px;
- margin: 0;
- font-size: 14px;
- line-height: 17px;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-bottom: 0;
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.navbar-toggler {
+ padding: 0.25rem 0.75rem;
+ font-size: 1.25rem;
+ line-height: 1;
+ background-color: transparent;
+ border: 1px solid transparent;
+ border-radius: 0.25rem;
+ transition: box-shadow 0.15s ease-in-out;
}
-
-.boxed-group > h3 a,
-.boxed-group .heading a {
- color: inherit;
+@media (prefers-reduced-motion: reduce) {
+ .navbar-toggler {
+ transition: none;
+ }
}
-
-.boxed-group > h3 a.boxed-group-breadcrumb,
-.boxed-group .heading a.boxed-group-breadcrumb {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.navbar-toggler:hover {
text-decoration: none;
}
-
-.boxed-group > h3 .avatar,
-.boxed-group .heading .avatar {
- margin-top: calc(var(--base-size-4) * -1);
-}
-
-.boxed-group .tabnav.heading {
- padding: 0;
-}
-
-.boxed-group .tabnav.heading .tabnav-tab.selected {
- border-top: 0;
-}
-
-.boxed-group .tabnav.heading li:first-child .selected {
- border-left-color: var(--bgColor-default, var(--color-canvas-default));
- border-top-left-radius: var(--borderRadius-medium);
-}
-
-.boxed-group .tabnav-tab {
- border-top: 0;
- border-radius: 0;
-}
-
-.boxed-group code.heading {
- font-size: 12px;
-}
-
-.boxed-group.dangerzone > h3 {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-danger-emphasis, var(--color-danger-emphasis));
- border: var(--borderWidth-thin) solid var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
-}
-
-.boxed-group.dangerzone .boxed-group-inner {
- border-top: 0;
-}
-
-.boxed-group.condensed > h3 {
- padding: 6px 6px 7px;
- font-size: 12px;
-}
-
-.boxed-group.condensed > h3 .octicon {
- padding: 0 6px 0 2px;
-}
-
-.dashboard-sidebar .boxed-group {
- margin-bottom: var(--base-size-20);
+.navbar-toggler:focus {
+ text-decoration: none;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem;
}
-.boxed-group .bleed-flush {
- width: 100%;
- padding: 0 10px;
- margin-left: -10px;
+.navbar-toggler-icon {
+ display: inline-block;
+ width: 1.5em;
+ height: 1.5em;
+ vertical-align: middle;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 100%;
}
-.boxed-group .compact {
- margin-top: 10px;
- margin-bottom: 10px;
+.navbar-nav-scroll {
+ max-height: var(--bs-scroll-height, 75vh);
+ overflow-y: auto;
}
-.boxed-group-inner {
- padding: 10px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- background: var(--bgColor-default, var(--color-canvas-default));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+@media (min-width: 576px) {
+ .navbar-expand-sm {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-sm .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-sm .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-sm .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-sm .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-sm .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-sm .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-sm .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-sm .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-sm .offcanvas-top,
+ .navbar-expand-sm .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-sm .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.boxed-group-inner .markdown-body {
- padding: var(--base-size-20) 10px 10px;
- font-size: 13px;
+@media (min-width: 768px) {
+ .navbar-expand-md {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-md .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-md .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-md .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-md .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-md .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-md .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-md .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-md .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-md .offcanvas-top,
+ .navbar-expand-md .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-md .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.boxed-group-inner.markdown-body {
- padding-top: 10px;
- padding-bottom: 10px;
-}
-
-.boxed-group-inner.seamless {
- padding: 0;
-}
-
-.boxed-group-inner .tabnav {
- padding-right: 10px;
- padding-left: 10px;
- margin-right: -10px;
- margin-left: -10px;
-}
-
-.boxed-group-inner .tabnav-tab.selected {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
-}
-
-.boxed-action {
- float: right;
- margin-left: 10px;
-}
-
-.boxed-action .boxed-action {
- float: none;
- margin-left: 0;
-}
-
-.boxed-group-action {
- position: relative;
- z-index: 2;
- float: right;
- margin: 5px 10px 0 0;
-}
-
-.boxed-group-action.flush {
- margin-top: 0;
- margin-right: 0;
-}
-
-.field-with-errors {
- display: inline;
-}
-
-.boxed-group-list {
- margin: 0;
- list-style: none;
-}
-
-.boxed-group-list:first-child > li:first-child {
- border-top: 0;
-}
-
-.boxed-group-list > li {
- display: block;
- padding: 5px 10px;
- margin-right: -10px;
- margin-left: -10px;
- line-height: 23px;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
-}
-
-.boxed-group-list > li:first-child {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
-}
-
-.boxed-group-list > li:last-of-type {
- border-bottom: 0;
-}
-
-.boxed-group-list > li.selected {
- background: var(--bgColor-success-muted, var(--color-success-subtle));
-}
-
-.boxed-group-list > li.approved .btn-sm,
-.boxed-group-list > li.rejected .btn-sm {
- display: none;
-}
-
-.boxed-group-list > li.rejected a {
- text-decoration: line-through;
-}
-
-.boxed-group-list > li .avatar {
- margin-top: -2px;
- margin-right: var(--base-size-4);
-}
-
-.boxed-group-list > li .octicon {
- width: 24px;
- margin-right: var(--base-size-4);
-}
-
-.boxed-group-list > li .btn-sm {
- float: right;
- margin: -1px 0 0 10px;
-}
-
-.boxed-group-list > li .BtnGroup {
- float: right;
-}
-
-.boxed-group-list > li .BtnGroup .btn-sm {
- float: left;
-}
-
-.boxed-group.flush .boxed-group-list li {
- width: auto;
- padding-right: 0;
- padding-left: 0;
- margin-left: 0;
-}
-
-.boxed-group-list.standalone {
- margin-top: -1px;
-}
-
-.boxed-group-list.standalone > li:first-child {
- border-top: 0;
-}
-
-.boxed-group-table {
- width: 100%;
- text-align: left;
-}
-
-.boxed-group-table tr:last-child td {
- border-bottom: 0;
-}
-
-.boxed-group-table th {
- padding: 9px;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.boxed-group-table td {
- padding: 9px;
- vertical-align: top;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.ajax-error-message {
- position: fixed;
- top: 0;
- left: 50%;
- z-index: 9999;
- width: 974px;
- margin: 0 3px;
- margin-left: -487px;
- transition: top 0.5s ease-in-out;
-}
-
-.ajax-error-message > .octicon-alert {
- vertical-align: text-top;
-}
-
-.container {
- width: 980px;
- margin-right: auto;
- margin-left: auto;
-}
-
-.container::before {
- display: table;
- content: '';
-}
-
-.container::after {
- display: table;
- clear: both;
- content: '';
-}
-
-.draft.octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.closed.octicon,
-.reverted.octicon {
- color: var(--fgColor-closed, var(--color-closed-fg));
-}
-
-.open.octicon {
- color: var(--fgColor-open, var(--color-open-fg));
-}
-
-.closed.octicon.octicon-issue-closed,
-.merged.octicon {
- color: var(--fgColor-done, var(--color-done-fg));
-}
-
-.progress-bar {
- display: block;
- height: 15px;
- overflow: hidden;
- background-color: var(--borderColor-muted, var(--color-border-muted));
- border-radius: var(--borderRadius-medium);
-}
-
-.progress-bar .progress {
- display: block;
- height: 100%;
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
-}
-
-.reverse-progress-container {
- position: relative;
- height: 3px;
- background-color: var(--borderColor-muted, var(--color-border-muted));
- background-image: linear-gradient(
- to right,
- var(--bgColor-success-emphasis, var(--color-success-emphasis)),
- var(--bgColor-accent-emphasis, var(--color-accent-emphasis)),
- var(--bgColor-done-emphasis, var(--color-done-emphasis)),
- var(--bgColor-danger-emphasis, var(--color-danger-emphasis)),
- var(--bgColor-severe-emphasis, var(--color-severe-emphasis))
- );
- background-size: 100% 3px;
-}
-
-.reverse-progress-bar {
- position: absolute;
- right: 0;
- height: 100%;
- background-color: var(--borderColor-muted, var(--color-border-muted));
-}
-
-.progress-bar-small {
- height: 10px;
-}
-
-.select-menu-button::after {
- display: inline-block;
- width: 0;
- height: 0;
- vertical-align: -2px;
- content: '';
- border: var(--borderWidth-thicker) solid;
- border-right-color: transparent;
- border-bottom-color: transparent;
- border-left-color: transparent;
-}
-
-.select-menu-button.icon-only {
- padding-left: 7px;
-}
-
-.select-menu-button.primary::after {
- border-top-color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
-}
-
-.select-menu-button.primary::after:active {
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
-}
-
-.select-menu-button-large::after {
- margin-left: 0.25em;
- border-width: 0.33em;
-}
-
-.select-menu .spinner {
- float: left;
- margin: var(--base-size-4) 0 0 calc(var(--base-size-24) * -1);
-}
-
-.select-menu.active .select-menu-modal-holder {
- display: block;
-}
-
-.select-menu.select-menu-modal-right {
- position: relative;
-}
-
-.select-menu.select-menu-modal-right .select-menu-modal-holder {
- right: 0;
-}
-
-.select-menu .select-menu-clear-item {
- display: block;
-}
-
-.select-menu .select-menu-clear-item .octicon {
- color: inherit;
-}
-
-.select-menu .select-menu-clear-item + .select-menu-no-results {
- display: none !important;
-}
-
-.select-menu.is-loading .select-menu-loading-overlay {
- display: block;
-}
-
-.select-menu.is-loading .select-menu-modal {
- min-height: 200px;
-}
-
-.select-menu.has-error .select-menu-error {
- display: block;
-}
-
-.select-menu-error {
- display: none;
-}
-
-.select-menu-loading-overlay {
- position: absolute;
- top: 0;
- z-index: 5;
- display: none;
- width: 100%;
- height: 100%;
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- border: var(--borderWidth-thin) solid transparent;
- border-radius: 5px;
-}
-
-.select-menu-modal-holder {
- position: absolute;
- z-index: 30;
- display: none;
-}
-
-.select-menu-modal {
- position: relative;
- width: 300px;
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-20);
- overflow: hidden;
- font-size: 12px;
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- background-clip: padding-box;
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
- box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
-}
-
-.select-menu-header,
-.select-menu-divider {
- padding: var(--base-size-8) 10px;
- line-height: 16px;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-header .select-menu-title,
-.select-menu-divider {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-divider {
- margin-top: -1px;
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-header .close-button,
-.select-menu-header .octicon {
- display: block;
- float: right;
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: pointer;
-}
-
-.select-menu-header .close-button:hover,
-.select-menu-header .octicon:hover {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-header:focus {
- outline: none;
-}
-
-.select-menu-filters {
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
-
-.select-menu-text-filter {
- padding: 10px 10px 0;
-}
-
-.select-menu-text-filter:first-child:last-child {
- padding-bottom: 10px;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-text-filter input {
- display: block;
- width: 100%;
- max-width: 100%;
- padding: 5px;
- border: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
- border-radius: var(--borderRadius-medium);
-}
-
-.select-menu-text-filter input::placeholder {
- color: var(--fgColor-muted, var(--color-fg-subtle));
-}
-
-.select-menu-tabs {
- padding: 10px 10px 0;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-tabs ul {
- position: relative;
- bottom: -1px;
-}
-
-.select-menu-tabs .select-menu-tab {
- display: inline-block;
-}
-
-.select-menu-tabs a,
-.select-menu-tabs .select-menu-tab-nav {
- display: inline-block;
- padding: var(--base-size-4) var(--base-size-8) 2px;
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
- text-decoration: none;
- cursor: pointer;
- background: transparent;
- border: var(--borderWidth-thin) solid transparent;
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
-}
-
-.select-menu-tabs a:hover,
-.select-menu-tabs .select-menu-tab-nav:hover {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-tabs a[aria-selected='true'],
-.select-menu-tabs a.selected,
-.select-menu-tabs .select-menu-tab-nav[aria-selected='true'],
-.select-menu-tabs .select-menu-tab-nav.selected {
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- border-color: var(--borderColor-muted, var(--color-border-muted));
- border-bottom-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
-
-.select-menu-list {
- position: relative;
- max-height: 400px;
- overflow: auto;
-}
-
-.select-menu-list.is-showing-new-item-form .select-menu-new-item-form {
- display: block;
-}
-
-.select-menu-list.is-showing-new-item-form .select-menu-no-results,
-.select-menu-list.is-showing-new-item-form .select-menu-clear-item {
- display: none;
-}
-
-.select-menu-blankslate {
- padding: var(--base-size-16);
- text-align: center;
-}
-
-.select-menu-blankslate svg {
- display: block;
- margin-right: auto;
- margin-bottom: 9px;
- margin-left: auto;
- fill: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-blankslate h3 {
- font-size: 14px;
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.select-menu-blankslate p {
- width: 195px;
- margin-right: auto;
- margin-bottom: 0;
- margin-left: auto;
-}
-
-.select-menu-item {
- display: block;
- padding: var(--base-size-8) var(--base-size-8) var(--base-size-8) 30px;
- overflow: hidden;
- color: inherit;
- cursor: pointer;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.select-menu-item .select-menu-item-text .octicon-x {
- display: none;
- float: right;
- margin: 1px 10px 0 0;
- opacity: 0.6;
-}
-
-.select-menu-item:hover {
- text-decoration: none;
-}
-
-.select-menu-item.disabled,
-.select-menu-item[disabled],
-.select-menu-item[aria-disabled='true'],
-.select-menu-item.disabled.selected {
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: default;
-}
-
-.select-menu-item.disabled .description,
-.select-menu-item[disabled] .description,
-.select-menu-item[aria-disabled='true'] .description,
-.select-menu-item.disabled.selected .description {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-item.disabled.opaque,
-.select-menu-item[disabled].opaque,
-.select-menu-item[aria-disabled='true'].opaque,
-.select-menu-item.disabled.selected.opaque {
- opacity: 0.7;
-}
-
-.select-menu-item.disabled .select-menu-item-gravatar,
-.select-menu-item[disabled] .select-menu-item-gravatar,
-.select-menu-item[aria-disabled='true'] .select-menu-item-gravatar,
-.select-menu-item.disabled.selected .select-menu-item-gravatar {
- opacity: 0.5;
-}
-
-.select-menu-item .octicon {
- vertical-align: middle;
-}
-
-.select-menu-item .octicon-check,
-.select-menu-item .octicon-circle-slash,
-.select-menu-item input[type='radio']:not(:checked) + .octicon-check,
-.select-menu-item input[type='radio']:not(:checked) + .octicon-circle-slash {
- visibility: hidden;
-}
-
-.select-menu-item.selected .octicon-circle-slash.select-menu-item-icon {
- color: var(--fgColor-muted, var(--color-fg-muted)) !important;
-}
-
-.select-menu-item .octicon-circle-slash {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-item.excluded {
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
-}
-
-.select-menu-item input[type='radio'] {
- display: none;
-}
-
-.select-menu-item:focus {
- outline: none;
-}
-
-.select-menu-item:focus .octicon,
-.select-menu-item:hover .octicon {
- color: inherit !important;
-}
-
-.select-menu-item:hover,
-.select-menu-item:hover.selected,
-.select-menu-item:hover.select-menu-action,
-.select-menu-item:hover .description-inline,
-.select-menu-item:focus,
-.select-menu-item:focus.selected,
-.select-menu-item:focus.select-menu-action,
-.select-menu-item:focus .description-inline,
-.select-menu-item.navigation-focus,
-.select-menu-item.navigation-focus.selected,
-.select-menu-item.navigation-focus.select-menu-action,
-.select-menu-item.navigation-focus .description-inline,
-.select-menu-item.navigation-focus[aria-checked='true'],
-.select-menu-item[aria-checked='true']:focus,
-.select-menu-item[aria-checked='true']:hover,
-.select-menu-item[aria-selected='true']:hover,
-.select-menu-item[aria-selected='true']:focus,
-.select-menu-item[aria-selected='true'].select-menu-action,
-.select-menu-item[aria-selected='true'] .description-inline {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
-}
-
-.select-menu-item:hover > .octicon,
-.select-menu-item:hover.selected > .octicon,
-.select-menu-item:hover.select-menu-action > .octicon,
-.select-menu-item:hover .description-inline > .octicon,
-.select-menu-item:focus > .octicon,
-.select-menu-item:focus.selected > .octicon,
-.select-menu-item:focus.select-menu-action > .octicon,
-.select-menu-item:focus .description-inline > .octicon,
-.select-menu-item.navigation-focus > .octicon,
-.select-menu-item.navigation-focus.selected > .octicon,
-.select-menu-item.navigation-focus.select-menu-action > .octicon,
-.select-menu-item.navigation-focus .description-inline > .octicon,
-.select-menu-item.navigation-focus[aria-checked='true'] > .octicon,
-.select-menu-item[aria-checked='true']:focus > .octicon,
-.select-menu-item[aria-checked='true']:hover > .octicon,
-.select-menu-item[aria-selected='true']:hover > .octicon,
-.select-menu-item[aria-selected='true']:focus > .octicon,
-.select-menu-item[aria-selected='true'].select-menu-action > .octicon,
-.select-menu-item[aria-selected='true'] .description-inline > .octicon {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
-}
-
-.select-menu-item:hover .description,
-.select-menu-item:hover .description-warning,
-.select-menu-item:hover.selected .description,
-.select-menu-item:hover.selected .description-warning,
-.select-menu-item:hover.select-menu-action .description,
-.select-menu-item:hover.select-menu-action .description-warning,
-.select-menu-item:hover .description-inline .description,
-.select-menu-item:hover .description-inline .description-warning,
-.select-menu-item:focus .description,
-.select-menu-item:focus .description-warning,
-.select-menu-item:focus.selected .description,
-.select-menu-item:focus.selected .description-warning,
-.select-menu-item:focus.select-menu-action .description,
-.select-menu-item:focus.select-menu-action .description-warning,
-.select-menu-item:focus .description-inline .description,
-.select-menu-item:focus .description-inline .description-warning,
-.select-menu-item.navigation-focus .description,
-.select-menu-item.navigation-focus .description-warning,
-.select-menu-item.navigation-focus.selected .description,
-.select-menu-item.navigation-focus.selected .description-warning,
-.select-menu-item.navigation-focus.select-menu-action .description,
-.select-menu-item.navigation-focus.select-menu-action .description-warning,
-.select-menu-item.navigation-focus .description-inline .description,
-.select-menu-item.navigation-focus .description-inline .description-warning,
-.select-menu-item.navigation-focus[aria-checked='true'] .description,
-.select-menu-item.navigation-focus[aria-checked='true'] .description-warning,
-.select-menu-item[aria-checked='true']:focus .description,
-.select-menu-item[aria-checked='true']:focus .description-warning,
-.select-menu-item[aria-checked='true']:hover .description,
-.select-menu-item[aria-checked='true']:hover .description-warning,
-.select-menu-item[aria-selected='true']:hover .description,
-.select-menu-item[aria-selected='true']:hover .description-warning,
-.select-menu-item[aria-selected='true']:focus .description,
-.select-menu-item[aria-selected='true']:focus .description-warning,
-.select-menu-item[aria-selected='true'].select-menu-action .description,
-.select-menu-item[aria-selected='true'].select-menu-action .description-warning,
-.select-menu-item[aria-selected='true'] .description-inline .description,
-.select-menu-item[aria-selected='true'] .description-inline .description-warning {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
-}
-
-.select-menu-item:hover.disabled,
-.select-menu-item[disabled]:hover,
-.select-menu-item[aria-disabled='true']:hover,
-.select-menu-item[aria-selected='true'].disabled,
-.select-menu-item.navigation-focus.disabled {
- color: var(--fgColor-muted, var(--color-fg-muted));
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
-
-.select-menu-item:hover.disabled .description,
-.select-menu-item[disabled]:hover .description,
-.select-menu-item[aria-disabled='true']:hover .description,
-.select-menu-item[aria-selected='true'].disabled .description,
-.select-menu-item.navigation-focus.disabled .description {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.select-menu-item > .octicon-dash {
- display: none;
-}
-
-.select-menu-item[aria-checked='mixed'] > .octicon-check {
- display: none;
-}
-
-.select-menu-item[aria-checked='mixed'] > .octicon-dash {
- display: block;
-}
-
-.select-menu-item input:checked + .octicon-check {
- color: inherit;
- visibility: visible;
-}
-
-details-menu .select-menu-item[aria-checked='true'],
-details-menu .select-menu-item[aria-selected='true'],
-.select-menu-item.selected {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-details-menu .select-menu-item[aria-checked='true'] .description,
-details-menu .select-menu-item[aria-selected='true'] .description,
-.select-menu-item.selected .description {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-details-menu .select-menu-item[aria-checked='true'] > .octicon,
-details-menu .select-menu-item[aria-selected='true'] > .octicon,
-.select-menu-item.selected > .octicon {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-details-menu .select-menu-item[aria-checked='true'] .octicon-check,
-details-menu .select-menu-item[aria-checked='true'] .octicon-circle-slash,
-details-menu .select-menu-item[aria-selected='true'] .octicon-check,
-details-menu .select-menu-item[aria-selected='true'] .octicon-circle-slash,
-.select-menu-item.selected .octicon-check,
-.select-menu-item.selected .octicon-circle-slash {
- color: inherit;
- visibility: visible;
-}
-
-details-menu .select-menu-item[aria-checked='true'] .select-menu-item-text .octicon-x,
-details-menu .select-menu-item[aria-selected='true'] .select-menu-item-text .octicon-x,
-.select-menu-item.selected .select-menu-item-text .octicon-x {
- display: block;
- color: inherit;
-}
-
-.select-menu.label-select-menu .select-menu-item:active {
- background-color: transparent !important;
-}
-
-.select-menu-item:hover .Label,
-.select-menu-item:focus .Label {
- color: inherit;
- border-color: currentColor;
-}
-
-.select-menu-item a {
- color: inherit;
- text-decoration: none;
+@media (min-width: 992px) {
+ .navbar-expand-lg {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-lg .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-lg .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-lg .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-lg .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-lg .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-lg .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-lg .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-lg .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-lg .offcanvas-top,
+ .navbar-expand-lg .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-lg .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.select-menu-item .hidden-select-button-text {
- display: none;
+@media (min-width: 1200px) {
+ .navbar-expand-xl {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xl .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-xl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xl .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-xl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xl .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-xl .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-xl .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-xl .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-xl .offcanvas-top,
+ .navbar-expand-xl .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-xl .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.select-menu-item .css-truncate-target {
- max-width: 100%;
+@media (min-width: 1400px) {
+ .navbar-expand-xxl {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xxl .navbar-nav {
+ flex-direction: row;
+ }
+ .navbar-expand-xxl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xxl .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-xxl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xxl .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
+ }
+ .navbar-expand-xxl .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-xxl .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-xxl .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
+ }
+ .navbar-expand-xxl .offcanvas-top,
+ .navbar-expand-xxl .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
+ }
+ .navbar-expand-xxl .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
}
-
-.select-menu-item-icon {
- float: left;
- margin-left: -20px;
+.navbar-expand {
+ flex-wrap: nowrap;
+ justify-content: flex-start;
}
-
-form.select-menu-item > div:first-child {
- display: none !important;
+.navbar-expand .navbar-nav {
+ flex-direction: row;
}
-
-.select-menu-list:last-child .select-menu-item:last-child,
-.select-menu-item.last-visible {
- border-bottom: 0;
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
+.navbar-expand .navbar-nav .dropdown-menu {
+ position: absolute;
}
-
-.select-menu-action {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-default, var(--color-fg-default));
+.navbar-expand .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
}
-
-.select-menu-action > .octicon {
- color: inherit;
+.navbar-expand .navbar-nav-scroll {
+ overflow: visible;
}
-
-.select-menu-action:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.navbar-expand .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
}
-
-.select-menu-no-results {
+.navbar-expand .navbar-toggler {
display: none;
- padding: 9px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: auto;
-}
-
-.select-menu-list.filterable-empty .select-menu-no-results,
-.select-menu-no-results:only-child {
- display: block;
-}
-
-.select-menu-button-gravatar,
-.select-menu-item-gravatar {
- width: 20px;
- overflow: hidden;
- line-height: 0;
-}
-
-.select-menu-button-gravatar img,
-.select-menu-item-gravatar img {
- display: inline-block;
- width: 20px;
- height: 20px;
- border-radius: var(--borderRadius-medium);
}
-
-.select-menu-item-gravatar {
- float: left;
- width: 20px;
- height: 20px;
- margin-right: var(--base-size-8);
- border-radius: var(--borderRadius-medium);
+.navbar-expand .offcanvas-header {
+ display: none;
}
-
-.select-menu-button-gravatar {
- float: left;
- margin-right: 5px;
+.navbar-expand .offcanvas {
+ position: inherit;
+ bottom: 0;
+ z-index: 1000;
+ flex-grow: 1;
+ visibility: visible !important;
+ background-color: transparent;
+ border-right: 0;
+ border-left: 0;
+ transition: none;
+ transform: none;
}
-
-.select-menu-item-text {
- display: block;
- text-align: left;
+.navbar-expand .offcanvas-top,
+.navbar-expand .offcanvas-bottom {
+ height: auto;
+ border-top: 0;
+ border-bottom: 0;
}
-
-.select-menu-item-text .description {
- display: block;
- max-width: 265px;
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.navbar-expand .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
}
-.select-menu-item-text .description-inline {
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.navbar-light .navbar-brand {
+ color: rgba(0, 0, 0, 0.9);
}
-
-.select-menu-item-text .description-warning {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.navbar-light .navbar-brand:hover,
+.navbar-light .navbar-brand:focus {
+ color: rgba(0, 0, 0, 0.9);
}
-
-.select-menu-item-text mark {
- font-weight: var(--base-text-weight-semibold, 600);
- color: inherit;
- background-color: inherit;
+.navbar-light .navbar-nav .nav-link {
+ color: rgba(0, 0, 0, 0.55);
}
-
-.select-menu-item-heading {
- display: block;
- margin-top: 0;
- margin-bottom: 0;
- font-size: 14px;
- font-weight: var(--base-text-weight-semibold, 600);
+.navbar-light .navbar-nav .nav-link:hover,
+.navbar-light .navbar-nav .nav-link:focus {
+ color: rgba(0, 0, 0, 0.7);
}
-
-.select-menu-item-heading .description {
- display: inline;
- font-weight: var(--base-text-weight-normal, 400);
+.navbar-light .navbar-nav .nav-link.disabled {
+ color: rgba(0, 0, 0, 0.3);
}
-
-.select-menu-new-item-form {
- display: none;
+.navbar-light .navbar-nav .show > .nav-link,
+.navbar-light .navbar-nav .nav-link.active {
+ color: rgba(0, 0, 0, 0.9);
}
-
-.select-menu-new-item-form .octicon {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.navbar-light .navbar-toggler {
+ color: rgba(0, 0, 0, 0.55);
+ border-color: rgba(0, 0, 0, 0.1);
}
-
-.table-list {
- display: table;
- width: 100%;
- color: var(--fgColor-muted, var(--color-fg-muted));
- table-layout: fixed;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-light .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
-
-.table-list ol {
- list-style-type: decimal;
+.navbar-light .navbar-text {
+ color: rgba(0, 0, 0, 0.55);
}
-
-.table-list-bordered {
- border-bottom-color: var(--borderColor-default, var(--color-border-default));
+.navbar-light .navbar-text a,
+.navbar-light .navbar-text a:hover,
+.navbar-light .navbar-text a:focus {
+ color: rgba(0, 0, 0, 0.9);
}
-.table-list-bordered .table-list-cell:first-child {
- border-left: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-dark .navbar-brand {
+ color: #fff;
}
-
-.table-list-bordered .table-list-cell:last-child {
- border-right: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-dark .navbar-brand:hover,
+.navbar-dark .navbar-brand:focus {
+ color: #fff;
}
-
-.table-list-item {
- position: relative;
- display: table-row;
- list-style: none;
+.navbar-dark .navbar-nav .nav-link {
+ color: rgba(255, 255, 255, 0.55);
}
-
-.table-list-item.unread .table-list-cell:first-child {
- box-shadow: 2px 0 0 var(--borderColor-accent-emphasis, var(--color-accent-emphasis)) inset;
+.navbar-dark .navbar-nav .nav-link:hover,
+.navbar-dark .navbar-nav .nav-link:focus {
+ color: rgba(255, 255, 255, 0.75);
}
-
-.table-list-cell {
- position: relative;
- display: table-cell;
- padding: var(--base-size-8) 10px;
- font-size: 12px;
- vertical-align: top;
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.navbar-dark .navbar-nav .nav-link.disabled {
+ color: rgba(255, 255, 255, 0.25);
}
-
-.table-list-cell.flush-left {
- padding-left: 0;
+.navbar-dark .navbar-nav .show > .nav-link,
+.navbar-dark .navbar-nav .nav-link.active {
+ color: #fff;
}
-
-.table-list-cell.flush-right {
- padding-right: 0;
+.navbar-dark .navbar-toggler {
+ color: rgba(255, 255, 255, 0.55);
+ border-color: rgba(255, 255, 255, 0.1);
}
-
-.table-list-header {
- position: relative;
- margin-top: var(--base-size-20);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.navbar-dark .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
-
-.table-list-header::before {
- display: table;
- content: '';
+.navbar-dark .navbar-text {
+ color: rgba(255, 255, 255, 0.55);
}
-
-.table-list-header::after {
- display: table;
- clear: both;
- content: '';
+.navbar-dark .navbar-text a,
+.navbar-dark .navbar-text a:hover,
+.navbar-dark .navbar-text a:focus {
+ color: #fff;
}
-.table-list-header .btn-link {
+.card {
position: relative;
- display: inline-block;
- padding-top: 13px;
- padding-bottom: 13px;
- font-weight: var(--base-text-weight-normal, 400);
-}
-
-.table-list-heading {
- margin-left: 10px;
-}
-
-.table-list-header-meta {
- display: inline-block;
- padding-top: 13px;
- padding-bottom: 13px;
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.table-list-header-toggle h4 {
- padding: var(--base-size-12) 0;
+ display: flex;
+ flex-direction: column;
+ min-width: 0;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: border-box;
+ border: 1px solid rgba(0, 0, 0, 0.125);
+ border-radius: 0.25rem;
}
-
-.table-list-filters:first-child .table-list-header-toggle:first-child {
- padding-left: var(--base-size-16);
+.card > hr {
+ margin-right: 0;
+ margin-left: 0;
}
-
-.table-list-header-toggle.states .selected {
- font-weight: var(--base-text-weight-semibold, 600);
+.card > .list-group {
+ border-top: inherit;
+ border-bottom: inherit;
}
-
-.table-list-header-toggle .btn-link {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.card > .list-group:first-child {
+ border-top-width: 0;
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-
-.table-list-header-toggle .btn-link .octicon {
- margin-right: var(--base-size-4);
+.card > .list-group:last-child {
+ border-bottom-width: 0;
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
}
-
-.table-list-header-toggle .btn-link:hover {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
+.card > .card-header + .list-group,
+.card > .list-group + .card-footer {
+ border-top: 0;
}
-.table-list-header-toggle .btn-link.selected,
-.table-list-header-toggle .btn-link.selected:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.card-body {
+ flex: 1 1 auto;
+ padding: 1rem 1rem;
}
-.table-list-header-toggle .btn-link + .btn-link {
- margin-left: 10px;
+.card-title {
+ margin-bottom: 0.5rem;
}
-.table-list-header-toggle .btn-link:disabled,
-.table-list-header-toggle .btn-link.disabled {
- pointer-events: none;
- opacity: 0.5;
+.card-subtitle {
+ margin-top: -0.25rem;
+ margin-bottom: 0;
}
-.table-list-header-toggle .select-menu {
- position: relative;
+.card-text:last-child {
+ margin-bottom: 0;
}
-.table-list-header-toggle .select-menu-item[aria-checked='true'],
-.table-list-header-toggle .select-menu-item.selected {
- font-weight: var(--base-text-weight-semibold, 600);
+.card-link + .card-link {
+ margin-left: 1rem;
}
-.table-list-header-toggle .select-menu-button {
- padding-right: 15px;
- padding-left: 15px;
+.card-header {
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.table-list-header-toggle .select-menu-button:hover,
-.table-list-header-toggle .select-menu-button.selected,
-.table-list-header-toggle .select-menu-button.selected:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.card-header:first-child {
+ border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
-.table-list-header-toggle .select-menu-modal-holder {
- right: 10px;
+.card-footer {
+ padding: 0.5rem 1rem;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-top: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.table-list-header-toggle .select-menu-modal-holder .select-menu-modal {
- margin-top: -1px;
+.card-footer:last-child {
+ border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
-.table-list-header-next {
- margin-top: var(--base-size-20);
- margin-bottom: -1px;
+.card-header-tabs {
+ margin-right: -0.5rem;
+ margin-bottom: -0.5rem;
+ margin-left: -0.5rem;
+ border-bottom: 0;
}
-.table-list-header-next .table-list-header-select-all {
- padding-left: 14px;
+.card-header-pills {
+ margin-right: -0.5rem;
+ margin-left: -0.5rem;
}
-.table-list-header-next .select-all-dropdown {
- padding-top: 10px;
- padding-bottom: 10px;
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: 1rem;
+ border-radius: calc(0.25rem - 1px);
}
-.table-list-triage {
- display: none;
+.card-img,
+.card-img-top,
+.card-img-bottom {
+ width: 100%;
}
-.triage-mode .table-list-filters {
- display: none !important;
+.card-img,
+.card-img-top {
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-.triage-mode .table-list-triage {
- display: block;
+.card-img,
+.card-img-bottom {
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
}
-.breadcrumb {
- font-size: 16px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.card-group > .card {
+ margin-bottom: 0.75rem;
}
-
-.breadcrumb .separator {
- white-space: pre-wrap;
+@media (min-width: 576px) {
+ .card-group {
+ display: flex;
+ flex-flow: row wrap;
+ }
+ .card-group > .card {
+ flex: 1 0 0%;
+ margin-bottom: 0;
+ }
+ .card-group > .card + .card {
+ margin-left: 0;
+ border-left: 0;
+ }
+ .card-group > .card:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-top,
+ .card-group > .card:not(:last-child) .card-header {
+ border-top-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-bottom,
+ .card-group > .card:not(:last-child) .card-footer {
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-top,
+ .card-group > .card:not(:first-child) .card-header {
+ border-top-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-bottom,
+ .card-group > .card:not(:first-child) .card-footer {
+ border-bottom-left-radius: 0;
+ }
}
-.breadcrumb .separator::before,
-.breadcrumb .separator::after {
- content: ' ';
+.accordion-button {
+ position: relative;
+ display: flex;
+ align-items: center;
+ width: 100%;
+ padding: 1rem 1.25rem;
+ font-size: 1rem;
+ color: #212529;
+ text-align: left;
+ background-color: #fff;
+ border: 0;
+ border-radius: 0;
+ overflow-anchor: none;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
-
-.breadcrumb strong.final-path {
- color: var(--fgColor-default, var(--color-fg-default));
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button {
+ transition: none;
+ }
}
-
-.capped-card-content {
- display: block;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
+.accordion-button:not(.collapsed) {
+ color: #0c63e4;
+ background-color: #e7f1ff;
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
-
-.capped-card-content::before {
- display: table;
- content: '';
+.accordion-button:not(.collapsed)::after {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ transform: rotate(-180deg);
}
-
-.capped-card-content::after {
- display: table;
- clear: both;
+.accordion-button::after {
+ flex-shrink: 0;
+ width: 1.25rem;
+ height: 1.25rem;
+ margin-left: auto;
content: '';
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-size: 1.25rem;
+ transition: transform 0.2s ease-in-out;
}
-
-.collapsible-sidebar-widget-button {
- display: flex;
- padding: 0;
- align-items: center;
- background-color: transparent;
- border: 0;
- justify-content: space-between;
-}
-
-.collapsible-sidebar-widget-indicator {
- transition: transform 0.25s;
- transform: translate(0, 0) translate3d(0, 0, 0);
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button::after {
+ transition: none;
+ }
}
-
-.collapsible-sidebar-widget-loader {
- display: none;
- visibility: hidden;
- opacity: 0;
- transition: opacity 0.25s;
- animation-play-state: paused;
+.accordion-button:hover {
+ z-index: 2;
}
-
-.collapsible-sidebar-widget-content {
- width: 100%;
- max-height: 0;
- overflow: hidden;
- opacity: 0;
- transition: max-height 0.25s ease-in-out, opacity 0.25s ease-in-out;
+.accordion-button:focus {
+ z-index: 3;
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-.collapsible-sidebar-widget-loading .collapsible-sidebar-widget-indicator {
- display: none;
+.accordion-header {
+ margin-bottom: 0;
}
-.collapsible-sidebar-widget-loading .collapsible-sidebar-widget-loader {
- display: block;
- visibility: visible;
- opacity: 1;
- animation-play-state: running;
+.accordion-item {
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-content {
- max-height: 100%;
- overflow: visible;
- opacity: 1;
+.accordion-item:first-of-type {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-indicator {
- display: block;
- transform: rotate(180deg);
+.accordion-item:first-of-type .accordion-button {
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-loader {
- display: none;
- visibility: hidden;
- opacity: 0;
+.accordion-item:not(:first-of-type) {
+ border-top: 0;
}
-
-.collapsible-sidebar-widget-active .collapsible-sidebar-widget-active-hidden {
- display: none;
- opacity: 0;
+.accordion-item:last-of-type {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
}
-
-.comment .email-format {
- line-height: 1.5;
+.accordion-item:last-of-type .accordion-button.collapsed {
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
}
-
-.previewable-edit .previewable-comment-form {
- display: none;
+.accordion-item:last-of-type .accordion-collapse {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
}
-.previewable-edit .previewable-comment-form::before {
- display: table;
- content: '';
+.accordion-body {
+ padding: 1rem 1.25rem;
}
-.previewable-edit .previewable-comment-form::after {
- display: table;
- clear: both;
- content: '';
+.accordion-flush .accordion-collapse {
+ border-width: 0;
}
-
-.previewable-edit .previewable-comment-form .tabnav-tabs {
- display: inline-block;
+.accordion-flush .accordion-item {
+ border-right: 0;
+ border-left: 0;
+ border-radius: 0;
}
-
-.previewable-edit .previewable-comment-form .form-actions {
- float: right;
- margin-right: var(--base-size-8);
- margin-bottom: var(--base-size-8);
+.accordion-flush .accordion-item:first-child {
+ border-top: 0;
}
-
-.is-comment-editing .previewable-comment-form {
- display: block;
+.accordion-flush .accordion-item:last-child {
+ border-bottom: 0;
+}
+.accordion-flush .accordion-item .accordion-button {
+ border-radius: 0;
}
-.is-comment-editing .timeline-comment-actions,
-.is-comment-editing .edit-comment-hide {
- display: none;
+.breadcrumb {
+ display: flex;
+ flex-wrap: wrap;
+ padding: 0 0;
+ margin-bottom: 1rem;
+ list-style: none;
}
-.is-comment-loading .previewable-comment-form {
- opacity: 0.5;
+.breadcrumb-item + .breadcrumb-item {
+ padding-left: 0.5rem;
+}
+.breadcrumb-item + .breadcrumb-item::before {
+ float: left;
+ padding-right: 0.5rem;
+ color: #6c757d;
+ content: var(--bs-breadcrumb-divider, '/') /* rtl: var(--bs-breadcrumb-divider, "/") */;
+}
+.breadcrumb-item.active {
+ color: #6c757d;
}
-.comment-show-stale {
- display: none;
+.pagination {
+ display: flex;
+ padding-left: 0;
+ list-style: none;
}
-.is-comment-stale .comment-show-stale {
+.page-link {
+ position: relative;
display: block;
+ color: #0d6efd;
+ text-decoration: none;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
}
-
-.comment-body {
- width: 100%;
- padding: var(--base-size-16);
- overflow: visible;
- font-size: 14px;
- color: var(--fgColor-default, var(--color-fg-default));
+@media (prefers-reduced-motion: reduce) {
+ .page-link {
+ transition: none;
+ }
}
-
-.comment-body .highlight {
- overflow: visible !important;
- background-color: transparent;
+.page-link:hover {
+ z-index: 2;
+ color: #0a58ca;
+ background-color: #e9ecef;
+ border-color: #dee2e6;
}
-
-.comment-form-textarea {
- width: 100%;
- max-width: 100%;
- height: 100px;
- min-height: 100px;
- margin: 0;
- line-height: 1.6;
+.page-link:focus {
+ z-index: 3;
+ color: #0a58ca;
+ background-color: #e9ecef;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
-.comment-form-textarea.dragover {
- border: solid var(--borderWidth-thin) var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+.page-item:not(:first-child) .page-link {
+ margin-left: -1px;
}
-
-.hide-reaction-suggestion:hover::before,
-.hide-reaction-suggestion:hover::after,
-.hide-reaction-suggestion:active::before,
-.hide-reaction-suggestion:active::after {
- display: none;
+.page-item.active .page-link {
+ z-index: 3;
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.reaction-suggestion[data-reaction-suggestion-message]:hover::before,
-.reaction-suggestion[data-reaction-suggestion-message]:hover::after {
- display: inline-block;
+.page-item.disabled .page-link {
+ color: #6c757d;
+ pointer-events: none;
+ background-color: #fff;
+ border-color: #dee2e6;
}
-.reaction-suggestion[data-reaction-suggestion-message]::before,
-.reaction-suggestion[data-reaction-suggestion-message]::after {
- display: inline-block;
- text-decoration: none;
- animation-name: tooltip-appear;
- animation-duration: 0.1s;
- animation-fill-mode: forwards;
- animation-timing-function: ease-in;
- animation-delay: 0s;
+.page-link {
+ padding: 0.375rem 0.75rem;
}
-.reaction-suggestion[data-reaction-suggestion-message]::after {
- content: attr(data-reaction-suggestion-message);
+.page-item:first-child .page-link {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
}
-
-.discussion-topic-header {
- position: relative;
- padding: var(--base-size-8);
- word-wrap: break-word;
+.page-item:last-child .page-link {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
}
-.comment-form-error {
- padding: var(--base-size-16) var(--base-size-8);
- margin: var(--base-size-8);
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-danger-muted, var(--color-danger-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
- border-radius: var(--borderRadius-medium);
+.pagination-lg .page-link {
+ padding: 0.75rem 1.5rem;
+ font-size: 1.25rem;
}
-
-.email-format {
- line-height: 1.5em !important;
+.pagination-lg .page-item:first-child .page-link {
+ border-top-left-radius: 0.3rem;
+ border-bottom-left-radius: 0.3rem;
}
-
-.email-format div {
- white-space: pre-wrap;
+.pagination-lg .page-item:last-child .page-link {
+ border-top-right-radius: 0.3rem;
+ border-bottom-right-radius: 0.3rem;
}
-.email-format .email-hidden-reply {
- display: none;
- white-space: pre-wrap;
+.pagination-sm .page-link {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
}
-
-.email-format .email-hidden-reply.expanded {
- display: block;
+.pagination-sm .page-item:first-child .page-link {
+ border-top-left-radius: 0.2rem;
+ border-bottom-left-radius: 0.2rem;
}
-
-.email-format .email-quoted-reply,
-.email-format .email-signature-reply {
- padding: 0 var(--base-size-16);
- margin: var(--base-size-16) 0;
- color: var(--fgColor-muted, var(--color-fg-muted));
- border-left: var(--borderWidth-thicker) solid var(--borderColor-default, var(--color-border-default));
+.pagination-sm .page-item:last-child .page-link {
+ border-top-right-radius: 0.2rem;
+ border-bottom-right-radius: 0.2rem;
}
-.email-format .email-hidden-toggle a {
+.badge {
display: inline-block;
- height: 12px;
- padding: 0 var(--base-size-8);
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- line-height: 6px;
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
- vertical-align: middle;
- background: var(--bgColor-neutral-muted, var(--color-neutral-muted));
- border-radius: 1px;
+ padding: 0.35em 0.65em;
+ font-size: 0.75em;
+ font-weight: 700;
+ line-height: 1;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: 0.25rem;
}
-
-.email-format .email-hidden-toggle a:hover {
- background-color: var(--bgColor-accent-muted, var(--color-accent-muted));
+.badge:empty {
+ display: none;
}
-.email-format .email-hidden-toggle a:active {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.btn .badge {
+ position: relative;
+ top: -1px;
}
-.comment-email-format div {
- white-space: normal;
+.alert {
+ position: relative;
+ padding: 1rem 1rem;
+ margin-bottom: 1rem;
+ border: 1px solid transparent;
+ border-radius: 0.25rem;
}
-.comment-email-format .email-hidden-reply {
- display: none;
- white-space: normal;
+.alert-heading {
+ color: inherit;
}
-.comment-email-format .email-hidden-reply.expanded {
- display: block;
+.alert-link {
+ font-weight: 700;
}
-.comment-email-format blockquote,
-.comment-email-format p {
- margin: 0;
+.alert-dismissible {
+ padding-right: 3rem;
}
-
-.locked-conversation .write-tab,
-.locked-conversation .preview-tab {
- color: #c6cbd1;
+.alert-dismissible .btn-close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+ padding: 1.25rem 1rem;
}
-.write-tab:focus,
-.preview-tab:focus {
- outline-offset: -6px !important;
+.alert-primary {
+ color: #084298;
+ background-color: #cfe2ff;
+ border-color: #b6d4fe;
}
-
-.manual-file-chooser-transparent {
- min-height: 0;
- overflow: hidden;
- opacity: 0.01;
+.alert-primary .alert-link {
+ color: #06357a;
}
-.manual-file-chooser-transparent::-webkit-file-upload-button {
- cursor: pointer;
+.alert-secondary {
+ color: #41464b;
+ background-color: #e2e3e5;
+ border-color: #d3d6d8;
}
-
-.manual-file-chooser-transparent:focus {
- opacity: 1 !important;
+.alert-secondary .alert-link {
+ color: #34383c;
}
-.rich-diff clipboard-copy {
- display: none;
+.alert-success {
+ color: #0f5132;
+ background-color: #d1e7dd;
+ border-color: #badbcc;
}
-
-.css-overflow-wrap-anywhere {
- overflow-wrap: anywhere;
+.alert-success .alert-link {
+ color: #0c4128;
}
-.commit-sha {
- padding: 0.2em 0.4em;
- font-size: 90%;
- font-weight: var(--base-text-weight-normal, 400);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
- border-radius: 0.2em;
+.alert-info {
+ color: #055160;
+ background-color: #cff4fc;
+ border-color: #b6effb;
}
-
-.commit .commit-title,
-.commit .commit-title a {
- color: var(--fgColor-default, var(--color-fg-default));
+.alert-info .alert-link {
+ color: #04414d;
}
-.commit .commit-title.blank,
-.commit .commit-title.blank a {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.alert-warning {
+ color: #664d03;
+ background-color: #fff3cd;
+ border-color: #ffecb5;
}
-
-.commit .commit-title .issue-link {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-accent, var(--color-accent-fg));
+.alert-warning .alert-link {
+ color: #523e02;
}
-.commit .sha-block,
-.commit .sha {
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 12px;
+.alert-danger {
+ color: #842029;
+ background-color: #f8d7da;
+ border-color: #f5c2c7;
}
-
-.commit.open .commit-desc {
- display: block;
+.alert-danger .alert-link {
+ color: #6a1a21;
}
-.commit-link {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-accent, var(--color-accent-fg));
+.alert-light {
+ color: #636464;
+ background-color: #fefefe;
+ border-color: #fdfdfe;
}
-
-.commit-ref {
- position: relative;
- display: inline-block;
- padding: 0 var(--base-size-4);
- font: 0.85em/1.8
- var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-radius: var(--borderRadius-medium);
+.alert-light .alert-link {
+ color: #4f5050;
}
-.commit-ref .user {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.alert-dark {
+ color: #141619;
+ background-color: #d3d3d4;
+ border-color: #bcbebf;
}
-
-a.commit-ref:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.alert-dark .alert-link {
+ color: #101214;
}
-.commit-desc {
- display: none;
+@-webkit-keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
}
-.commit-desc pre {
- max-width: 700px;
- margin-top: var(--base-size-8);
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 11px;
- line-height: 1.45;
- color: var(--fgColor-default, var(--color-fg-default));
- white-space: pre-wrap;
+@keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
}
-
-.commit-desc + .commit-branches {
- padding-top: var(--base-size-8);
- margin-top: 2px;
- border-top: solid var(--borderWidth-thin) var(--borderColor-muted, var(--color-border-subtle));
+.progress {
+ display: flex;
+ height: 1rem;
+ overflow: hidden;
+ font-size: 0.75rem;
+ background-color: #e9ecef;
+ border-radius: 0.25rem;
}
-.commit-author-section {
- color: var(--fgColor-default, var(--color-fg-default));
+.progress-bar {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ overflow: hidden;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #0d6efd;
+ transition: width 0.6s ease;
}
-
-.commit-author-section span.user-mention {
- font-weight: var(--base-text-weight-normal, 400);
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar {
+ transition: none;
+ }
}
-.commit-tease-sha {
- display: inline-block;
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
+.progress-bar-striped {
+ background-image: linear-gradient(
+ 45deg,
+ rgba(255, 255, 255, 0.15) 25%,
+ transparent 25%,
+ transparent 50%,
+ rgba(255, 255, 255, 0.15) 50%,
+ rgba(255, 255, 255, 0.15) 75%,
+ transparent 75%,
+ transparent
);
- font-size: 90%;
- color: var(--fgColor-default, var(--color-fg-default));
+ background-size: 1rem 1rem;
}
-.commits-list-item[aria-selected='true'],
-.commits-list-item.navigation-focus {
- background: #f6fbff;
+.progress-bar-animated {
+ -webkit-animation: 1s linear infinite progress-bar-stripes;
+ animation: 1s linear infinite progress-bar-stripes;
}
-
-.commits-list-item .commit-title {
- margin: 0;
- font-size: 16px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar-animated {
+ -webkit-animation: none;
+ animation: none;
+ }
}
-.commits-list-item .commit-meta {
- margin-top: 1px;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group {
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ border-radius: 0.25rem;
}
-.commits-list-item .status .octicon {
- height: 14px;
- line-height: 14px;
+.list-group-numbered {
+ list-style-type: none;
+ counter-reset: section;
}
-
-.commits-list-item .commit-author {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group-numbered > li::before {
+ content: counters(section, '.') '. ';
+ counter-increment: section;
}
-.commits-list-item .octicon-arrow-right {
- margin: 0 var(--base-size-4);
+.list-group-item-action {
+ width: 100%;
+ color: #495057;
+ text-align: inherit;
}
-
-.commits-list-item .commit-desc pre {
- margin-top: var(--base-size-4);
- margin-bottom: var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group-item-action:hover,
+.list-group-item-action:focus {
+ z-index: 1;
+ color: #495057;
+ text-decoration: none;
+ background-color: #f8f9fa;
}
-
-.commits-list-item .commit-desc pre a {
- word-break: break-word;
+.list-group-item-action:active {
+ color: #212529;
+ background-color: #e9ecef;
}
-.commit-indicator {
- margin-left: var(--base-size-4);
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: 0.5rem 1rem;
+ color: #212529;
+ text-decoration: none;
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.125);
}
-
-.commit-links-group {
- margin-right: var(--base-size-4);
+.list-group-item:first-child {
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit;
}
-
-.commits-list-item + .commits-list-item {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.list-group-item:last-child {
+ border-bottom-right-radius: inherit;
+ border-bottom-left-radius: inherit;
}
-
-.commit-branches {
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
+.list-group-item.disabled,
+.list-group-item:disabled {
+ color: #6c757d;
+ pointer-events: none;
+ background-color: #fff;
}
-
-.commit-branches .octicon {
- vertical-align: middle;
+.list-group-item.active {
+ z-index: 2;
+ color: #fff;
+ background-color: #0d6efd;
+ border-color: #0d6efd;
}
-
-.commit-build-statuses {
- position: relative;
- display: inline-block;
- text-align: left;
+.list-group-item + .list-group-item {
+ border-top-width: 0;
}
-
-.commit-build-statuses .dropdown-menu {
- min-width: 362.6666666667px;
- max-width: 544px;
- padding-top: 0;
- padding-bottom: 0;
+.list-group-item + .list-group-item.active {
+ margin-top: -1px;
+ border-top-width: 1px;
}
-.commit-build-statuses .dropdown-menu .merge-status-list {
- max-height: 170px;
- visibility: visible;
- border-bottom: 0;
+.list-group-horizontal {
+ flex-direction: row;
}
-
-.commit-build-statuses .dropdown-menu-w,
-.commit-build-statuses .dropdown-menu-e {
- top: -11px;
+.list-group-horizontal > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
}
-
-.commit-build-statuses .merge-status-item:last-child {
- border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
+.list-group-horizontal > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
}
-
-.dropdown-signed-commit .dropdown-menu {
- width: 260px;
- margin-top: var(--base-size-8);
- font-size: 14px;
- line-height: 1.4;
- white-space: normal;
+.list-group-horizontal > .list-group-item.active {
+ margin-top: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
}
-.dropdown-signed-commit .dropdown-menu::after {
- border-bottom-color: var(--bgColor-muted, var(--color-canvas-subtle));
+@media (min-width: 576px) {
+ .list-group-horizontal-sm {
+ flex-direction: row;
+ }
+ .list-group-horizontal-sm > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 768px) {
+ .list-group-horizontal-md {
+ flex-direction: row;
+ }
+ .list-group-horizontal-md > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 992px) {
+ .list-group-horizontal-lg {
+ flex-direction: row;
+ }
+ .list-group-horizontal-lg > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 1200px) {
+ .list-group-horizontal-xl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xl > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+@media (min-width: 1400px) {
+ .list-group-horizontal-xxl {
+ flex-direction: row;
+ }
+ .list-group-horizontal-xxl > .list-group-item:first-child {
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item:last-child {
+ border-top-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item {
+ border-top-width: 1px;
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
+ margin-left: -1px;
+ border-left-width: 1px;
+ }
+}
+.list-group-flush {
+ border-radius: 0;
+}
+.list-group-flush > .list-group-item {
+ border-width: 0 0 1px;
+}
+.list-group-flush > .list-group-item:last-child {
+ border-bottom-width: 0;
}
-.dropdown-signed-commit .dropdown-menu-w {
- top: -28px;
- margin-top: 0;
+.list-group-item-primary {
+ color: #084298;
+ background-color: #cfe2ff;
}
-
-.dropdown-signed-commit .dropdown-menu-w::after {
- border-bottom-color: transparent;
- border-left-color: var(--bgColor-muted, var(--color-canvas-subtle));
+.list-group-item-primary.list-group-item-action:hover,
+.list-group-item-primary.list-group-item-action:focus {
+ color: #084298;
+ background-color: #bacbe6;
}
-
-.signed-commit-header {
- line-height: 1.3;
- white-space: normal;
- border-collapse: separate;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: solid var(--borderWidth-thin) var(--borderColor-default);
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+.list-group-item-primary.list-group-item-action.active {
+ color: #fff;
+ background-color: #084298;
+ border-color: #084298;
}
-.signed-commit-header .octicon-verified {
- color: var(--fgColor-success, var(--color-success-fg));
+.list-group-item-secondary {
+ color: #41464b;
+ background-color: #e2e3e5;
}
-
-.signed-commit-header .octicon-unverified {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.list-group-item-secondary.list-group-item-action:hover,
+.list-group-item-secondary.list-group-item-action:focus {
+ color: #41464b;
+ background-color: #cbccce;
}
-
-.signed-commit-footer {
- font-size: 12px;
- line-height: 1.5;
+.list-group-item-secondary.list-group-item-action.active {
+ color: #fff;
+ background-color: #41464b;
+ border-color: #41464b;
}
-.signed-commit-cert-info {
- margin-bottom: var(--base-size-4);
+.list-group-item-success {
+ color: #0f5132;
+ background-color: #d1e7dd;
}
-
-.signed-commit-cert-info td {
- vertical-align: top;
+.list-group-item-success.list-group-item-action:hover,
+.list-group-item-success.list-group-item-action:focus {
+ color: #0f5132;
+ background-color: #bcd0c7;
}
-
-.signed-commit-cert-info td:first-child {
- width: 44px;
- padding-right: var(--base-size-12);
+.list-group-item-success.list-group-item-action.active {
+ color: #fff;
+ background-color: #0f5132;
+ border-color: #0f5132;
}
-.signed-commit-badge {
- display: inline-block;
- padding: 1px var(--base-size-4);
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
- -webkit-user-select: none;
- user-select: none;
- background: none;
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+.list-group-item-info {
+ color: #055160;
+ background-color: #cff4fc;
}
-
-.signed-commit-badge:hover {
- text-decoration: none;
- border-color: var(--borderColor-neutral-muted, var(--color-neutral-muted));
+.list-group-item-info.list-group-item-action:hover,
+.list-group-item-info.list-group-item-action:focus {
+ color: #055160;
+ background-color: #badce3;
}
-
-.signed-commit-badge.verified {
- color: var(--fgColor-success, var(--color-success-fg));
+.list-group-item-info.list-group-item-action.active {
+ color: #fff;
+ background-color: #055160;
+ border-color: #055160;
}
-.signed-commit-badge.verified:hover {
- border-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));
+.list-group-item-warning {
+ color: #664d03;
+ background-color: #fff3cd;
}
-
-.signed-commit-badge.unverified {
- color: var(--fgColor-attention, var(--color-attention-fg));
+.list-group-item-warning.list-group-item-action:hover,
+.list-group-item-warning.list-group-item-action:focus {
+ color: #664d03;
+ background-color: #e6dbb9;
}
-
-.signed-commit-badge.unverified:hover {
- border-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
+.list-group-item-warning.list-group-item-action.active {
+ color: #fff;
+ background-color: #664d03;
+ border-color: #664d03;
}
-.signed-commit-badge-small {
- height: 20px;
- margin-top: -2px;
- margin-right: var(--base-size-4);
+.list-group-item-danger {
+ color: #842029;
+ background-color: #f8d7da;
}
-
-.signed-commit-badge-medium {
- height: 20px;
- padding: var(--base-size-4) var(--base-size-8);
- font-size: 12px;
- border-radius: var(--borderRadius-medium);
+.list-group-item-danger.list-group-item-action:hover,
+.list-group-item-danger.list-group-item-action:focus {
+ color: #842029;
+ background-color: #dfc2c4;
}
-
-.signed-commit-badge-large {
- height: 24px;
- padding: var(--base-size-4) var(--base-size-12);
- margin-right: var(--base-size-8);
- font-size: 14px;
- line-height: 20px;
- border-radius: var(--borderRadius-medium);
+.list-group-item-danger.list-group-item-action.active {
+ color: #fff;
+ background-color: #842029;
+ border-color: #842029;
}
-.signed-commit-signer-name {
- font-size: 14px;
- text-align: left;
+.list-group-item-light {
+ color: #636464;
+ background-color: #fefefe;
}
-
-.signed-commit-signer-name .signer {
- display: block;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
+.list-group-item-light.list-group-item-action:hover,
+.list-group-item-light.list-group-item-action:focus {
+ color: #636464;
+ background-color: #e5e5e5;
}
-
-.copyable-terminal {
- position: relative;
- padding: var(--base-size-8) 55px var(--base-size-8) var(--base-size-8);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-radius: var(--borderRadius-medium);
+.list-group-item-light.list-group-item-action.active {
+ color: #fff;
+ background-color: #636464;
+ border-color: #636464;
}
-.copyable-terminal-content {
- overflow: auto;
+.list-group-item-dark {
+ color: #141619;
+ background-color: #d3d3d4;
}
-
-.copyable-terminal-button {
- position: absolute;
- top: 5px;
- right: 5px;
+.list-group-item-dark.list-group-item-action:hover,
+.list-group-item-dark.list-group-item-action:focus {
+ color: #141619;
+ background-color: #bebebf;
}
-
-.copyable-terminal-button .zeroclipboard-button {
- float: right;
+.list-group-item-dark.list-group-item-action.active {
+ color: #fff;
+ background-color: #141619;
+ border-color: #141619;
}
-.copyable-terminal-button .zeroclipboard-button .octicon {
- padding-left: 1px;
- margin: 0 auto;
+.btn-close {
+ box-sizing: content-box;
+ width: 1em;
+ height: 1em;
+ padding: 0.25em 0.25em;
+ color: #000;
+ background: transparent
+ url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
+ center/1em auto no-repeat;
+ border: 0;
+ border-radius: 0.25rem;
+ opacity: 0.5;
}
-
-.blob-wrapper {
- overflow-x: auto;
- overflow-y: hidden;
+.btn-close:hover {
+ color: #000;
+ text-decoration: none;
+ opacity: 0.75;
}
-
-.blob-wrapper table tr:nth-child(2n) {
- background-color: transparent;
+.btn-close:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+ opacity: 1;
}
-
-.page-edit-blob.height-full .CodeMirror {
- height: 300px;
+.btn-close:disabled,
+.btn-close.disabled {
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ opacity: 0.25;
}
-.page-edit-blob.height-full .CodeMirror,
-.page-edit-blob.height-full .CodeMirror-scroll {
- display: flex;
- flex-direction: column;
- flex: 1 1 auto;
+.btn-close-white {
+ filter: invert(1) grayscale(100%) brightness(200%);
}
-.blob-wrapper-embedded {
- max-height: 240px;
- overflow-y: auto;
+.toast {
+ width: 350px;
+ max-width: 100%;
+ font-size: 0.875rem;
+ pointer-events: auto;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ border-radius: 0.25rem;
}
-
-.diff-table {
- width: 100%;
- border-collapse: separate;
+.toast.showing {
+ opacity: 0;
}
-
-.diff-table .blob-code.blob-code-inner {
- padding-left: 22px;
+.toast:not(.show) {
+ display: none;
}
-.diff-table .line-comments {
- padding: 10px;
- vertical-align: top;
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.toast-container {
+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
+ max-width: 100%;
+ pointer-events: none;
}
-
-.diff-table .line-comments:first-child + .empty-cell {
- border-left-width: var(--borderWidth-thin);
+.toast-container > :not(:last-child) {
+ margin-bottom: 0.75rem;
}
-.diff-table tr:not(:last-child) .line-comments {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.toast-header {
+ display: flex;
+ align-items: center;
+ padding: 0.5rem 0.75rem;
+ color: #6c757d;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
}
-
-.diff-view .blob-code-marker-context::before,
-.diff-view .blob-code-marker-injected_context::before,
-.diff-view .blob-code-marker-addition::before,
-.diff-view .blob-code-marker-deletion::before {
- top: var(--base-size-4);
+.toast-header .btn-close {
+ margin-right: -0.375rem;
+ margin-left: 0.75rem;
}
-.diff-view .line-alert,
-.diff-table .line-alert {
- position: absolute;
- left: -60px;
- margin: 2px;
+.toast-body {
+ padding: 0.75rem;
+ word-wrap: break-word;
}
-.comment-body .diff-view .line-alert {
+.modal {
+ position: fixed;
+ top: 0;
left: 0;
+ z-index: 1055;
+ display: none;
+ width: 100%;
+ height: 100%;
+ overflow-x: hidden;
+ overflow-y: auto;
+ outline: 0;
}
-.blob-num {
+.modal-dialog {
position: relative;
- width: 1%;
- min-width: 50px;
- padding-right: 10px;
- padding-left: 10px;
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 12px;
- line-height: 20px;
- color: var(--fgColor-muted, var(--color-fg-subtle));
- text-align: right;
- white-space: nowrap;
- vertical-align: top;
- cursor: pointer;
- -webkit-user-select: none;
- user-select: none;
-}
-
-.blob-num:hover {
- color: var(--fgColor-default, var(--color-fg-default));
-}
-
-.blob-num::before {
- content: attr(data-line-number);
+ width: auto;
+ margin: 0.5rem;
+ pointer-events: none;
}
-
-.blob-num.non-expandable {
- cursor: default;
+.modal.fade .modal-dialog {
+ transition: transform 0.3s ease-out;
+ transform: translate(0, -50px);
}
-
-.blob-num.non-expandable:hover {
- color: var(--fgColor-muted, var(--color-fg-subtle));
+@media (prefers-reduced-motion: reduce) {
+ .modal.fade .modal-dialog {
+ transition: none;
+ }
}
-
-.blob-num-hidden::before {
- visibility: hidden;
+.modal.show .modal-dialog {
+ transform: none;
}
-
-.blob-code {
- position: relative;
- padding-right: 10px;
- padding-left: 10px;
- line-height: 20px;
- vertical-align: top;
+.modal.modal-static .modal-dialog {
+ transform: scale(1.02);
}
-.copilot-chat-enabled .blob-code {
- padding-right: 54px;
+.modal-dialog-scrollable {
+ height: calc(100% - 1rem);
}
-
-.blob-code-inner {
- display: table-cell;
- overflow: visible;
- font-family: var(
- --fontStack-monospace,
- ui-monospace,
- SFMono-Regular,
- SF Mono,
- Menlo,
- Consolas,
- Liberation Mono,
- monospace
- );
- font-size: 12px;
- color: var(--fgColor-default, var(--color-fg-default));
- word-wrap: anywhere;
- white-space: pre;
+.modal-dialog-scrollable .modal-content {
+ max-height: 100%;
+ overflow: hidden;
}
-
-.blob-code-inner .x-first {
- border-top-left-radius: 0.2em;
- border-bottom-left-radius: 0.2em;
+.modal-dialog-scrollable .modal-body {
+ overflow-y: auto;
}
-.blob-code-inner .x-last {
- border-top-right-radius: 0.2em;
- border-bottom-right-radius: 0.2em;
+.modal-dialog-centered {
+ display: flex;
+ align-items: center;
+ min-height: calc(100% - 1rem);
}
-.blob-code-inner.highlighted,
-.blob-code-inner .highlighted {
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
- box-shadow: inset 2px 0 0 var(--borderColor-attention-muted, var(--color-attention-muted));
+.modal-content {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ pointer-events: auto;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 0.3rem;
+ outline: 0;
}
-.blob-code-inner::selection,
-.blob-code-inner *::selection {
- background-color: var(--selection-bgColor, var(--color-accent-muted));
+.modal-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1050;
+ width: 100vw;
+ height: 100vh;
+ background-color: #000;
}
-
-.js-blob-wrapper .blob-code-inner {
- white-space: pre-wrap;
+.modal-backdrop.fade {
+ opacity: 0;
}
-
-.blob-code-inner.blob-code-addition,
-.blob-code-inner.blob-code-deletion {
- position: relative;
- padding-left: 22px !important;
+.modal-backdrop.show {
+ opacity: 0.5;
}
-.blob-code-marker::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- padding-right: var(--base-size-8);
- content: attr(data-code-marker);
+.modal-header {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: space-between;
+ padding: 1rem 1rem;
+ border-bottom: 1px solid #dee2e6;
+ border-top-left-radius: calc(0.3rem - 1px);
+ border-top-right-radius: calc(0.3rem - 1px);
}
-
-.blob-code-context,
-.blob-code-addition,
-.blob-code-deletion {
- padding-left: 22px;
+.modal-header .btn-close {
+ padding: 0.5rem 0.5rem;
+ margin: -0.5rem -0.5rem -0.5rem auto;
}
-.blob-code-marker-addition::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: '+ ';
+.modal-title {
+ margin-bottom: 0;
+ line-height: 1.5;
}
-.blob-code-marker-deletion::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: '- ';
+.modal-body {
+ position: relative;
+ flex: 1 1 auto;
+ padding: 1rem;
}
-.blob-code-marker-context::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: ' ';
+.modal-footer {
+ display: flex;
+ flex-wrap: wrap;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: flex-end;
+ padding: 0.75rem;
+ border-top: 1px solid #dee2e6;
+ border-bottom-right-radius: calc(0.3rem - 1px);
+ border-bottom-left-radius: calc(0.3rem - 1px);
}
-
-.blob-code-marker-injected_context::before {
- position: absolute;
- top: 1px;
- left: var(--base-size-8);
- content: ' ';
+.modal-footer > * {
+ margin: 0.25rem;
}
-.soft-wrap .diff-table {
- table-layout: fixed;
-}
+@media (min-width: 576px) {
+ .modal-dialog {
+ max-width: 500px;
+ margin: 1.75rem auto;
+ }
-.soft-wrap .blob-code {
- padding-left: 18px;
- text-indent: 0;
-}
+ .modal-dialog-scrollable {
+ height: calc(100% - 3.5rem);
+ }
-.soft-wrap .blob-code-inner {
- white-space: pre-wrap;
-}
+ .modal-dialog-centered {
+ min-height: calc(100% - 3.5rem);
+ }
-.soft-wrap .no-nl-marker {
- display: none;
+ .modal-sm {
+ max-width: 300px;
+ }
}
-
-.soft-wrap .add-line-comment {
- margin-top: 0;
- margin-left: -24px;
+@media (min-width: 992px) {
+ .modal-lg,
+ .modal-xl {
+ max-width: 800px;
+ }
}
-
-.soft-wrap .blob-code-context,
-.soft-wrap .blob-code-addition,
-.soft-wrap .blob-code-deletion {
- padding-left: 22px;
- text-indent: 0;
+@media (min-width: 1200px) {
+ .modal-xl {
+ max-width: 1140px;
+ }
}
-
-.blob-num-hunk,
-.blob-code-hunk,
-.blob-num-expandable {
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
+.modal-fullscreen {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
}
-
-.blob-num-hunk,
-.blob-num-expandable {
- background-color: var(--diffBlob-hunkNum-bgColor-rest, var(--diffBlob-hunk-bgColor-num));
+.modal-fullscreen .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
}
-
-.blob-code-hunk {
- padding-top: var(--base-size-4);
- padding-bottom: var(--base-size-4);
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-width: var(--borderWidth-thin) 0;
+.modal-fullscreen .modal-header {
+ border-radius: 0;
}
-
-.blob-expanded .blob-num:not(.blob-num-context-outside-diff),
-.blob-expanded .blob-code:not(.blob-code-context) {
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
+.modal-fullscreen .modal-body {
+ overflow-y: auto;
}
-
-.blob-expanded + tr.show-top-border:not(.blob-expanded) .blob-num,
-.blob-expanded + tr.show-top-border:not(.blob-expanded) .blob-code {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+.modal-fullscreen .modal-footer {
+ border-radius: 0;
}
-.blob-expanded tr.show-top-border .blob-num-hunk,
-.blob-expanded tr.show-top-border .blob-num {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+@media (max-width: 575.98px) {
+ .modal-fullscreen-sm-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-sm-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-sm-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-tr.show-top-border + .blob-expanded .blob-num,
-tr.show-top-border + .blob-expanded .blob-code {
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+@media (max-width: 767.98px) {
+ .modal-fullscreen-md-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-md-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-md-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable {
- width: auto;
- padding: 0;
- font-size: 12px;
- text-align: center;
+@media (max-width: 991.98px) {
+ .modal-fullscreen-lg-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-lg-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-lg-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable .directional-expander {
- display: block;
- width: auto;
- height: auto;
- margin-right: -1px;
- color: var(--diffBlob-expander-iconColor, var(--color-diff-blob-expander-icon));
- cursor: pointer;
+@media (max-width: 1199.98px) {
+ .modal-fullscreen-xl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-xl-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable .single-expander {
- padding-top: var(--base-size-4);
- padding-bottom: var(--base-size-4);
+@media (max-width: 1399.98px) {
+ .modal-fullscreen-xxl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-header {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-body {
+ overflow-y: auto;
+ }
+ .modal-fullscreen-xxl-down .modal-footer {
+ border-radius: 0;
+ }
}
-
-.blob-num-expandable .directional-expander:hover {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
+.tooltip {
+ position: absolute;
+ z-index: 1080;
+ display: block;
+ margin: 0;
+ font-family: var(--bs-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
text-shadow: none;
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.875rem;
+ word-wrap: break-word;
+ opacity: 0;
}
-
-.blob-code-addition {
- background-color: var(--diffBlob-additionLine-bgColor, var(--diffBlob-addition-bgColor-line));
- outline: 1px dotted transparent;
+.tooltip.show {
+ opacity: 0.9;
}
-
-.blob-code-addition .x {
- color: var(--diffBlob-additionWord-fgColor, var(--diffBlob-addition-fgColor-text));
- background-color: var(--diffBlob-additionWord-bgColor, var(--diffBlob-addition-bgColor-word));
+.tooltip .tooltip-arrow {
+ position: absolute;
+ display: block;
+ width: 0.8rem;
+ height: 0.4rem;
}
-
-.blob-num-addition {
- color: var(--diffBlob-additionNum-fgColor, var(--diffBlob-addition-fgColor-num));
- background-color: var(--diffBlob-additionNum-bgColor, var(--diffBlob-addition-bgColor-num));
- border-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));
+.tooltip .tooltip-arrow::before {
+ position: absolute;
+ content: '';
+ border-color: transparent;
+ border-style: solid;
}
-.blob-num-addition:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.bs-tooltip-top,
+.bs-tooltip-auto[data-popper-placement^='top'] {
+ padding: 0.4rem 0;
}
-
-.blob-code-deletion {
- background-color: var(--diffBlob-deletionLine-bgColor, var(--diffBlob-deletion-bgColor-line));
- outline: 1px dashed transparent;
+.bs-tooltip-top .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow {
+ bottom: 0;
}
-
-.blob-code-deletion .x {
- color: var(--diffBlob-deletionWord-fgColor, var(--diffBlob-deletion-fgColor-text));
- background-color: var(--diffBlob-deletionWord-bgColor, var(--diffBlob-deletion-bgColor-word));
+.bs-tooltip-top .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow::before {
+ top: -1px;
+ border-width: 0.4rem 0.4rem 0;
+ border-top-color: #000;
}
-.blob-num-deletion {
- color: var(--diffBlob-deletionNum-fgColor, var(--diffBlob-deletion-fgColor-num));
- background-color: var(--diffBlob-deletionNum-bgColor, var(--diffBlob-deletion-bgColor-num));
- border-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
+.bs-tooltip-end,
+.bs-tooltip-auto[data-popper-placement^='right'] {
+ padding: 0 0.4rem;
}
-
-.blob-num-deletion:hover {
- color: var(--fgColor-default, var(--color-fg-default));
+.bs-tooltip-end .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow {
+ left: 0;
+ width: 0.4rem;
+ height: 0.8rem;
}
-
-.is-selecting {
- cursor: ns-resize !important;
+.bs-tooltip-end .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow::before {
+ right: -1px;
+ border-width: 0.4rem 0.4rem 0.4rem 0;
+ border-right-color: #000;
}
-.is-selecting .blob-num {
- cursor: ns-resize !important;
+.bs-tooltip-bottom,
+.bs-tooltip-auto[data-popper-placement^='bottom'] {
+ padding: 0.4rem 0;
}
-
-.is-selecting .add-line-comment,
-.is-selecting a {
- pointer-events: none;
- cursor: ns-resize !important;
+.bs-tooltip-bottom .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow {
+ top: 0;
}
-
-.is-selecting .is-hovered .add-line-comment {
- opacity: 0;
+.bs-tooltip-bottom .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow::before {
+ bottom: -1px;
+ border-width: 0 0.4rem 0.4rem;
+ border-bottom-color: #000;
}
-.is-selecting.file-diff-split {
- cursor: nwse-resize !important;
+.bs-tooltip-start,
+.bs-tooltip-auto[data-popper-placement^='left'] {
+ padding: 0 0.4rem;
}
-
-.is-selecting.file-diff-split .blob-num {
- cursor: nwse-resize !important;
+.bs-tooltip-start .tooltip-arrow,
+.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow {
+ right: 0;
+ width: 0.4rem;
+ height: 0.8rem;
}
-
-.is-selecting.file-diff-split .empty-cell,
-.is-selecting.file-diff-split .add-line-comment,
-.is-selecting.file-diff-split a {
- pointer-events: none;
- cursor: nwse-resize !important;
+.bs-tooltip-start .tooltip-arrow::before,
+.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow::before {
+ left: -1px;
+ border-width: 0.4rem 0 0.4rem 0.4rem;
+ border-left-color: #000;
}
-.selected-line {
- position: relative;
+.tooltip-inner {
+ max-width: 200px;
+ padding: 0.25rem 0.5rem;
+ color: #fff;
+ text-align: center;
+ background-color: #000;
+ border-radius: 0.25rem;
}
-.selected-line::after {
+.popover {
position: absolute;
top: 0;
- left: 0;
+ left: 0 /* rtl:ignore */;
+ z-index: 1070;
display: block;
- width: 100%;
- height: 100%;
- box-sizing: border-box;
- pointer-events: none;
- content: '';
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
- mix-blend-mode: var(--color-diff-blob-selected-line-highlight-mix-blend-mode);
-}
-
-.selected-line.selected-line-top::after {
- border-top: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
-}
-
-.selected-line.selected-line-bottom::after {
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
-}
-
-.selected-line:first-child::after,
-.selected-line.selected-line-left::after {
- border-left: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
+ max-width: 276px;
+ font-family: var(--bs-font-sans-serif);
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.875rem;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 0.3rem;
}
-
-.selected-line:last-child::after,
-.selected-line.selected-line-right::after {
- border-right: var(--borderWidth-thin) solid var(--borderColor-attention-muted, var(--color-attention-muted));
+.popover .popover-arrow {
+ position: absolute;
+ display: block;
+ width: 1rem;
+ height: 0.5rem;
}
-
-.is-commenting .selected-line.blob-code::before {
+.popover .popover-arrow::before,
+.popover .popover-arrow::after {
position: absolute;
- top: 0;
- left: -1px;
display: block;
- width: 4px;
- height: 100%;
content: '';
- background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
-}
-
-.add-line-comment {
- position: relative;
- z-index: 1;
- float: left;
- width: 22px;
- height: 22px;
- margin: -2px -10px -2px -32px;
- line-height: 21px;
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- text-align: center;
- text-indent: 0;
- cursor: pointer;
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
- border-radius: var(--borderRadius-medium);
- box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium));
- opacity: 0;
- transition: transform 0.1s ease-in-out;
- transform: scale(0.8, 0.8);
+ border-color: transparent;
+ border-style: solid;
}
-.add-line-comment:hover {
- transform: scale(1, 1);
+.bs-popover-top > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow {
+ bottom: calc(-0.5rem - 1px);
}
-
-.is-hovered .add-line-comment,
-.add-line-comment:focus {
- opacity: 1;
+.bs-popover-top > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before {
+ bottom: 0;
+ border-width: 0.5rem 0.5rem 0;
+ border-top-color: rgba(0, 0, 0, 0.25);
}
-
-.add-line-comment .octicon {
- vertical-align: text-top;
- pointer-events: none;
+.bs-popover-top > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::after {
+ bottom: 1px;
+ border-width: 0.5rem 0.5rem 0;
+ border-top-color: #fff;
}
-.add-line-comment.octicon-check {
- background: #333;
- opacity: 1;
+.bs-popover-end > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow {
+ left: calc(-0.5rem - 1px);
+ width: 0.5rem;
+ height: 1rem;
}
-
-.inline-comment-form {
- border: var(--borderWidth-thin) solid #dfe2e5;
- border-radius: var(--borderRadius-medium);
+.bs-popover-end > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before {
+ left: 0;
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+ border-right-color: rgba(0, 0, 0, 0.25);
}
-
-.timeline-inline-comments {
- width: 100%;
- table-layout: fixed;
+.bs-popover-end > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::after {
+ left: 1px;
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+ border-right-color: #fff;
}
-.timeline-inline-comments .inline-comments,
-.show-inline-notes .inline-comments {
- display: table-row;
+.bs-popover-bottom > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow {
+ top: calc(-0.5rem - 1px);
}
-
-.inline-comments {
- display: none;
+.bs-popover-bottom > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before {
+ top: 0;
+ border-width: 0 0.5rem 0.5rem 0.5rem;
+ border-bottom-color: rgba(0, 0, 0, 0.25);
}
-
-.inline-comments .line-comments + .blob-num {
- border-left-width: var(--borderWidth-thin);
+.bs-popover-bottom > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::after {
+ top: 1px;
+ border-width: 0 0.5rem 0.5rem 0.5rem;
+ border-bottom-color: #fff;
}
-
-.inline-comments .timeline-comment {
- margin-bottom: 10px;
+.bs-popover-bottom .popover-header::before,
+.bs-popover-auto[data-popper-placement^='bottom'] .popover-header::before {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ display: block;
+ width: 1rem;
+ margin-left: -0.5rem;
+ content: '';
+ border-bottom: 1px solid #f0f0f0;
}
-.inline-comments .inline-comment-form,
-.inline-comments .inline-comment-form-container {
- max-width: 780px;
+.bs-popover-start > .popover-arrow,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow {
+ right: calc(-0.5rem - 1px);
+ width: 0.5rem;
+ height: 1rem;
}
-
-.comment-holder {
- max-width: 780px;
+.bs-popover-start > .popover-arrow::before,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before {
+ right: 0;
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+ border-left-color: rgba(0, 0, 0, 0.25);
}
-
-.comment-holder + .comment-holder {
- margin-top: var(--base-size-16);
+.bs-popover-start > .popover-arrow::after,
+.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::after {
+ right: 1px;
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+ border-left-color: #fff;
}
-.line-comments + .line-comments,
-.empty-cell + .line-comments {
- border-left: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+.popover-header {
+ padding: 0.5rem 1rem;
+ margin-bottom: 0;
+ font-size: 1rem;
+ background-color: #f0f0f0;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ border-top-left-radius: calc(0.3rem - 1px);
+ border-top-right-radius: calc(0.3rem - 1px);
}
-
-.inline-comment-form-container .inline-comment-form-box,
-.inline-comment-form-container.open .inline-comment-form-actions {
+.popover-header:empty {
display: none;
}
-.inline-comment-form-container .inline-comment-form-actions,
-.inline-comment-form-container.open .inline-comment-form-box {
- display: block;
-}
-
-body.full-width .container,
-body.full-width .container-lg:not(.markdown-body),
-body.full-width .container-xl {
- width: 100%;
- max-width: none;
- padding-right: var(--base-size-20);
- padding-left: var(--base-size-20);
-}
-
-body.full-width .repository-content {
- width: 100%;
-}
-
-body.full-width .new-pr-form {
- max-width: 980px;
+.popover-body {
+ padding: 1rem 1rem;
+ color: #212529;
}
-.file-diff-split {
- table-layout: fixed;
+.carousel {
+ position: relative;
}
-.file-diff-split .blob-code + .blob-num {
- border-left: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
+.carousel.pointer-event {
+ touch-action: pan-y;
}
-.file-diff-split .blob-code-inner {
- white-space: pre-wrap;
+.carousel-inner {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
}
-
-.file-diff-split .empty-cell {
- cursor: default;
- background-color: var(--diffBlob-emptyLine-bgColor, var(--bgColor-muted));
- border-right-color: var(--borderColor-muted, var(--color-border-muted));
+.carousel-inner::after {
+ display: block;
+ clear: both;
+ content: '';
}
-@media (max-width: 1280px) {
- .file-diff-split .write-selected .comment-form-head.tabnav:not(.CommentBox-header) {
- margin-bottom: var(--base-size-80) !important;
- }
-
- .file-diff-split .tabnav:not(.CommentBox-header) markdown-toolbar {
- position: absolute;
- top: 47px;
- right: 0;
- left: 0;
- height: 64px;
- align-items: center !important;
- }
+.carousel-item {
+ position: relative;
+ display: none;
+ float: left;
+ width: 100%;
+ margin-right: -100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ transition: transform 0.6s ease-in-out;
}
-
-@media (min-width: 1280px) {
- .file-diff-split .write-selected .comment-form-head.tabnav:not(.CommentBox-header) .tabnav-tabs {
- align-self: end;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-item {
+ transition: none;
}
}
-.submodule-diff-stats .octicon-diff-removed {
- color: var(--fgColor-danger, var(--color-danger-fg));
-}
-
-.submodule-diff-stats .octicon-diff-renamed {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.submodule-diff-stats .octicon-diff-modified {
- color: var(--fgColor-attention, var(--color-attention-fg));
-}
-
-.submodule-diff-stats .octicon-diff-added {
- color: var(--fgColor-success, var(--color-success-fg));
-}
-
-.BlobToolbar {
- left: -17px;
-}
-
-.BlobToolbar-dropdown {
- margin-left: -2px;
-}
-
-.pl-token:hover,
-.pl-token.active {
- cursor: pointer;
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
-}
-
-.diffstat {
- font-size: 12px;
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- cursor: default;
-}
-
-.diffstat-block-deleted,
-.diffstat-block-added,
-.diffstat-block-neutral {
- display: inline-block;
- width: var(--base-size-8);
- height: var(--base-size-8);
- margin-left: 1px;
-}
-
-.diffstat-block-deleted {
- background-color: var(--bgColor-danger-emphasis, var(--color-danger-emphasis));
-}
-
-.diffstat-block-added {
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
-}
-
-.diffstat-block-neutral {
- background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted));
- outline: 1px solid var(--borderColor-muted, var(--color-border-subtle));
- outline-offset: -1px;
-}
-
-.discussion-sidebar-item {
- padding-top: var(--base-size-16);
- font-size: 12px;
-}
-
-.discussion-sidebar-item .btn .octicon {
- margin-right: 0;
-}
-
-.discussion-sidebar-item .muted-icon {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
-
-.discussion-sidebar-item .muted-icon:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- cursor: pointer;
-}
-
-.discussion-sidebar-item + .discussion-sidebar-item {
- margin-top: var(--base-size-16);
- border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));
-}
-
-.discussion-sidebar-item .select-menu {
- position: relative;
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+ display: block;
}
-.discussion-sidebar-item .select-menu-modal-holder {
- top: 25px;
- right: -1px;
- left: auto;
+/* rtl:begin:ignore */
+.carousel-item-next:not(.carousel-item-start),
+.active.carousel-item-end {
+ transform: translateX(100%);
}
-.discussion-sidebar-heading {
- margin-bottom: var(--base-size-8);
- font-size: 12px;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.carousel-item-prev:not(.carousel-item-end),
+.active.carousel-item-start {
+ transform: translateX(-100%);
}
-.discussion-sidebar-toggle {
- padding: var(--base-size-4) 0;
- margin: calc(var(--base-size-4) * -1) 0 var(--base-size-4);
+/* rtl:end:ignore */
+.carousel-fade .carousel-item {
+ opacity: 0;
+ transition-property: opacity;
+ transform: none;
}
-
-.discussion-sidebar-toggle .octicon {
- float: right;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-start,
+.carousel-fade .carousel-item-prev.carousel-item-end {
+ z-index: 1;
+ opacity: 1;
}
-
-.discussion-sidebar-toggle:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- cursor: pointer;
+.carousel-fade .active.carousel-item-start,
+.carousel-fade .active.carousel-item-end {
+ z-index: 0;
+ opacity: 0;
+ transition: opacity 0s 0.6s;
}
-
-.discussion-sidebar-toggle:hover .octicon {
- color: inherit;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-fade .active.carousel-item-start,
+ .carousel-fade .active.carousel-item-end {
+ transition: none;
+ }
}
-button.discussion-sidebar-toggle {
- display: block;
- width: 100%;
- font-weight: var(--base-text-weight-semibold, 600);
- text-align: left;
+.carousel-control-prev,
+.carousel-control-next {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 15%;
+ padding: 0;
+ color: #fff;
+ text-align: center;
background: none;
border: 0;
+ opacity: 0.5;
+ transition: opacity 0.15s ease;
}
-
-.sidebar-progress-bar .progress-bar {
- height: var(--base-size-8);
- margin-bottom: 2px;
- border-radius: var(--borderRadius-medium);
-}
-
-.sidebar-assignee .css-truncate-target {
- max-width: 110px;
-}
-
-.sidebar-assignee .assignee {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted, var(--color-fg-muted));
- vertical-align: middle;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-control-prev,
+ .carousel-control-next {
+ transition: none;
+ }
}
-
-.sidebar-assignee .assignee:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.carousel-control-prev:hover,
+.carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
+ color: #fff;
text-decoration: none;
+ outline: 0;
+ opacity: 0.9;
}
-.sidebar-assignee .reviewers-status-icon {
- width: 14px;
-}
-
-.sidebar-assignee .octicon {
- margin-top: 2px;
-}
-
-.sidebar-notifications {
- position: relative;
-}
-
-.sidebar-notifications .thread-subscription-status {
- padding: 0;
- margin: 0;
- border: 0;
-}
-
-.sidebar-notifications .thread-subscription-status .thread-subscribe-form {
- display: block;
-}
-
-.sidebar-notifications .thread-subscription-status .reason {
- padding: 0;
- margin: var(--base-size-4) 0 0;
+.carousel-control-prev {
+ left: 0;
}
-.participation .participant-avatar {
- float: left;
- margin: var(--base-size-4) 0 0 var(--base-size-4);
+.carousel-control-next {
+ right: 0;
}
-.participation a {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ background-repeat: no-repeat;
+ background-position: 50%;
+ background-size: 100% 100%;
}
-.participation a:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
+/* rtl:options: {
+ "autoRename": true,
+ "stringMap":[ {
+ "name" : "prev-next",
+ "search" : "prev",
+ "replace" : "next"
+ } ]
+} */
+.carousel-control-prev-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
-.participation-avatars {
- margin-left: calc(var(--base-size-4) * -1);
+.carousel-control-next-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
-.participation-avatars::before {
- display: table;
- content: '';
+.carousel-indicators {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 2;
+ display: flex;
+ justify-content: center;
+ padding: 0;
+ margin-right: 15%;
+ margin-bottom: 1rem;
+ margin-left: 15%;
+ list-style: none;
}
-
-.participation-avatars::after {
- display: table;
- clear: both;
- content: '';
+.carousel-indicators [data-bs-target] {
+ box-sizing: content-box;
+ flex: 0 1 auto;
+ width: 30px;
+ height: 3px;
+ padding: 0;
+ margin-right: 3px;
+ margin-left: 3px;
+ text-indent: -999px;
+ cursor: pointer;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 0;
+ border-top: 10px solid transparent;
+ border-bottom: 10px solid transparent;
+ opacity: 0.5;
+ transition: opacity 0.6s ease;
}
-
-.participation-more {
- float: left;
- margin: var(--base-size-8) var(--base-size-4) 0;
+@media (prefers-reduced-motion: reduce) {
+ .carousel-indicators [data-bs-target] {
+ transition: none;
+ }
}
-
-.inline-comment-form .form-actions,
-.timeline-new-comment .form-actions {
- padding: 0 var(--base-size-8) var(--base-size-8);
+.carousel-indicators .active {
+ opacity: 1;
}
-.inline-comment-form::before {
- display: table;
- content: '';
+.carousel-caption {
+ position: absolute;
+ right: 15%;
+ bottom: 1.25rem;
+ left: 15%;
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ color: #fff;
+ text-align: center;
}
-.inline-comment-form::after {
- display: table;
- clear: both;
- content: '';
+.carousel-dark .carousel-control-prev-icon,
+.carousel-dark .carousel-control-next-icon {
+ filter: invert(1) grayscale(100);
}
-
-.inline-comment-form .tabnav-tabs {
- display: inline-block;
+.carousel-dark .carousel-indicators [data-bs-target] {
+ background-color: #000;
}
-
-.inline-comment-form .form-actions {
- float: right;
+.carousel-dark .carousel-caption {
+ color: #000;
}
-.gh-header-actions {
- float: right;
- margin-top: var(--base-size-4);
+@-webkit-keyframes spinner-border {
+ to {
+ transform: rotate(360deg) /* rtl:ignore */;
+ }
}
-.gh-header-actions .btn-sm {
- float: left;
- margin-left: var(--base-size-4);
+@keyframes spinner-border {
+ to {
+ transform: rotate(360deg) /* rtl:ignore */;
+ }
}
-
-.gh-header-actions .btn-sm .octicon {
- margin-right: 0;
+.spinner-border {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ vertical-align: -0.125em;
+ border: 0.25em solid currentColor;
+ border-right-color: transparent;
+ border-radius: 50%;
+ -webkit-animation: 0.75s linear infinite spinner-border;
+ animation: 0.75s linear infinite spinner-border;
}
-.gh-header {
- background-color: var(--bgColor-default, var(--color-canvas-default));
+.spinner-border-sm {
+ width: 1rem;
+ height: 1rem;
+ border-width: 0.2em;
}
-.gh-header .gh-header-sticky {
- height: 1px;
+@-webkit-keyframes spinner-grow {
+ 0% {
+ transform: scale(0);
+ }
+ 50% {
+ opacity: 1;
+ transform: none;
+ }
}
-.gh-header .gh-header-sticky .meta {
- font-size: 12px;
+@keyframes spinner-grow {
+ 0% {
+ transform: scale(0);
+ }
+ 50% {
+ opacity: 1;
+ transform: none;
+ }
}
-
-.gh-header .gh-header-sticky .sticky-content,
-.gh-header .gh-header-sticky .gh-header-shadow {
- display: none;
+.spinner-grow {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ vertical-align: -0.125em;
+ background-color: currentColor;
+ border-radius: 50%;
+ opacity: 0;
+ -webkit-animation: 0.75s linear infinite spinner-grow;
+ animation: 0.75s linear infinite spinner-grow;
}
-.gh-header .gh-header-sticky.is-stuck {
- z-index: 110;
- height: 60px;
+.spinner-grow-sm {
+ width: 1rem;
+ height: 1rem;
}
-.gh-header .gh-header-sticky.is-stuck .sticky-content {
- display: block;
+@media (prefers-reduced-motion: reduce) {
+ .spinner-border,
+ .spinner-grow {
+ -webkit-animation-duration: 1.5s;
+ animation-duration: 1.5s;
+ }
}
-
-.gh-header .gh-header-sticky.is-stuck .css-truncate-target {
- max-width: 150px;
+.offcanvas {
+ position: fixed;
+ bottom: 0;
+ z-index: 1045;
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ visibility: hidden;
+ background-color: #fff;
+ background-clip: padding-box;
+ outline: 0;
+ transition: transform 0.3s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .offcanvas {
+ transition: none;
+ }
}
-.gh-header .gh-header-sticky.is-stuck + .gh-header-shadow {
+.offcanvas-backdrop {
position: fixed;
top: 0;
- right: 0;
left: 0;
- z-index: 109;
- display: block;
- height: 60px;
- content: '';
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+ z-index: 1040;
+ width: 100vw;
+ height: 100vh;
+ background-color: #000;
}
-
-.gh-header .gh-header-edit {
- display: none;
+.offcanvas-backdrop.fade {
+ opacity: 0;
}
-
-.gh-header .gh-header-meta .base-ref {
- display: inline-block;
+.offcanvas-backdrop.show {
+ opacity: 0.5;
}
-.gh-header .gh-header-meta .commit-ref-dropdown {
- display: none;
+.offcanvas-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 1rem 1rem;
}
-
-.gh-header.open .gh-header-show {
- display: none;
+.offcanvas-header .btn-close {
+ padding: 0.5rem 0.5rem;
+ margin-top: -0.5rem;
+ margin-right: -0.5rem;
+ margin-bottom: -0.5rem;
}
-.gh-header.open .gh-header-edit {
- display: block;
+.offcanvas-title {
+ margin-bottom: 0;
+ line-height: 1.5;
}
-.gh-header.open .gh-header-meta .base-ref {
- display: none;
+.offcanvas-body {
+ flex-grow: 1;
+ padding: 1rem 1rem;
+ overflow-y: auto;
}
-.gh-header.open .gh-header-meta .commit-ref-dropdown {
- display: inline-block;
- margin-top: calc(var(--base-size-4) * -1);
- vertical-align: top;
+.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: 400px;
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateX(-100%);
}
-.gh-header-title {
- margin-right: 150px;
- margin-bottom: 0;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1.125;
- word-wrap: break-word;
+.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: 400px;
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateX(100%);
}
-.gh-header-no-access .gh-header-title {
- margin-right: 0;
+.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: 30vh;
+ max-height: 100%;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateY(-100%);
}
-.gh-header-number {
- font-weight: var(--base-text-weight-light, 300);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: 30vh;
+ max-height: 100%;
+ border-top: 1px solid rgba(0, 0, 0, 0.2);
+ transform: translateY(100%);
}
-.gh-header-meta {
- padding-bottom: var(--base-size-8);
- margin-top: var(--base-size-8);
- font-size: 14px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.offcanvas.show {
+ transform: none;
}
-.gh-header.issue .gh-header-meta {
- margin-bottom: var(--base-size-16);
+.placeholder {
+ display: inline-block;
+ min-height: 1em;
+ vertical-align: middle;
+ cursor: wait;
+ background-color: currentColor;
+ opacity: 0.5;
}
-
-.gh-header.pull .gh-header-meta {
- padding-bottom: 0;
- border-bottom: 0;
+.placeholder.btn::before {
+ display: inline-block;
+ content: '';
}
-.gh-header-meta .commit-ref .css-truncate-target,
-.gh-header-meta .commit-ref:hover .css-truncate-target {
- max-width: 80vw;
+.placeholder-xs {
+ min-height: 0.6em;
}
-.gh-header-meta .State {
- margin-right: var(--base-size-8);
+.placeholder-sm {
+ min-height: 0.8em;
}
-.gh-header-meta .avatar {
- float: left;
- margin-top: calc(var(--base-size-4) * -1);
- margin-right: var(--base-size-4);
+.placeholder-lg {
+ min-height: 1.2em;
}
-.timeline-comment-wrapper {
- position: relative;
- padding-left: 56px;
- margin-top: var(--base-size-16);
- margin-bottom: var(--base-size-16);
+.placeholder-glow .placeholder {
+ -webkit-animation: placeholder-glow 2s ease-in-out infinite;
+ animation: placeholder-glow 2s ease-in-out infinite;
}
-.timeline-comment-avatar {
- float: left;
- margin-left: -56px;
- border-radius: var(--borderRadius-medium);
+@-webkit-keyframes placeholder-glow {
+ 50% {
+ opacity: 0.2;
+ }
}
-.timeline-comment-avatar .avatar {
- width: var(--base-size-40);
- height: var(--base-size-40);
+@keyframes placeholder-glow {
+ 50% {
+ opacity: 0.2;
+ }
}
-
-.timeline-comment-avatar .avatar-child {
- width: 20px;
- height: 20px;
+.placeholder-wave {
+ -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+ mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+ -webkit-mask-size: 200% 100%;
+ mask-size: 200% 100%;
+ -webkit-animation: placeholder-wave 2s linear infinite;
+ animation: placeholder-wave 2s linear infinite;
}
-.timeline-comment {
- position: relative;
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
+@-webkit-keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0%;
+ mask-position: -200% 0%;
+ }
}
-.timeline-comment.will-transition-once {
- transition: border-color 0.65s ease-in-out;
+@keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0%;
+ mask-position: -200% 0%;
+ }
}
-
-.timeline-comment.will-transition-once .timeline-comment-header {
- transition: background-color 0.65s ease, border-bottom-color 0.65s ease-in-out;
+.clearfix::after {
+ display: block;
+ clear: both;
+ content: '';
}
-.timeline-comment.will-transition-once::before,
-.timeline-comment.will-transition-once::after {
- transition: border-right-color 0.65s ease-in-out;
+.link-primary {
+ color: #0d6efd;
}
-
-.timeline-comment.current-user {
- border-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-primary:hover,
+.link-primary:focus {
+ color: #0a58ca;
}
-.timeline-comment.current-user .timeline-comment-header {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-bottom-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-secondary {
+ color: #6c757d;
}
-
-.timeline-comment.current-user .Label {
- border-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-secondary:hover,
+.link-secondary:focus {
+ color: #565e64;
}
-.timeline-comment.current-user .previewable-comment-form .comment-form-head.tabnav {
- color: var(--borderColor-accent-muted, var(--color-accent-muted));
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-bottom-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.link-success {
+ color: #198754;
}
-
-.timeline-comment.unread-item,
-.timeline-comment.is-internal {
- border-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-success:hover,
+.link-success:focus {
+ color: #146c43;
}
-.timeline-comment.unread-item .timeline-comment-header,
-.timeline-comment.is-internal .timeline-comment-header {
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
- border-bottom-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-info {
+ color: #0dcaf0;
}
-
-.timeline-comment.unread-item .Label,
-.timeline-comment.is-internal .Label {
- border-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-info:hover,
+.link-info:focus {
+ color: #3dd5f3;
}
-.timeline-comment.unread-item .previewable-comment-form .comment-form-head.tabnav,
-.timeline-comment.is-internal .previewable-comment-form .comment-form-head.tabnav {
- color: var(--borderColor-attention-muted, var(--color-attention-muted));
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
- border-bottom-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+.link-warning {
+ color: #ffc107;
}
-
-.timeline-comment:empty {
- display: none;
+.link-warning:hover,
+.link-warning:focus {
+ color: #ffcd39;
}
-.timeline-comment .comment + .comment {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.link-danger {
+ color: #dc3545;
}
-
-.timeline-comment .comment + .comment::before,
-.timeline-comment .comment + .comment::after {
- display: none;
+.link-danger:hover,
+.link-danger:focus {
+ color: #b02a37;
}
-.timeline-comment .comment + .comment .timeline-comment-header {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
+.link-light {
+ color: #f8f9fa;
}
-
-.timeline-comment--caret-nw.empty-copilot-review::after,
-.timeline-comment--caret-nw.empty-copilot-review::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.link-light:hover,
+.link-light:focus {
+ color: #f9fafb;
}
-.timeline-comment--caret-nw.empty-copilot-review::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-default, var(--color-canvas-subtle)),
- var(--bgColor-default, var(--color-canvas-subtle))
- );
+.link-dark {
+ color: #212529;
}
-
-.timeline-comment--caret-nw.empty-copilot-review::before {
- background-color: var(--borderColor-default, var(--color-border-default));
+.link-dark:hover,
+.link-dark:focus {
+ color: #1a1e21;
}
-.timeline-comment--caret::after,
-.timeline-comment--caret::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
+.ratio {
+ position: relative;
+ width: 100%;
+}
+.ratio::before {
display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+ padding-top: var(--bs-aspect-ratio);
+ content: '';
}
-
-.timeline-comment--caret::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-muted, var(--color-canvas-subtle)),
- var(--bgColor-muted, var(--color-canvas-subtle))
- );
+.ratio > * {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
}
-.timeline-comment--caret::before {
- background-color: var(--borderColor-default, var(--color-border-default));
+.ratio-1x1 {
+ --bs-aspect-ratio: 100%;
}
-.is-pending .timeline-comment--caret::after,
-.is-pending .timeline-comment--caret::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.ratio-4x3 {
+ --bs-aspect-ratio: 75%;
}
-.is-pending .timeline-comment--caret::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-attention-muted, var(--color-attention-subtle)),
- var(--bgColor-attention-muted, var(--color-attention-subtle))
- );
+.ratio-16x9 {
+ --bs-aspect-ratio: 56.25%;
}
-.is-pending .timeline-comment--caret::before {
- background-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
+.ratio-21x9 {
+ --bs-aspect-ratio: 42.8571428571%;
}
-.timeline-comment--caret.current-user::after,
-.timeline-comment--caret.current-user::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.fixed-top {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1030;
}
-.timeline-comment--caret.current-user::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-accent-muted, var(--color-accent-subtle)),
- var(--bgColor-accent-muted, var(--color-accent-subtle))
- );
+.fixed-bottom {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1030;
}
-.timeline-comment--caret.current-user::before {
- background-color: var(--borderColor-accent-muted, var(--color-accent-muted));
+.sticky-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
}
-.timeline-comment--caret.unread-item::after,
-.timeline-comment--caret.unread-item::before,
-.timeline-comment--caret.is-internal::after,
-.timeline-comment--caret.is-internal::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+@media (min-width: 576px) {
+ .sticky-sm-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
}
-
-.timeline-comment--caret.unread-item::after,
-.timeline-comment--caret.is-internal::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-attention-muted, var(--color-attention-subtle)),
- var(--bgColor-attention-muted, var(--color-attention-subtle))
- );
+@media (min-width: 768px) {
+ .sticky-md-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
}
-
-.timeline-comment--caret.unread-item::before,
-.timeline-comment--caret.is-internal::before {
- background-color: var(--borderColor-attention-muted, var(--color-attention-muted));
+@media (min-width: 992px) {
+ .sticky-lg-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1200px) {
+ .sticky-xl-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1400px) {
+ .sticky-xxl-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+.hstack {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ align-self: stretch;
}
-.timeline-comment--caret.timeline-comment--caret-nw::before,
-.timeline-comment--caret.timeline-comment--caret-nw::after {
- transform: rotate(90deg);
+.vstack {
+ display: flex;
+ flex: 1 1 auto;
+ flex-direction: column;
+ align-self: stretch;
}
-.timeline-comment--caret.timeline-comment--caret-nw::before {
- top: -12px;
- left: var(--base-size-12);
+.visually-hidden,
+.visually-hidden-focusable:not(:focus):not(:focus-within) {
+ position: absolute !important;
+ width: 1px !important;
+ height: 1px !important;
+ padding: 0 !important;
+ margin: -1px !important;
+ overflow: hidden !important;
+ clip: rect(0, 0, 0, 0) !important;
+ white-space: nowrap !important;
+ border: 0 !important;
}
-.timeline-comment--caret.timeline-comment--caret-nw::after {
- top: -10px;
- left: 10px;
+.stretched-link::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ content: '';
}
-.page-responsive .timeline-comment--caret::before,
-.page-responsive .timeline-comment--caret::after {
- display: none;
+.text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
-@media (min-width: 768px) {
- .page-responsive .timeline-comment--caret::before,
- .page-responsive .timeline-comment--caret::after {
- display: block;
- }
+.vr {
+ display: inline-block;
+ align-self: stretch;
+ width: 1px;
+ min-height: 1em;
+ background-color: currentColor;
+ opacity: 0.25;
}
-:target .timeline-comment--caret::before {
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-fg));
+.align-baseline {
+ vertical-align: baseline !important;
}
-:target .timeline-comment--caret::after {
- margin-left: 2px !important;
+.align-top {
+ vertical-align: top !important;
}
-:target .timeline-comment {
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-fg));
- outline: none !important;
- box-shadow: 0 0 0 1px var(--fgColor-accent, var(--color-accent-fg)) !important;
+.align-middle {
+ vertical-align: middle !important;
}
-.review-comment:target {
- border-radius: var(--borderRadius-medium);
- outline: none !important;
- box-shadow: 0 0 0 1px var(--fgColor-accent, var(--color-accent-fg)) !important;
+.align-bottom {
+ vertical-align: bottom !important;
}
-.timeline-comment-header {
- display: flex;
- align-items: center;
- padding-right: var(--base-size-16);
- padding-left: var(--base-size-16);
- color: var(--fgColor-muted, var(--color-fg-muted));
- flex-direction: row-reverse;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+.align-text-bottom {
+ vertical-align: text-bottom !important;
}
-.timeline-comment-header:only-child {
- border-bottom: 0;
- border-radius: var(--borderRadius-medium);
+.align-text-top {
+ vertical-align: text-top !important;
}
-.timeline-comment-header .author {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.float-start {
+ float: left !important;
}
-.timeline-comment-header code {
- word-break: break-all;
+.float-end {
+ float: right !important;
}
-.timeline-comment-header-text {
- min-width: 0;
- padding-top: var(--base-size-8);
- padding-bottom: var(--base-size-8);
- margin-bottom: 1px;
- flex: 1 1 auto;
+.float-none {
+ float: none !important;
}
-.timeline-comment-header-text code a {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.opacity-0 {
+ opacity: 0 !important;
}
-.timeline-comment-actions {
- float: right;
- margin-left: var(--base-size-8);
+.opacity-25 {
+ opacity: 0.25 !important;
}
-.timeline-comment-actions .show-more-popover.dropdown-menu-sw {
- right: -6px;
- margin-top: calc(var(--base-size-4) * -1);
+.opacity-50 {
+ opacity: 0.5 !important;
}
-.timeline-comment-action {
- display: inline-block;
- padding: var(--base-size-8) var(--base-size-4);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.opacity-75 {
+ opacity: 0.75 !important;
}
-.timeline-comment-action:hover,
-.timeline-comment-action:focus {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- opacity: 1;
+.opacity-100 {
+ opacity: 1 !important;
}
-.timeline-comment-action .octicon-check {
- height: 16px;
+.overflow-auto {
+ overflow: auto !important;
}
-.timeline-comment-action.disabled {
- color: var(--fgColor-muted, var(--color-fg-muted));
- cursor: default;
+.overflow-hidden {
+ overflow: hidden !important;
}
-.timeline-comment-action.disabled:hover {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.overflow-visible {
+ overflow: visible !important;
}
-.timeline-new-comment {
- margin-bottom: 0;
+.overflow-scroll {
+ overflow: scroll !important;
}
-.timeline-new-comment .comment-form-head {
- margin-bottom: var(--base-size-8);
+.d-inline {
+ display: inline !important;
}
-.timeline-new-comment .previewable-comment-form .comment-body {
- padding-top: 0;
+.d-inline-block {
+ display: inline-block !important;
}
-.discussion-item-icon {
- float: left;
- width: 32px;
- height: 32px;
- margin-top: calc(var(--base-size-4) * -1);
- margin-left: -39px;
- line-height: 28px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- text-align: center;
- background-color: var(--timelineBadge-bgColor, var(--color-timeline-badge-bg));
- border: var(--borderWidth-thick) solid var(--bgColor-default, var(--color-canvas-default));
- border-radius: 50%;
+.d-block {
+ display: block !important;
}
-.discussion-item-header {
- color: var(--fgColor-muted, var(--color-fg-muted));
- word-wrap: break-word;
+.d-grid {
+ display: grid !important;
}
-.discussion-item-header .discussion-item-private {
- vertical-align: -1px;
+.d-table {
+ display: table !important;
}
-.discussion-item-header:last-child {
- padding-bottom: 0;
+.d-table-row {
+ display: table-row !important;
}
-.discussion-item-header .commit-ref {
- font-size: 85%;
- vertical-align: baseline;
+.d-table-cell {
+ display: table-cell !important;
}
-.discussion-item-header .btn-outline {
- float: right;
- padding: var(--base-size-4) var(--base-size-8);
- margin-top: calc(var(--base-size-4) * -1);
- margin-left: var(--base-size-8);
+.d-flex {
+ display: flex !important;
}
-.discussion-item-private {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.d-inline-flex {
+ display: inline-flex !important;
}
-.previewable-comment-form .comment-form-head.tabnav {
- padding: var(--base-size-8) var(--base-size-8) 0;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.d-none {
+ display: none !important;
}
-@media (min-width: 768px) {
- .page-responsive .previewable-comment-form .comment-form-head.tabnav {
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- }
+.shadow {
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
-.previewable-comment-form .comment-body {
- padding-top: var(--base-size-8);
- padding-right: var(--base-size-8);
- padding-bottom: var(--base-size-8);
- padding-left: var(--base-size-8);
- background-color: transparent;
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.shadow-sm {
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
-.previewable-comment-form .timeline-comment .timeline-comment-actions {
- display: none;
+.shadow-lg {
+ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
-.new-discussion-timeline .composer .timeline-comment {
- margin-bottom: var(--base-size-8);
+.shadow-none {
+ box-shadow: none !important;
}
-.new-discussion-timeline .composer .comment-form-head.tabnav {
- padding-top: 0;
- background-color: var(--bgColor-default, var(--color-canvas-default));
+.position-static {
+ position: static !important;
}
-.composer.composer-responsive {
- padding-left: 0;
+.position-relative {
+ position: relative !important;
}
-.composer.composer-responsive .discussion-topic-header {
- padding: 0;
+.position-absolute {
+ position: absolute !important;
}
-.composer.composer-responsive .timeline-comment {
- border: 0;
+.position-fixed {
+ position: fixed !important;
}
-.composer.composer-responsive .timeline-comment::before,
-.composer.composer-responsive .timeline-comment::after {
- display: none;
+.position-sticky {
+ position: -webkit-sticky !important;
+ position: sticky !important;
}
-.composer.composer-responsive .previewable-comment-form .write-content {
- margin: 0;
+.top-0 {
+ top: 0 !important;
}
-@media (min-width: 768px) {
- .composer.composer-responsive {
- padding-left: 56px;
- }
-
- .composer.composer-responsive .timeline-comment {
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- }
-
- .composer.composer-responsive .timeline-comment::after,
- .composer.composer-responsive .timeline-comment::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
- }
-
- .composer.composer-responsive .timeline-comment::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-default, var(--color-canvas-default)),
- var(--bgColor-default, var(--color-canvas-default))
- );
- }
-
- .composer.composer-responsive .timeline-comment::before {
- background-color: var(--borderColor-default, var(--color-border-default));
- }
+.top-50 {
+ top: 50% !important;
}
-.discussion-timeline-actions {
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-top: var(--borderWidth-thick) solid var(--borderColor-default, var(--color-border-default));
+.top-100 {
+ top: 100% !important;
}
-.discussion-timeline-actions .thread-subscription-status {
- margin-top: var(--base-size-16);
+.bottom-0 {
+ bottom: 0 !important;
}
-.pagination-loader-container {
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: url('/assets/progressive-disclosure-line-7908f33fc4c6.svg');
- background-repeat: repeat-x;
- background-position: center;
- background-size: var(--base-size-16);
+.bottom-50 {
+ bottom: 50% !important;
}
-[data-color-mode='light'][data-light-theme*='dark'] .pagination-loader-container,
-[data-color-mode='dark'][data-dark-theme*='dark'] .pagination-loader-container {
- background-image: url('/assets/progressive-disclosure-line-dark-b31a1fc5e932.svg');
+.bottom-100 {
+ bottom: 100% !important;
}
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] .pagination-loader-container {
- background-image: url('/assets/progressive-disclosure-line-dark-b31a1fc5e932.svg');
- }
+.start-0 {
+ left: 0 !important;
}
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] .pagination-loader-container {
- background-image: url('/assets/progressive-disclosure-line-dark-b31a1fc5e932.svg');
- }
+.start-50 {
+ left: 50% !important;
}
-:target .timeline-comment-group .timeline-comment .timeline-comment-group .timeline-comment {
- box-shadow: none !important;
+.start-100 {
+ left: 100% !important;
}
-.is-pending .form-actions {
- margin-right: var(--base-size-8);
- margin-bottom: var(--base-size-4);
+.end-0 {
+ right: 0 !important;
}
-.is-pending .file,
-.is-pending .file-header,
-.is-pending .tabnav-tab.selected,
-.is-pending .comment-form-head.tabnav {
- border-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
+.end-50 {
+ right: 50% !important;
}
-.is-pending .file-header,
-.is-pending .comment-form-head.tabnav {
- background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
+.end-100 {
+ right: 100% !important;
}
-.discussion-item-icon-gray {
- background-color: var(--timelineBadge-bgColor, var(--color-timeline-badge-bg)) !important;
+.translate-middle {
+ transform: translate(-50%, -50%) !important;
}
-.footer-octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
- offset: 2px;
+.translate-middle-x {
+ transform: translateX(-50%) !important;
}
-.footer-octicon:hover {
- color: var(--fgColor-disabled, var(--color-fg-subtle));
+.translate-middle-y {
+ transform: translateY(-50%) !important;
}
-.global-create-button {
- padding: 0 var(--control-small-paddingInline-condensed);
+.border {
+ border: 1px solid #dee2e6 !important;
}
-.user-mention,
-.team-mention {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
- white-space: nowrap;
+.border-0 {
+ border: 0 !important;
}
-.Popover .user-mention,
-.Popover .team-mention {
- white-space: normal;
+.border-top {
+ border-top: 1px solid #dee2e6 !important;
}
-@media (max-width: 543px) {
- .notifications-component-menu-modal {
- margin: calc(10vh - 16px) 0;
- }
+.border-top-0 {
+ border-top: 0 !important;
}
-@media (min-width: 544px) {
- .notifications-component-menu-modal {
- width: 100%;
- }
+.border-end {
+ border-right: 1px solid #dee2e6 !important;
}
-@media (min-width: 768px) {
- .notifications-component-menu-modal {
- min-width: 300px;
- }
+.border-end-0 {
+ border-right: 0 !important;
}
-.notifications-component-dialog-overlay {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 80;
- display: block;
- cursor: default;
- content: ' ';
- background: transparent;
- background: var(--overlay-backdrop-bgColor, var(--color-primer-canvas-backdrop));
+.border-bottom {
+ border-bottom: 1px solid #dee2e6 !important;
}
-@media (min-width: 544px) {
- .notifications-component-dialog-overlay {
- display: none;
- }
+.border-bottom-0 {
+ border-bottom: 0 !important;
}
-.pagehead {
- position: relative;
- padding-top: var(--base-size-24);
- padding-bottom: var(--base-size-24);
- margin-bottom: var(--base-size-24);
- border-bottom: solid var(--borderWidth-thin) var(--borderColor-default);
+.border-start {
+ border-left: 1px solid #dee2e6 !important;
}
-.pagehead.admin {
- background: url('/assets/background-yellowhatch-v3-ffd8c31a935a.png') 0 0 repeat-x;
+.border-start-0 {
+ border-left: 0 !important;
}
-.pagehead ul.pagehead-actions {
- position: relative;
- z-index: 31;
- float: right;
- margin: 0;
+.border-primary {
+ border-color: #0d6efd !important;
}
-.pagehead .path-divider {
- margin: 0 0.25em;
+.border-secondary {
+ border-color: #6c757d !important;
}
-.pagehead h1 {
- min-height: var(--base-size-32);
- margin-top: 0;
- margin-bottom: 0;
- font-size: 20px;
- font-weight: var(--base-text-weight-normal, 400);
+.border-success {
+ border-color: #198754 !important;
}
-.pagehead h1 .avatar {
- margin-top: -2px;
- margin-right: var(--base-size-8);
- margin-bottom: -2px;
+.border-info {
+ border-color: #0dcaf0 !important;
}
-.pagehead .underline-nav {
- height: 69px;
- margin-top: calc(var(--base-size-16) * -1);
- margin-bottom: calc(var(--base-size-16) * -1);
+.border-warning {
+ border-color: #ffc107 !important;
}
-.pagehead-heading {
- color: inherit;
+.border-danger {
+ border-color: #dc3545 !important;
}
-.pagehead-actions > li {
- float: left;
- margin: 0 var(--base-size-8) 0 0;
- font-size: 12px;
- color: var(--fgColor-default, var(--color-fg-default));
- list-style-type: none;
+.border-light {
+ border-color: #f8f9fa !important;
}
-.pagehead-actions > li:last-child {
- margin-right: 0;
+.border-dark {
+ border-color: #212529 !important;
}
-.pagehead-actions .octicon-mute {
- color: var(--fgColor-danger, var(--color-danger-fg));
+.border-white {
+ border-color: #fff !important;
}
-.pagehead-actions .select-menu {
- position: relative;
+.border-1 {
+ border-width: 1px !important;
}
-.pagehead-actions .select-menu::before {
- display: table;
- content: '';
+.border-2 {
+ border-width: 2px !important;
}
-.pagehead-actions .select-menu::after {
- display: table;
- clear: both;
- content: '';
+.border-3 {
+ border-width: 3px !important;
}
-.pagehead-actions .select-menu-modal-holder {
- top: 100%;
+.border-4 {
+ border-width: 4px !important;
}
-.pagehead-tabs-item {
- float: left;
- padding: var(--base-size-8) var(--base-size-16) var(--base-size-12);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- border: solid transparent;
- border-width: 3px var(--borderWidth-thin) var(--borderWidth-thin);
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.border-5 {
+ border-width: 5px !important;
}
-.pagehead-tabs-item .octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.w-25 {
+ width: 25% !important;
}
-.pagehead-tabs-item:hover {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
+.w-50 {
+ width: 50% !important;
}
-.pagehead-tabs-item.selected {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-color: var(--borderColor-severe-emphasis, var(--color-severe-emphasis))
- var(--borderColor-default, var(--color-border-default)) transparent;
+.w-75 {
+ width: 75% !important;
}
-.pagehead-tabs-item.selected > .octicon {
- color: inherit;
+.w-100 {
+ width: 100% !important;
}
-.reponav {
- position: relative;
- top: 1px;
- margin-top: calc(var(--base-size-4) * -1);
+.w-auto {
+ width: auto !important;
}
-.reponav::before {
- display: table;
- content: '';
+.mw-100 {
+ max-width: 100% !important;
}
-.reponav::after {
- display: table;
- clear: both;
- content: '';
+.vw-100 {
+ width: 100vw !important;
}
-.reponav-item {
- float: left;
- padding: var(--base-size-8) var(--base-size-16) var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-muted));
- white-space: nowrap;
- border: solid transparent;
- border-width: 3px var(--borderWidth-thin) var(--borderWidth-thin);
- border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
+.min-vw-100 {
+ min-width: 100vw !important;
}
-.reponav-item .octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.h-25 {
+ height: 25% !important;
}
-.reponav-item:hover,
-.reponav-item:focus {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
+.h-50 {
+ height: 50% !important;
}
-.reponav-item.selected {
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border-color: var(--borderColor-severe-emphasis, var(--color-severe-emphasis))
- var(--borderColor-default, var(--color-border-default)) transparent;
+.h-75 {
+ height: 75% !important;
}
-.reponav-item.selected .octicon {
- color: inherit;
+.h-100 {
+ height: 100% !important;
}
-.reponav-wrapper {
- position: relative;
- z-index: 2;
- overflow-y: hidden;
- background-color: var(--bgColor-neutral-emphasis, var(--color-neutral-emphasis));
+.h-auto {
+ height: auto !important;
}
-.reponav-wrapper .reponav {
- top: 0;
- padding-right: var(--base-size-8);
- padding-left: var(--base-size-8);
- margin-top: 0;
- -webkit-overflow-scrolling: touch;
- overflow-x: auto;
- color: rgba(255, 255, 255, 0.75);
+.mh-100 {
+ max-height: 100% !important;
}
-.reponav-wrapper .reponav-item {
- display: inline-block;
- float: none;
- padding: var(--base-size-4) var(--base-size-8) var(--base-size-16);
- color: var(--fgColor-muted, var(--color-fg-muted));
- border: 0;
+.vh-100 {
+ height: 100vh !important;
}
-.reponav-wrapper .reponav-item.selected {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: transparent;
- border: 0;
+.min-vh-100 {
+ min-height: 100vh !important;
}
-@media (max-width: 768px) {
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) {
- background-color: transparent;
- }
-
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem)
- .ActionList-item-label {
- font-weight: var(--base-text-weight-normal, 400);
- }
-
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane .ActionList-item--navActive::after {
- display: none;
- }
-
- .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane
- .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover {
- background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
- }
+.flex-fill {
+ flex: 1 1 auto !important;
}
-.steps {
- display: table;
- width: 100%;
- padding: 0;
- margin: var(--base-size-32) auto 0;
- overflow: hidden;
- list-style: none;
- border: var(--borderWidth-thin) solid #dfe2e5;
- border-radius: var(--borderRadius-medium);
- box-shadow: 0 1px 3px rgba(27, 31, 35, 0.05);
+.flex-row {
+ flex-direction: row !important;
}
-.steps li {
- display: table-cell;
- width: 33.3%;
- padding: var(--base-size-8) var(--base-size-16);
- color: #c6cbd1;
- cursor: default;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-left: var(--borderWidth-thin) solid #dfe2e5;
+.flex-column {
+ flex-direction: column !important;
}
-.steps li.current {
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-default, var(--color-canvas-default));
+.flex-row-reverse {
+ flex-direction: row-reverse !important;
}
-.steps li.current .octicon {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.flex-column-reverse {
+ flex-direction: column-reverse !important;
}
-.steps li .octicon {
- float: left;
- margin-right: var(--base-size-16);
- margin-bottom: var(--base-size-4);
+.flex-grow-0 {
+ flex-grow: 0 !important;
}
-.steps li .step {
- display: block;
+.flex-grow-1 {
+ flex-grow: 1 !important;
}
-.steps li:first-child {
- border-left: 0;
+.flex-shrink-0 {
+ flex-shrink: 0 !important;
}
-.steps .complete {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.flex-shrink-1 {
+ flex-shrink: 1 !important;
}
-.steps .complete .octicon {
- color: var(--fgColor-success, var(--color-success-fg));
+.flex-wrap {
+ flex-wrap: wrap !important;
}
-.prose-diff .anchor {
- display: none;
+.flex-nowrap {
+ flex-wrap: nowrap !important;
}
-.prose-diff .show-rich-diff {
- color: var(--fgColor-accent, var(--color-accent-fg));
- text-decoration: none;
- cursor: pointer;
+.flex-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
}
-.prose-diff .show-rich-diff:hover {
- text-decoration: underline;
+.gap-0 {
+ gap: 0 !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable {
- cursor: pointer;
+.gap-1 {
+ gap: 0.25rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable .vicinity {
- display: block;
+.gap-2 {
+ gap: 0.5rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable .unchanged:not(.vicinity) {
- display: none;
+.gap-3 {
+ gap: 1rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable .octicon {
- display: block;
- margin: var(--base-size-16) auto;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.gap-4 {
+ gap: 1.5rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable:hover .octicon {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.gap-5 {
+ gap: 3rem !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable:only-child::before {
- font-size: 16px;
- color: var(--fgColor-muted, var(--color-fg-muted));
- content: 'Sorry, no visible changes to display.';
+.justify-content-start {
+ justify-content: flex-start !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable:only-child:hover::before {
- color: var(--fgColor-default, var(--color-fg-default));
+.justify-content-end {
+ justify-content: flex-end !important;
}
-.prose-diff.collapsed .rich-diff-level-zero.expandable > .removed,
-.prose-diff.collapsed .rich-diff-level-zero.expandable > del {
- display: none;
- text-decoration: none;
+.justify-content-center {
+ justify-content: center !important;
}
-.prose-diff .markdown-body {
- padding: var(--base-size-32);
- padding-left: var(--base-size-16);
+.justify-content-between {
+ justify-content: space-between !important;
}
-.prose-diff .markdown-body > ins {
- box-shadow: inset 4px 0 0 var(--borderColor-success-muted, var(--color-success-muted));
+.justify-content-around {
+ justify-content: space-around !important;
}
-.prose-diff .markdown-body > del {
- text-decoration: none;
- box-shadow: inset 4px 0 0 var(--borderColor-danger-muted, var(--color-danger-muted));
+.justify-content-evenly {
+ justify-content: space-evenly !important;
}
-.prose-diff .markdown-body > ins,
-.prose-diff .markdown-body > del {
- display: block;
- border-radius: 0;
+.align-items-start {
+ align-items: flex-start !important;
}
-.prose-diff .markdown-body > ins > .rich-diff-level-zero,
-.prose-diff .markdown-body > ins > .rich-diff-level-one,
-.prose-diff .markdown-body > del > .rich-diff-level-zero,
-.prose-diff .markdown-body > del > .rich-diff-level-one {
- margin-left: var(--base-size-16);
+.align-items-end {
+ align-items: flex-end !important;
}
-.prose-diff .markdown-body > ins:first-child *,
-.prose-diff .markdown-body > del:first-child * {
- margin-top: 0;
+.align-items-center {
+ align-items: center !important;
}
-.prose-diff .rich-diff-level-zero.added {
- box-shadow: inset 4px 0 0 var(--borderColor-success-muted, var(--color-success-muted));
+.align-items-baseline {
+ align-items: baseline !important;
}
-.prose-diff .rich-diff-level-zero.removed {
- box-shadow: inset 4px 0 0 var(--borderColor-danger-muted, var(--color-danger-muted));
+.align-items-stretch {
+ align-items: stretch !important;
}
-.prose-diff .rich-diff-level-zero.changed {
- box-shadow: inset 4px 0 0 var(--borderColor-attention-muted, var(--color-attention-muted));
+.align-content-start {
+ align-content: flex-start !important;
}
-.prose-diff .rich-diff-level-zero.unchanged,
-.prose-diff .rich-diff-level-zero.vicinity {
- margin-left: var(--base-size-16);
+.align-content-end {
+ align-content: flex-end !important;
}
-.prose-diff .rich-diff-level-zero.added,
-.prose-diff .rich-diff-level-zero.removed,
-.prose-diff .rich-diff-level-zero.changed {
- display: block;
- border-radius: 0;
+.align-content-center {
+ align-content: center !important;
}
-.prose-diff .rich-diff-level-zero.added > .rich-diff-level-one,
-.prose-diff .rich-diff-level-zero.removed > .rich-diff-level-one,
-.prose-diff .rich-diff-level-zero.changed > .rich-diff-level-one {
- margin-left: var(--base-size-16);
+.align-content-between {
+ align-content: space-between !important;
}
-.prose-diff .rich-diff-level-zero.added:first-child *,
-.prose-diff .rich-diff-level-zero.removed:first-child *,
-.prose-diff .rich-diff-level-zero.changed:first-child * {
- margin-top: 0;
+.align-content-around {
+ align-content: space-around !important;
}
-.prose-diff :not(.changed) > :not(.github-user-ins):not(.github-user-del) > .removed,
-.prose-diff :not(.changed) > :not(.github-user-ins):not(.github-user-del) > del {
- text-decoration: none;
+.align-content-stretch {
+ align-content: stretch !important;
}
-.prose-diff .changed del,
-.prose-diff .changed del pre,
-.prose-diff .changed del code,
-.prose-diff .changed del > div,
-.prose-diff .changed .removed,
-.prose-diff .changed .removed pre,
-.prose-diff .changed .removed code,
-.prose-diff .changed .removed > div {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: line-through;
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.align-self-auto {
+ align-self: auto !important;
}
-.prose-diff .changed ins,
-.prose-diff .changed ins code,
-.prose-diff .changed ins pre,
-.prose-diff .changed .added {
- color: var(--fgColor-default, var(--color-fg-default));
- background: var(--bgColor-success-muted, var(--color-success-subtle));
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-success-muted, var(--color-success-muted));
+.align-self-start {
+ align-self: flex-start !important;
}
-.prose-diff > .markdown-body .github-user-ins {
- text-decoration: underline;
+.align-self-end {
+ align-self: flex-end !important;
}
-.prose-diff > .markdown-body .github-user-del {
- text-decoration: line-through;
+.align-self-center {
+ align-self: center !important;
}
-.prose-diff > .markdown-body li ul.added {
- background: var(--bgColor-success-muted, var(--color-success-subtle));
+.align-self-baseline {
+ align-self: baseline !important;
}
-.prose-diff > .markdown-body li ul.removed {
- color: var(--fgColor-default, var(--color-fg-default));
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.align-self-stretch {
+ align-self: stretch !important;
}
-.prose-diff > .markdown-body li ul.removed:not(.github-user-ins) {
- text-decoration: line-through;
+.order-first {
+ order: -1 !important;
}
-.prose-diff > .markdown-body li.added.moved-up .octicon,
-.prose-diff > .markdown-body li.added.moved-down .octicon {
- margin-right: var(--base-size-4);
- margin-left: var(--base-size-4);
- color: var(--fgColor-muted, var(--color-fg-muted));
+.order-0 {
+ order: 0 !important;
}
-.prose-diff > .markdown-body li.added.moved {
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
+.order-1 {
+ order: 1 !important;
}
-.prose-diff > .markdown-body li.removed.moved {
- display: none;
+.order-2 {
+ order: 2 !important;
}
-.prose-diff > .markdown-body pre {
- padding: var(--base-size-8) var(--base-size-16);
+.order-3 {
+ order: 3 !important;
}
-.prose-diff > .markdown-body th.changed,
-.prose-diff > .markdown-body td.changed {
- background: var(--bgColor-attention-muted, var(--color-attention-subtle));
- border-left-color: var(--borderColor-default, var(--color-border-default));
+.order-4 {
+ order: 4 !important;
}
-.prose-diff > .markdown-body :not(li.moved).removed {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: line-through;
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.order-5 {
+ order: 5 !important;
}
-.prose-diff > .markdown-body :not(.github-user-ins):not(li.moved).removed {
- text-decoration: line-through;
+.order-last {
+ order: 6 !important;
}
-.prose-diff > .markdown-body :not(li.moved).added,
-.prose-diff > .markdown-body li:not(.moved).added {
- background: var(--bgColor-success-muted, var(--color-success-subtle));
+.m-0 {
+ margin: 0 !important;
}
-.prose-diff > .markdown-body :not(.github-user-del):not(li.moved).added li:not(.moved):not(.github-user-del).added {
- text-decoration: none;
+.m-1 {
+ margin: 0.25rem !important;
}
-.prose-diff > .markdown-body li:not(.moved).removed {
- color: var(--fgColor-default, var(--color-fg-default));
- background: var(--bgColor-danger-muted, var(--color-danger-subtle));
+.m-2 {
+ margin: 0.5rem !important;
}
-.prose-diff > .markdown-body li:not(.moved):not(.github-user-ins).removed {
- text-decoration: line-through;
+.m-3 {
+ margin: 1rem !important;
}
-.prose-diff > .markdown-body .added,
-.prose-diff > .markdown-body ins + .added,
-.prose-diff > .markdown-body ins {
- border-top: 0;
- border-bottom: 0;
+.m-4 {
+ margin: 1.5rem !important;
}
-.prose-diff > .markdown-body .added:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins + .added:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins:not(.github-user-del):not(.github-user-ins) {
- text-decoration: none;
+.m-5 {
+ margin: 3rem !important;
}
-.prose-diff > .markdown-body img.added,
-.prose-diff > .markdown-body img.removed {
- border-style: solid;
- border-width: var(--borderWidth-thin);
+.m-auto {
+ margin: auto !important;
}
-.prose-diff > .markdown-body ins pre:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins code:not(.github-user-del):not(.github-user-ins),
-.prose-diff > .markdown-body ins > div:not(.github-user-del):not(.github-user-ins) {
- text-decoration: none;
+.mx-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
}
-.prose-diff > .markdown-body ul > ins,
-.prose-diff > .markdown-body ul > del {
- display: block;
- padding: 0;
+.mx-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
}
-.prose-diff > .markdown-body .added > li,
-.prose-diff > .markdown-body .removed > li {
- margin-top: 0;
- margin-bottom: 0;
+.mx-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
}
-span.changed_tag,
-em.changed_tag,
-strong.changed_tag,
-b.changed_tag,
-i.changed_tag,
-code.changed_tag {
- border-bottom: var(--borderWidth-thin) dotted var(--borderColor-default, var(--color-border-default));
- border-radius: 0;
+.mx-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
}
-a.added_href,
-a.changed_href,
-span.removed_href {
- border-bottom: var(--borderWidth-thin) dotted var(--borderColor-default, var(--color-border-default));
- border-radius: 0;
+.mx-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
}
-.diff-view .file-type-prose .rich-diff {
- display: none;
+.mx-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
}
-.diff-view .display-rich-diff .rich-diff {
- display: block;
+.mx-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
}
-.diff-view .display-rich-diff .file-diff {
- display: none;
+.my-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
}
-.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.added,
-.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.removed,
-.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.changed {
- box-shadow: none;
+.my-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
}
-.protip {
- margin-top: var(--base-size-16);
- color: var(--fgColor-muted, var(--color-fg-muted));
- text-align: center;
+.my-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
}
-.protip strong {
- color: var(--fgColor-default, var(--color-fg-default));
+.my-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
}
-.protip code {
- padding: 2px;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-radius: var(--borderRadius-medium);
+.my-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
}
-.add-reactions-options-item {
- margin-top: -1px;
- margin-right: -1px;
- line-height: 29px;
- border: var(--borderWidth-thin) solid transparent;
+.my-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
}
-.add-reactions-options-item .emoji {
- display: inline-block;
- transition: transform 0.15s cubic-bezier(0.2, 0, 0.13, 2);
+.my-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
}
-.add-reactions-options-item:hover .emoji,
-.add-reactions-options-item:focus .emoji {
- text-decoration: none !important;
- transform: scale(1.2) !important;
+.mt-0 {
+ margin-top: 0 !important;
}
-.add-reactions-options-item:active {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.mt-1 {
+ margin-top: 0.25rem !important;
}
-.page-responsive .add-reactions-options-item {
- height: 20vw;
+.mt-2 {
+ margin-top: 0.5rem !important;
}
-@media (min-width: 544px) {
- .page-responsive .add-reactions-options-item {
- height: auto;
- }
+.mt-3 {
+ margin-top: 1rem !important;
}
-.comment-reactions {
- display: none;
+.mt-4 {
+ margin-top: 1.5rem !important;
}
-.comment-reactions::before {
- display: table;
- content: '';
+.mt-5 {
+ margin-top: 3rem !important;
}
-.comment-reactions::after {
- display: table;
- clear: both;
- content: '';
+.mt-auto {
+ margin-top: auto !important;
}
-.page-responsive .comment-reactions {
- display: none;
+.me-0 {
+ margin-right: 0 !important;
}
-@media (min-width: 768px) {
- .page-responsive .comment-reactions {
- display: none;
- }
-
- .page-responsive .comment-reactions.has-reactions {
- display: flex;
- }
+.me-1 {
+ margin-right: 0.25rem !important;
}
-.comment-reactions.has-reactions {
- display: flex;
+.me-2 {
+ margin-right: 0.5rem !important;
}
-.comment-reactions.has-reactions:not(.social-reactions) {
- border-top: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
+.me-3 {
+ margin-right: 1rem !important;
}
-.comment-reactions .user-has-reacted {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.me-4 {
+ margin-right: 1.5rem !important;
}
-.reactions-container .user-has-reacted {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.me-5 {
+ margin-right: 3rem !important;
}
-.social-reaction-summary-item + .social-reaction-summary-item {
- margin-left: var(--base-size-8);
+.me-auto {
+ margin-right: auto !important;
}
-.social-reactions .comment-body {
- margin-left: var(--base-size-16) !important;
+.mb-0 {
+ margin-bottom: 0 !important;
}
-.social-button-emoji {
- display: inline-block;
- width: 16px;
- height: 16px;
- font-size: 1em !important;
- line-height: 1.25;
- vertical-align: -1px;
+.mb-1 {
+ margin-bottom: 0.25rem !important;
}
-.social-reaction-summary-item {
- height: 26px;
- padding: 0 var(--base-size-4) !important;
- margin-right: 0;
- font-size: 12px;
- line-height: 26px;
- background-color: transparent;
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default, #d2dff0));
- border-radius: 100px;
+.mb-2 {
+ margin-bottom: 0.5rem !important;
}
-.social-reaction-summary-item:focus,
-.social-reaction-summary-item:focus-visible {
- border-radius: 100px !important;
+.mb-3 {
+ margin-bottom: 1rem !important;
}
-.social-reaction-summary-item:focus {
- border-color: var(--focus-outlineColor, var(--color-accent-fg));
- outline: none;
- box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
+.mb-4 {
+ margin-bottom: 1.5rem !important;
}
-.social-reaction-summary-item:focus:not(:focus-visible) {
- border-color: transparent;
- border-color: var(--focus-outlineColor, var(--color-accent-fg));
- outline: none;
- box-shadow: inset 0 0 0 1px transparent;
+.mb-5 {
+ margin-bottom: 3rem !important;
}
-.social-reaction-summary-item:focus-visible {
- border-color: var(--focus-outlineColor, var(--color-accent-fg));
- outline: none;
- box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
+.mb-auto {
+ margin-bottom: auto !important;
}
-.social-reaction-summary-item.user-has-reacted {
- color: var(--reactionButton-selected-fgColor-rest, var(--color-accent-fg));
- background-color: var(--reactionButton-selected-bgColor-rest, var(--color-accent-subtle));
- border: var(--borderWidth-thin) solid var(--borderColor-accent-emphasis, var(--color-accent-emphasis)) !important;
+.ms-0 {
+ margin-left: 0 !important;
}
-.social-reaction-summary-item.user-has-reacted:hover {
- background-color: var(--reactionButton-selected-bgColor-hover, var(--color-accent-subtle)) !important;
+.ms-1 {
+ margin-left: 0.25rem !important;
}
-.social-reaction-summary-item > span {
- height: 24px;
- padding: 0 var(--base-size-4);
- margin-left: 2px;
+.ms-2 {
+ margin-left: 0.5rem !important;
}
-.social-reaction-summary-item:hover {
- color: var(--reactionButton-selected-fgColor-hover, var(--color-accent-fg));
- background-color: var(--reactionButton-selected-bgColor-hover, var(--color-accent-subtle));
+.ms-3 {
+ margin-left: 1rem !important;
}
-.reaction-dropdown-button {
- color: var(--fgColor-muted, var(--color-fg-muted));
+.ms-4 {
+ margin-left: 1.5rem !important;
}
-.reaction-dropdown-button:hover {
- color: var(--fgColor-accent, var(--color-accent-fg));
+.ms-5 {
+ margin-left: 3rem !important;
}
-.reaction-dropdown-button--inline {
- width: 26px;
- height: 26px;
+.ms-auto {
+ margin-left: auto !important;
}
-.reaction-dropdown-button--inline:hover {
- background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg)) !important;
- border-color: var(--button-default-borderColor-hover, var(--color-btn-hover-border)) !important;
+.p-0 {
+ padding: 0 !important;
}
-.reaction-dropdown-button:disabled {
- color: var(--fgColor-disabled, var(--color-primer-fg-disabled)) !important;
- pointer-events: none;
+.p-1 {
+ padding: 0.25rem !important;
}
-.reactions-with-gap .comment .comment-reactions {
- margin-left: var(--base-size-16);
- border-top: 0 !important;
+.p-2 {
+ padding: 0.5rem !important;
}
-.new-reactions-dropdown .dropdown-menu-reactions {
- width: auto;
- padding: 0 2px;
+.p-3 {
+ padding: 1rem !important;
}
-.new-reactions-dropdown .dropdown-menu-reactions::before,
-.new-reactions-dropdown .dropdown-menu-reactions::after {
- background-color: transparent;
- border: 0;
+.p-4 {
+ padding: 1.5rem !important;
}
-.new-reactions-dropdown .dropdown-item-reaction {
- width: 32px;
- height: 32px;
- padding: var(--base-size-4);
- margin: var(--base-size-4) 2px;
+.p-5 {
+ padding: 3rem !important;
}
-.new-reactions-dropdown .dropdown-item-reaction.user-has-reacted {
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
+.px-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-.new-reactions-dropdown .dropdown-item-reaction:hover {
- background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg));
+.px-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
}
-.render-container {
- padding: var(--base-size-32);
- line-height: 0;
- text-align: center;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+.px-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
}
-.render-container .render-viewer {
- display: block;
- width: 1px;
- height: 1px;
- border: 0;
+.px-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
}
-.render-container .octospinner {
- display: none;
+.px-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
}
-.render-container .render-viewer-error,
-.render-container .render-viewer-fatal,
-.render-container .render-viewer-invalid,
-.render-container .render-fullscreen {
- display: none;
+.px-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
}
-.render-container.is-render-automatic .octospinner {
- display: inline-block;
+.py-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
}
-.render-container.is-render-requested .octospinner {
- display: inline-block;
+.py-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
}
-.render-container.is-render-requested.is-render-failed .render-viewer-error {
- display: inline-block;
+.py-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
}
-.render-container.is-render-requested.is-render-failed .render-viewer,
-.render-container.is-render-requested.is-render-failed .render-viewer-fatal,
-.render-container.is-render-requested.is-render-failed .render-viewer-invalid,
-.render-container.is-render-requested.is-render-failed .octospinner {
- display: none;
+.py-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
}
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer-fatal {
- display: inline-block;
+.py-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
}
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer,
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer-error,
-.render-container.is-render-requested.is-render-failed-fatal .render-viewer-invalid,
-.render-container.is-render-requested.is-render-failed-fatal .octospinner {
- display: none;
+.py-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
}
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer-invalid {
- display: inline-block;
+.pt-0 {
+ padding-top: 0 !important;
}
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer,
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer-error,
-.render-container.is-render-requested.is-render-failed-invalid .render-viewer-fatal,
-.render-container.is-render-requested.is-render-failed-invalid .octospinner {
- display: none;
+.pt-1 {
+ padding-top: 0.25rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) {
- height: 500px;
- padding: 0;
- background: none;
+.pt-2 {
+ padding-top: 0.5rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer {
- width: 100%;
- height: 100%;
+.pt-3 {
+ padding-top: 1rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-fullscreen {
- display: flex;
+.pt-4 {
+ padding-top: 1.5rem !important;
}
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer-error,
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer-fatal,
-.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .octospinner {
- display: none;
+.pt-5 {
+ padding-top: 3rem !important;
}
-.render-needs-enrichment {
- margin-bottom: var(--base-size-16);
+.pe-0 {
+ padding-right: 0 !important;
}
-.render-needs-enrichment .render-full-screen {
- width: 100%;
- height: auto;
- padding: var(--base-size-16);
- overflow: auto;
+.pe-1 {
+ padding-right: 0.25rem !important;
}
-.render-needs-enrichment .render-full-screen-close {
- top: 0;
- right: 0;
- padding: var(--base-size-4);
+.pe-2 {
+ padding-right: 0.5rem !important;
}
-.render-needs-enrichment .details {
- margin-bottom: 0;
+.pe-3 {
+ padding-right: 1rem !important;
}
-.render-needs-enrichment .render-plaintext-hidden {
- display: none;
+.pe-4 {
+ padding-right: 1.5rem !important;
}
-.render-notice {
- padding: var(--base-size-16) var(--base-size-16);
- font-size: 14px;
- color: var(--fgColor-default, var(--color-fg-default));
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-color: var(--borderColor-muted, var(--color-border-subtle));
+.pe-5 {
+ padding-right: 3rem !important;
}
-relative-time {
- white-space: nowrap;
+.pb-0 {
+ padding-bottom: 0 !important;
}
-math-renderer {
- max-width: 100%;
- overflow: auto;
+.pb-1 {
+ padding-bottom: 0.25rem !important;
}
-.js-inline-math {
- overflow-x: auto;
- overflow-y: hidden;
- vertical-align: bottom;
+.pb-2 {
+ padding-bottom: 0.5rem !important;
}
-.js-inline-math > math {
- overflow-x: auto;
- overflow-y: hidden;
+.pb-3 {
+ padding-bottom: 1rem !important;
}
-.js-display-math > math {
- padding-top: var(--base-size-6);
- padding-bottom: var(--base-size-6);
- overflow-x: auto;
+.pb-4 {
+ padding-bottom: 1.5rem !important;
}
-math-renderer > math > mrow {
- padding-right: var(--base-size-2);
- padding-left: var(--base-size-2);
+.pb-5 {
+ padding-bottom: 3rem !important;
}
-math-renderer > math > mrow > msubsup + msubsup {
- position: absolute;
+.ps-0 {
+ padding-left: 0 !important;
}
-.Skeleton {
- color: rgba(0, 0, 0, 0);
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
+.ps-1 {
+ padding-left: 0.25rem !important;
}
-.Skeleton * {
- visibility: hidden;
+.ps-2 {
+ padding-left: 0.5rem !important;
}
-.Skeleton--text {
- clip-path: inset(var(--base-size-4) 0 var(--base-size-4) 0 round 3px 3px 3px 3px);
+.ps-3 {
+ padding-left: 1rem !important;
}
-.is-error .Skeleton {
- display: none;
+.ps-4 {
+ padding-left: 1.5rem !important;
}
-@media (prefers-reduced-motion: no-preference) {
- .Skeleton {
- mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);
- mask-size: 200%;
- animation: skeleton-loading;
- animation-duration: 1s;
- animation-iteration-count: infinite;
- }
+.ps-5 {
+ padding-left: 3rem !important;
}
-@keyframes skeleton-loading {
- 0% {
- mask-position: 200%;
- }
-
- 100% {
- mask-position: 0%;
- }
+.font-monospace {
+ font-family: var(--bs-font-monospace) !important;
}
-.authors-2 .AvatarStack {
- min-width: 36px !important;
+.fs-1 {
+ font-size: calc(1.375rem + 1.5vw) !important;
}
-.authors-3 .AvatarStack {
- min-width: 46px !important;
+.fs-2 {
+ font-size: calc(1.325rem + 0.9vw) !important;
}
-[aria-selected='true'] .AvatarStack-body,
-.navigation-focus .AvatarStack-body {
- background: #f6fbff;
+.fs-3 {
+ font-size: calc(1.3rem + 0.6vw) !important;
}
-.tracked-in-parent-pill {
- position: relative;
- cursor: default;
+.fs-4 {
+ font-size: calc(1.275rem + 0.3vw) !important;
}
-.tracked-in-parent-pill-truncated {
- position: absolute;
- left: 100%;
- display: none;
- white-space: nowrap;
- background: var(--bgColor-default, var(--color-canvas-default));
- border-left-width: 0 !important;
- border-top-left-radius: 0 !important;
- border-bottom-left-radius: 0 !important;
+.fs-5 {
+ font-size: 1.25rem !important;
}
-.tracked-in-parent-pill:hover .tracked-in-parent-pill-truncated {
- display: block;
+.fs-6 {
+ font-size: 1rem !important;
}
-.wizard-content.horizontal {
- flex-direction: column;
+.fst-italic {
+ font-style: italic !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps {
- width: 30%;
+.fst-normal {
+ font-style: normal !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge {
- margin: 0;
- color: var(--fgColor-muted, var(--color-fg-subtle));
- background-color: var(--bgColor-inset, var(--color-canvas-inset));
- border-color: var(--borderColor-neutral-emphasis, var(--color-fg-subtle));
+.fw-light {
+ font-weight: 300 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge.current {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+.fw-lighter {
+ font-weight: lighter !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-bar {
- border-color: var(--borderColor-neutral-emphasis, var(--color-fg-subtle));
+.fw-normal {
+ font-weight: 400 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-bar.complete {
- border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
+.fw-bold {
+ font-weight: 700 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge.complete {
- display: none;
+.fw-bolder {
+ font-weight: bolder !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge-check {
- display: none !important;
+.lh-1 {
+ line-height: 1 !important;
}
-.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge-check.complete {
- display: inherit !important;
- width: 32px !important;
- height: 32px !important;
+.lh-sm {
+ line-height: 1.25 !important;
}
-.wizard-content.horizontal .wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-buttons {
- align-items: center;
- justify-content: center;
+.lh-base {
+ line-height: 1.5 !important;
}
-.wizard-content.horizontal .wizard-step-item {
- margin-left: 0 !important;
- flex-direction: column !important;
+.lh-lg {
+ line-height: 2 !important;
}
-.wizard-content.horizontal .wizard-step-item::before,
-.wizard-content.horizontal .wizard-step-item .wizard-step-badge,
-.wizard-content.horizontal .wizard-step-item .wizard-step-icon,
-.wizard-content.horizontal .wizard-step-item .wizard-step-header {
- display: none !important;
+.text-start {
+ text-align: left !important;
}
-.wizard-content.horizontal .wizard-step-item .wizard-step-container::before,
-.wizard-content.horizontal .wizard-step-item .wizard-step-container::after {
- display: none !important;
+.text-end {
+ text-align: right !important;
}
-.wizard-step-item {
- position: relative;
- padding: var(--base-size-8) 0;
- margin-left: var(--base-size-16);
- flex-direction: row;
+.text-center {
+ text-align: center !important;
}
-.wizard-step-item::before {
- position: absolute;
- top: var(--base-size-32);
- bottom: 0;
- left: 0;
- display: block;
- width: 2px;
- height: 100%;
- content: '';
- background-color: var(--borderColor-default, var(--color-border-default));
+.text-decoration-none {
+ text-decoration: none !important;
}
-.wizard-step-badge {
- position: relative;
- z-index: 1;
- display: flex;
- width: 32px;
- height: 32px;
- margin-right: var(--base-size-8);
- margin-left: calc(var(--base-size-16) * -1);
- color: var(--fgColor-default, var(--color-fg-default));
- align-items: center;
- background-color: var(--borderColor-default, var(--color-border-default));
- border: var(--borderWidth-thin) solid var(--bgColor-default, var(--color-canvas-default));
- border-radius: 50%;
- justify-content: center;
- flex-shrink: 0;
+.text-decoration-underline {
+ text-decoration: underline !important;
}
-.wizard-step-body {
- min-width: 0;
- max-width: 100%;
- color: var(--fgColor-default, var(--color-fg-default));
- flex: auto;
+.text-decoration-line-through {
+ text-decoration: line-through !important;
}
-.wizard-step-body .wizard-step-buttons {
- display: none;
- margin-top: var(--base-size-24);
- justify-content: flex-end;
- flex-wrap: wrap;
+.text-lowercase {
+ text-transform: lowercase !important;
}
-.wizard-step-body .wizard-step-buttons .wizard-step-button {
- overflow: hidden;
- text-overflow: ellipsis;
+.text-uppercase {
+ text-transform: uppercase !important;
}
-@media (max-width: 408px) {
- .wizard-step-body .wizard-step-buttons .wizard-step-button {
- margin-right: 0 !important;
- margin-bottom: var(--base-size-8) !important;
- }
+.text-capitalize {
+ text-transform: capitalize !important;
}
-.wizard-step-container {
- border: 0;
+.text-wrap {
+ white-space: normal !important;
}
-.wizard-step-container .wizard-step-content {
- display: none;
- width: 100%;
- padding: var(--base-size-16) var(--base-size-24) var(--base-size-24) var(--base-size-24);
- overflow: visible;
- font-size: 14px;
+.text-nowrap {
+ white-space: nowrap !important;
}
-.wizard-step-container.wizard-step-container-icon .wizard-step-content {
- padding: var(--base-size-24);
+/* rtl:begin:remove */
+.text-break {
+ word-wrap: break-word !important;
+ word-break: break-word !important;
}
-.wizard-step-header {
- padding-top: var(--base-size-4);
- padding-left: var(--base-size-8);
+/* rtl:end:remove */
+.text-primary {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step-header > .wizard-step-title {
- min-width: 0;
- margin-bottom: var(--base-size-4);
- flex: 1 1 auto;
- color: var(--fgColor-muted, var(--color-fg-muted));
+.text-secondary {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step-icon {
- display: none;
- height: 96px;
- color: var(--fgColor-accent, var(--color-accent-fg));
- background-image: linear-gradient(
- to right,
- var(--bgColor-accent-muted, var(--color-accent-subtle)),
- var(--bgColor-default, var(--color-canvas-default))
- );
- justify-content: center;
- align-items: center;
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+.text-success {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-complete='true'] .wizard-step-badge {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.text-info {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-complete='true'] .wizard-step-item::before {
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.text-warning {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-complete='true'] .wizard-step-title {
- color: var(--fgColor-default, var(--color-fg-default));
+.text-danger {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-badge .wizard-step-check {
- display: block;
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
+.text-light {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-item::before {
- top: 0;
- display: block;
- height: 16px;
+.text-dark {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-item::before {
- display: none;
- }
+.text-black {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-last-step='true'] .wizard-step-icon {
- color: var(--fgColor-success, var(--color-success-fg));
- background-image: linear-gradient(
- to right,
- var(--bgColor-success-muted, var(--color-success-subtle)),
- var(--bgColor-default, var(--color-canvas-default))
- );
+.text-white {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step:not([data-single-page-wizard-last-step='true']) .wizard-step-badge .wizard-step-check {
- display: none;
+.text-body {
+ --bs-text-opacity: 1;
+ color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
-.wizard-step:not([data-single-page-wizard-last-step='true']) .wizard-step-badge::before {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- content: attr(data-single-page-wizard-step);
+.text-muted {
+ --bs-text-opacity: 1;
+ color: #6c757d !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-badge {
- color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
- background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
+.text-black-50 {
+ --bs-text-opacity: 1;
+ color: rgba(0, 0, 0, 0.5) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'][data-single-page-wizard-last-step='true'] .wizard-step-badge {
- background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
+.text-white-50 {
+ --bs-text-opacity: 1;
+ color: rgba(255, 255, 255, 0.5) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'][data-single-page-wizard-last-step='true']
- .wizard-step-item::before {
- top: 42px;
- height: 16px;
+.text-reset {
+ --bs-text-opacity: 1;
+ color: inherit !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'][data-single-page-wizard-last-step='true']
- .wizard-step-container-icon::after {
- background-image: linear-gradient(
- var(--bgColor-success-muted, var(--color-success-subtle)),
- var(--bgColor-success-muted, var(--color-success-subtle))
- );
+.text-opacity-25 {
+ --bs-text-opacity: 0.25;
}
-.wizard-step[data-single-page-wizard-step-current='true']:not([data-single-page-wizard-last-step='true'])
- .wizard-step-container-icon::after {
- background-image: linear-gradient(
- var(--bgColor-accent-muted, var(--color-accent-subtle)),
- var(--bgColor-accent-muted, var(--color-accent-subtle))
- );
+.text-opacity-50 {
+ --bs-text-opacity: 0.5;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-icon {
- display: flex;
+.text-opacity-75 {
+ --bs-text-opacity: 0.75;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-item {
- flex-direction: column;
+.text-opacity-100 {
+ --bs-text-opacity: 1;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-item {
- flex-direction: row;
- }
+.bg-primary {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-body {
- margin-top: var(--base-size-16);
- margin-left: calc(var(--base-size-16) * -1);
+.bg-secondary {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-body {
- margin-top: 0;
- margin-left: 0;
- }
+.bg-success {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container {
- position: relative;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+.bg-info {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after,
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before {
- position: absolute;
- top: 11px;
- right: 100%;
- left: calc(var(--base-size-8) * -1);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.bg-warning {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- margin-left: 2px;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- background-image: linear-gradient(
- var(--bgColor-default, var(--color-canvas-default)),
- var(--bgColor-default, var(--color-canvas-default))
- );
+.bg-danger {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before {
- background-color: var(--borderColor-default, var(--color-border-default));
+.bg-light {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before,
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- transform: rotate(90deg);
+.bg-dark {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before {
- position: absolute;
- top: -12px;
- right: 100%;
- left: var(--base-size-12);
- display: block;
- width: 8px;
- height: 16px;
- pointer-events: none;
- content: ' ';
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
+.bg-black {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- top: -10px;
- left: 11px;
+.bg-white {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
-@media (min-width: 768px) {
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::before,
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- top: 11px;
- left: -8px;
- transform: rotate(0);
- }
+.bg-body {
+ --bs-bg-opacity: 1;
+ background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
+}
- .wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container::after {
- margin-left: 1px;
- }
+.bg-transparent {
+ --bs-bg-opacity: 1;
+ background-color: transparent !important;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-header {
- display: none;
+.bg-opacity-10 {
+ --bs-bg-opacity: 0.1;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-content-header {
- margin-bottom: var(--base-size-16);
+.bg-opacity-25 {
+ --bs-bg-opacity: 0.25;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-title {
- color: var(--fgColor-default, var(--color-fg-default));
+.bg-opacity-50 {
+ --bs-bg-opacity: 0.5;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-container .wizard-step-content {
- display: block;
+.bg-opacity-75 {
+ --bs-bg-opacity: 0.75;
}
-.wizard-step[data-single-page-wizard-step-current='true'] .wizard-step-buttons {
- display: flex;
+.bg-opacity-100 {
+ --bs-bg-opacity: 1;
}
-.slash-command-list-container-responsive {
- max-height: 270px;
- overflow-y: auto;
+.bg-gradient {
+ background-image: var(--bs-gradient) !important;
}
-.slash-command-menu-responsive {
- right: 0;
- left: 0;
- width: auto;
+.user-select-all {
+ -webkit-user-select: all !important;
+ -moz-user-select: all !important;
+ user-select: all !important;
}
-.slash-command-menu-responsive .SelectMenu-modal {
- max-height: calc(100vh - 60px);
+.user-select-auto {
+ -webkit-user-select: auto !important;
+ -moz-user-select: auto !important;
+ user-select: auto !important;
}
-[data-a11y-link-underlines='true'] .markdown-body a,
-[data-a11y-link-underlines='true'] .markdown-body a:hover,
-[data-a11y-link-underlines='true'] .markdown-body-short a,
-[data-a11y-link-underlines='true'] .markdown-body-short a:hover,
-[data-a11y-link-underlines='true'] .commit-desc a,
-[data-a11y-link-underlines='true'] .commit-desc a:hover,
-[data-a11y-link-underlines='true'] .Link--inTextBlock,
-[data-a11y-link-underlines='true'] .Link--inTextBlock:hover,
-[data-a11y-link-underlines='true'] .Links--underline a,
-[data-a11y-link-underlines='true'] .Links--underline a:hover,
-[data-a11y-link-underlines='true'] .repos-list-description a,
-[data-a11y-link-underlines='true'] .extended-commit-description-container a {
- text-decoration: underline;
- text-underline-offset: 0.2rem;
+.user-select-none {
+ -webkit-user-select: none !important;
+ -moz-user-select: none !important;
+ user-select: none !important;
}
-[data-a11y-link-underlines='true'] .markdown-body :is(h1, h2, h3, h4, h5, h6, .tasklist-issue-content) a,
-[data-a11y-link-underlines='true'] .markdown-body :is(h1, h2, h3, h4, h5, h6) a:hover {
- text-decoration: none;
+.pe-none {
+ pointer-events: none !important;
}
-[data-a11y-link-underlines='true'] .Link--outlineOffset {
- outline-offset: 0.15rem !important;
+.pe-auto {
+ pointer-events: auto !important;
}
-.alert-label {
- color: var(--fgColor-onEmphasis);
+.rounded {
+ border-radius: 0.25rem !important;
}
-.graph-canvas .alert-label--critical {
- fill: var(--fgColor-danger);
+.rounded-0 {
+ border-radius: 0 !important;
}
-.graph-canvas .alert-label--high {
- fill: var(--fgColor-severe);
+.rounded-1 {
+ border-radius: 0.2rem !important;
}
-.graph-canvas .alert-label--moderate {
- fill: var(--fgColor-attention);
+.rounded-2 {
+ border-radius: 0.25rem !important;
}
-.graph-canvas .alert-label--low {
- fill: var(--fgColor-neutral);
+.rounded-3 {
+ border-radius: 0.3rem !important;
}
-.AppHeader {
- --AppHeader-bg: var(--bgColor-inset);
- color: var(--fgColor-default);
- background: var(--AppHeader-bg);
- box-shadow: inset 0 calc(var(--borderWidth-thin, 1px) * -1) var(--borderColor-default);
+.rounded-circle {
+ border-radius: 50% !important;
}
-.AppHeader .AppHeader-globalBar {
- display: flex;
- padding: var(--base-size-16, var(--base-size-16));
- gap: var(--base-size-12, 12px);
+.rounded-pill {
+ border-radius: 50rem !important;
}
-.AppHeader .AppHeader-globalBar.second-row {
- display: block;
+.rounded-top {
+ border-top-left-radius: 0.25rem !important;
+ border-top-right-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.second-row .AppHeader-search {
- display: block;
+.rounded-end {
+ border-top-right-radius: 0.25rem !important;
+ border-bottom-right-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-start,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-globalBar-start {
- flex: none;
+.rounded-bottom {
+ border-bottom-right-radius: 0.25rem !important;
+ border-bottom-left-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-context,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-context {
- display: none;
+.rounded-start {
+ border-bottom-left-radius: 0.25rem !important;
+ border-top-left-radius: 0.25rem !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-search .AppHeader-search-whenRegular,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-search .AppHeader-search-whenRegular {
- max-width: 100%;
+.visible {
+ visibility: visible !important;
}
-.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-end,
-.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-globalBar-end {
- flex: 1 1 auto;
+.invisible {
+ visibility: hidden !important;
}
-@media (max-width: 1011.98px) {
- .AppHeader .AppHeader-globalBar.search-expanded .AppHeader-search {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
+@media (min-width: 576px) {
+ .float-sm-start {
+ float: left !important;
}
- .AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-end {
- flex: none;
+ .float-sm-end {
+ float: right !important;
}
- .AppHeader .AppHeader-globalBar.search-expanded .search-suggestions {
- top: 0;
- left: 0;
- width: 100% !important;
+ .float-sm-none {
+ float: none !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-globalBar-start {
- flex: 1 1 auto;
- display: flex;
- gap: var(--base-size-8, 8px);
-}
+ .d-sm-inline {
+ display: inline !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-globalBar-end {
- flex: 0 1 auto;
- display: flex;
- justify-content: flex-end;
- gap: var(--controlStack-medium-gap-auto, 8px);
- max-height: calc(var(--base-size-32, 32px));
-}
+ .d-sm-inline-block {
+ display: inline-block !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-logo {
- width: var(--base-size-32, 32px);
- height: var(--base-size-32, 32px);
- border: 0;
- outline-offset: 2px;
-}
+ .d-sm-block {
+ display: block !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-logo svg {
- width: var(--base-size-32, 32px);
- height: var(--base-size-32, 32px);
-}
+ .d-sm-grid {
+ display: grid !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-user {
- position: relative;
- background: var(--bgColor-neutral-muted);
- border-radius: 50%;
-}
+ .d-sm-table {
+ display: table !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-user img {
- position: relative;
- border-radius: 50%;
-}
+ .d-sm-table-row {
+ display: table-row !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context {
- min-width: 0;
- height: var(--base-size-32, 32px);
- flex: 1 1 auto;
-}
+ .d-sm-table-cell {
+ display: table-cell !important;
+ }
-@media (min-width: 768px) {
- .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact {
- display: none;
+ .d-sm-flex {
+ display: flex !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-trigger {
- display: grid;
- width: 100%;
- height: var(--base-size-48, 48px);
- color: inherit;
- text-align: left;
- cursor: pointer;
- background-color: transparent;
- border: 0;
- border-radius: var(--borderRadius-medium);
- margin-block: calc(var(--base-size-8) * -1);
- padding-block: var(--control-medium-paddingBlock, 6px);
- padding-inline: var(--control-medium-paddingInline-condensed, var(--base-size-8));
- appearance: none;
- align-items: center;
-}
+ .d-sm-inline-flex {
+ display: inline-flex !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-trigger:hover {
- background-color: var(--control-transparent-bgColor-hover);
-}
+ .d-sm-none {
+ display: none !important;
+ }
-.AppHeader
- .AppHeader-globalBar
- .AppHeader-context
- .AppHeader-context-compact
- .AppHeader-context-compact-trigger:active {
- background-color: var(--control-transparent-bgColor-active);
-}
+ .flex-sm-fill {
+ flex: 1 1 auto !important;
+ }
+
+ .flex-sm-row {
+ flex-direction: row !important;
+ }
+
+ .flex-sm-column {
+ flex-direction: column !important;
+ }
+
+ .flex-sm-row-reverse {
+ flex-direction: row-reverse !important;
+ }
+
+ .flex-sm-column-reverse {
+ flex-direction: column-reverse !important;
+ }
+
+ .flex-sm-grow-0 {
+ flex-grow: 0 !important;
+ }
+
+ .flex-sm-grow-1 {
+ flex-grow: 1 !important;
+ }
+
+ .flex-sm-shrink-0 {
+ flex-shrink: 0 !important;
+ }
+
+ .flex-sm-shrink-1 {
+ flex-shrink: 1 !important;
+ }
+
+ .flex-sm-wrap {
+ flex-wrap: wrap !important;
+ }
+
+ .flex-sm-nowrap {
+ flex-wrap: nowrap !important;
+ }
+
+ .flex-sm-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
+
+ .gap-sm-0 {
+ gap: 0 !important;
+ }
+
+ .gap-sm-1 {
+ gap: 0.25rem !important;
+ }
+
+ .gap-sm-2 {
+ gap: 0.5rem !important;
+ }
+
+ .gap-sm-3 {
+ gap: 1rem !important;
+ }
+
+ .gap-sm-4 {
+ gap: 1.5rem !important;
+ }
+
+ .gap-sm-5 {
+ gap: 3rem !important;
+ }
+
+ .justify-content-sm-start {
+ justify-content: flex-start !important;
+ }
+
+ .justify-content-sm-end {
+ justify-content: flex-end !important;
+ }
+
+ .justify-content-sm-center {
+ justify-content: center !important;
+ }
+
+ .justify-content-sm-between {
+ justify-content: space-between !important;
+ }
+
+ .justify-content-sm-around {
+ justify-content: space-around !important;
+ }
+
+ .justify-content-sm-evenly {
+ justify-content: space-evenly !important;
+ }
+
+ .align-items-sm-start {
+ align-items: flex-start !important;
+ }
+
+ .align-items-sm-end {
+ align-items: flex-end !important;
+ }
+
+ .align-items-sm-center {
+ align-items: center !important;
+ }
+
+ .align-items-sm-baseline {
+ align-items: baseline !important;
+ }
+
+ .align-items-sm-stretch {
+ align-items: stretch !important;
+ }
+
+ .align-content-sm-start {
+ align-content: flex-start !important;
+ }
+
+ .align-content-sm-end {
+ align-content: flex-end !important;
+ }
+
+ .align-content-sm-center {
+ align-content: center !important;
+ }
+
+ .align-content-sm-between {
+ align-content: space-between !important;
+ }
+
+ .align-content-sm-around {
+ align-content: space-around !important;
+ }
+
+ .align-content-sm-stretch {
+ align-content: stretch !important;
+ }
+
+ .align-self-sm-auto {
+ align-self: auto !important;
+ }
+
+ .align-self-sm-start {
+ align-self: flex-start !important;
+ }
+
+ .align-self-sm-end {
+ align-self: flex-end !important;
+ }
+
+ .align-self-sm-center {
+ align-self: center !important;
+ }
+
+ .align-self-sm-baseline {
+ align-self: baseline !important;
+ }
+
+ .align-self-sm-stretch {
+ align-self: stretch !important;
+ }
+
+ .order-sm-first {
+ order: -1 !important;
+ }
+
+ .order-sm-0 {
+ order: 0 !important;
+ }
+
+ .order-sm-1 {
+ order: 1 !important;
+ }
+
+ .order-sm-2 {
+ order: 2 !important;
+ }
+
+ .order-sm-3 {
+ order: 3 !important;
+ }
+
+ .order-sm-4 {
+ order: 4 !important;
+ }
+
+ .order-sm-5 {
+ order: 5 !important;
+ }
+
+ .order-sm-last {
+ order: 6 !important;
+ }
+
+ .m-sm-0 {
+ margin: 0 !important;
+ }
+
+ .m-sm-1 {
+ margin: 0.25rem !important;
+ }
+
+ .m-sm-2 {
+ margin: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-lead {
- display: grid;
- width: -moz-fit-content;
- width: fit-content;
- font-size: var(--text-caption-size, 12px);
- line-height: var(--text-caption-lineHeight, 1.3333333333);
- color: var(--fgColor-muted);
- grid-auto-flow: column;
- align-items: center;
-}
+ .m-sm-3 {
+ margin: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-parentItem {
- display: inline;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .m-sm-4 {
+ margin: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-mainItem {
- display: block;
- overflow: hidden;
- line-height: var(--text-body-lineHeight-medium, 1.4285714286);
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .m-sm-5 {
+ margin: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full {
- display: inline-flex;
- width: 100%;
- min-width: 0;
- max-width: 100%;
- overflow: hidden;
-}
+ .m-sm-auto {
+ margin: auto !important;
+ }
-@media (max-width: 767.98px) {
- .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full {
- display: none;
+ .mx-sm-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full nav {
- width: 100%;
-}
+ .mx-sm-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full ul,
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li {
- list-style: none;
-}
+ .mx-sm-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full ul {
- display: flex;
- flex-direction: row;
-}
+ .mx-sm-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li {
- display: inline-grid;
- grid-auto-flow: column;
- align-items: center;
- flex: 0 99999 auto;
-}
+ .mx-sm-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:first-child {
- flex: 0 100 max-content;
-}
+ .mx-sm-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:last-child {
- flex: 0 1 max-content;
-}
+ .mx-sm-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:last-child .AppHeader-context-item {
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .my-sm-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item {
- display: flex;
- align-items: center;
- min-width: 3ch;
- line-height: var(--text-body-lineHeight-medium, 1.4285714286);
- color: inherit;
- text-decoration: none !important;
- border-radius: var(--borderRadius-medium);
- padding-inline: var(--control-medium-paddingInline-condensed, var(--base-size-8));
- padding-block: var(--control-medium-paddingBlock, 6px);
-}
+ .my-sm-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item .AppHeader-context-item-label {
- display: inline-block;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .my-sm-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context a.AppHeader-context-item:hover {
- background: var(--control-transparent-bgColor-hover);
-}
+ .my-sm-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context a.AppHeader-context-item:active {
- background: var(--control-transparent-bgColor-active);
-}
+ .my-sm-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item-separator {
- color: var(--fgColor-muted);
- white-space: nowrap;
-}
+ .my-sm-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- justify-content: flex-end;
-}
+ .my-sm-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-@media (min-width: 1012px) {
- .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenNarrow {
- display: none;
+ .mt-sm-0 {
+ margin-top: 0 !important;
}
-}
-@media (max-width: 1011.98px) {
- .AppHeader .AppHeader-globalBar .AppHeader-search {
- flex-grow: 0;
+ .mt-sm-1 {
+ margin-top: 0.25rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .search-input {
- width: auto;
+ .mt-sm-2 {
+ margin-top: 0.5rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .search-input-container {
- margin: 0 !important;
+ .mt-sm-3 {
+ margin-top: 1rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenRegular {
- display: none;
+ .mt-sm-4 {
+ margin-top: 1.5rem !important;
}
- .AppHeader .AppHeader-globalBar .AppHeader-search .header-search {
- max-width: 100%;
+ .mt-sm-5 {
+ margin-top: 3rem !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenRegular {
- min-width: 12rem;
- max-width: 24rem;
- flex: 1 1 auto;
-}
+ .mt-sm-auto {
+ margin-top: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-wrap {
- display: grid;
-}
+ .me-sm-0 {
+ margin-right: 0 !important;
+ }
-.AppHeader
- .AppHeader-globalBar
- .AppHeader-search
- .AppHeader-search-wrap.AppHeader-search-wrap--hasTrailing
- input[type='search'] {
- padding-inline-end: calc(
- var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px) -
- var(--borderWidth-thin, 1px)
- );
-}
+ .me-sm-1 {
+ margin-right: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .search-input-container {
- height: auto;
-}
+ .me-sm-2 {
+ margin-right: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-kbd {
- display: inline-grid;
- width: var(--base-size-16, 16px);
- height: var(--base-size-16, 16px);
- padding: 0;
- font-size: var(--text-caption-size, 12px);
- line-height: var(--text-caption-lineHeight, 1.3333333333);
- color: inherit;
- vertical-align: baseline;
- background: var(--bgColor-transparent);
- border: var(--borderWidth-thin) solid var(--fgColor-muted);
- border-radius: var(--borderRadius-small);
- box-shadow: none;
- align-items: center;
- justify-content: center;
-}
+ .me-sm-3 {
+ margin-right: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-placeholder {
- display: block;
- width: 100%;
- overflow: hidden;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: var(--text-body-lineHeight-medium, 20px);
- color: var(--fgColor-muted);
- text-overflow: ellipsis;
- white-space: nowrap;
- pointer-events: none;
- grid-area: 1/1;
- padding-block: var(--control-medium-paddingBlock, 6px);
- padding-inline: calc(
- var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px)
- );
-}
+ .me-sm-4 {
+ margin-right: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-control {
- grid-area: 1/1;
- position: relative;
-}
+ .me-sm-5 {
+ margin-right: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-visual--leading {
- position: absolute;
- top: var(--base-size-8, var(--base-size-8));
- left: var(--base-size-8, var(--base-size-8));
- display: block;
- width: var(--base-size-16, 16px);
- height: var(--base-size-16, 16px);
- color: var(--fgColor-muted);
- pointer-events: none;
-}
+ .me-sm-auto {
+ margin-right: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-visual--leading svg {
- display: block !important;
-}
+ .mb-sm-0 {
+ margin-bottom: 0 !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-searchButton {
- background: transparent;
-}
+ .mb-sm-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search'],
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-searchButton {
- width: 100%;
- border: solid var(--borderWidth-thin) var(--button-default-borderColor-rest);
- transition: none;
- padding-block: calc(var(--control-medium-paddingBlock, 6px) - var(--borderWidth-thin, 1px));
- padding-inline-start: calc(
- var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px) -
- var(--borderWidth-thin, 1px)
- );
- padding-inline-end: var(--control-medium-paddingInline-condensed, var(--base-size-40));
-}
+ .mb-sm-2 {
+ margin-bottom: 0.5rem !important;
+ }
-.appheader.AppHeader-globalBar .AppHeader-search input[type=search]: placeholder-shown {
- background: transparent;
-}
+ .mb-sm-3 {
+ margin-bottom: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:not(:placeholder-shown) {
- background: var(--bgColor-default);
-}
+ .mb-sm-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']::placeholder {
- color: transparent;
- opacity: 1;
-}
+ .mb-sm-5 {
+ margin-bottom: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus {
- background: var(--bgColor-default);
-}
+ .mb-sm-auto {
+ margin-bottom: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus::placeholder {
- color: var(--fgColor-muted);
-}
+ .ms-sm-0 {
+ margin-left: 0 !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus:placeholder {
- color: var(--fgColor-muted);
- opacity: 1;
-}
+ .ms-sm-1 {
+ margin-left: 0.25rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search input[type='search']:focus-visible {
- border-color: var(--focus-outlineColor);
-}
+ .ms-sm-2 {
+ margin-left: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing {
- position: absolute;
- top: var(--base-size-4, var(--base-size-4));
- right: var(--base-size-4, var(--base-size-4));
- display: grid;
- width: var(--control-xsmall-size, 24px);
- height: var(--control-xsmall-size, 24px);
- padding: 0;
- color: var(--fgColor-muted);
- background: var(--bgColor-transparent);
- border: 0;
- border-radius: var(--borderRadius-small);
- align-items: center;
- justify-content: center;
-}
+ .ms-sm-3 {
+ margin-left: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing:hover {
- background: var(--control-transparent-bgColor-hover);
-}
+ .ms-sm-4 {
+ margin-left: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing:active {
- background: var(--control-transparent-bgColor-active);
-}
+ .ms-sm-5 {
+ margin-left: 3rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::before {
- position: absolute;
- top: calc((var(--control-xsmall-size, var(--base-size-24)) - var(--base-size-16, var(--base-size-16))) / 2);
- left: calc(var(--base-size-4, var(--base-size-4)) * -1);
- display: block;
- width: var(--borderWidth-thin, 1px);
- height: var(--base-size-16, 16px);
- content: '';
- background: var(--borderColor-default);
-}
+ .ms-sm-auto {
+ margin-left: auto !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::after {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 100%;
- height: 100%;
- min-height: var(--control-medium-size, 32px);
- content: '';
- transform: translateX(-50%) translateY(-50%);
- min-width: var(--control-medium-size, 32px);
-}
+ .p-sm-0 {
+ padding: 0 !important;
+ }
-@media (pointer: coarse) {
- .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::after {
- min-width: var(--control-minTarget-coarse, 44px);
- min-height: var(--control-minTarget-coarse, 44px);
+ .p-sm-1 {
+ padding: 0.25rem !important;
}
-}
-.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing svg {
- color: inherit;
-}
+ .p-sm-2 {
+ padding: 0.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-divider {
- width: var(--borderWidth-thin, 1px);
- height: var(--base-size-20, 20px);
- height: var(--base-size-20, 20px);
- margin: calc((var(--control-medium-size, 32px) - var(--base-size-20, var(--base-size-20))) / 2) 0;
- background: var(--borderColor-default);
-}
+ .p-sm-3 {
+ padding: 1rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-actions {
- display: grid;
- grid-auto-flow: column;
- gap: var(--controlStack-medium-gap-auto, 8px);
-}
+ .p-sm-4 {
+ padding: 1.5rem !important;
+ }
-.AppHeader .AppHeader-globalBar .AppHeader-actions::before {
- display: block;
- width: var(--borderWidth-thin, 1px);
- height: var(--base-size-20, 20px);
- height: var(--base-size-20, 20px);
- content: '';
- background: var(--borderColor-default);
- margin-block: calc((var(--control-medium-size, 32px) - var(--base-size-20, var(--base-size-20))) / 2);
-}
+ .p-sm-5 {
+ padding: 3rem !important;
+ }
-@media (pointer: fine) {
- .AppHeader .AppHeader-globalBar .AppHeader-actions::before {
- margin-inline: var(--base-size-4, var(--base-size-4));
+ .px-sm-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-}
-@media (max-width: 767.98px) {
- .AppHeader .AppHeader-globalBar .AppHeader-actions,
- .AppHeader .AppHeader-globalBar .AppHeader-CopilotChat {
- display: none;
+ .px-sm-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
}
-}
-.AppHeader .AppHeader-localBar {
- padding: 0 var(--base-size-16, var(--base-size-16));
-}
+ .px-sm-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.AppHeader .AppHeader-item {
- flex: 0 0 auto;
-}
+ .px-sm-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.AppHeader .AppHeader-item--full {
- flex-grow: 1;
-}
+ .px-sm-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.AppHeader .AppHeader-button {
- position: relative;
- display: grid;
- width: var(--base-size-32, 32px);
- height: var(--base-size-32, 32px);
- color: var(--fgColor-muted);
- background: transparent;
- border: solid var(--borderWidth-thin) var(--button-default-borderColor-rest);
- border-radius: var(--borderRadius-medium, var(--borderRadius-medium));
- grid-auto-columns: max-content;
- align-items: center;
- justify-content: center;
-}
+ .px-sm-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.AppHeader .AppHeader-button svg {
- color: inherit !important;
-}
+ .py-sm-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.AppHeader .AppHeader-button:hover {
- background: var(--control-transparent-bgColor-hover);
-}
+ .py-sm-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.AppHeader .AppHeader-button:active {
- background: var(--control-transparent-bgColor-active);
-}
+ .py-sm-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-@media (pointer: coarse) {
- .AppHeader .AppHeader-button::after {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 100%;
- height: 100%;
- min-height: var(--control-minTarget-coarse, 44px);
- content: '';
- transform: translateX(-50%) translateY(-50%);
- min-width: var(--control-minTarget-coarse, 44px);
+ .py-sm-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
}
-}
-.AppHeader .AppHeader-button--hasIndicator::before {
- position: absolute;
- top: calc(var(--base-size-4) / -2);
- right: calc(var(--base-size-4) / -2);
- display: block;
- width: var(--base-size-8, 8px);
- height: var(--base-size-8, 8px);
- content: '';
- background: var(--bgColor-accent-emphasis);
- border-radius: 50%;
- box-shadow: 0 0 0 calc(var(--base-size-4, 4px) / 2) var(--AppHeader-bg);
-}
+ .py-sm-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-@media (pointer: coarse) {
- .AppHeader .AppHeader-button--hasIndicator::before {
- left: auto;
- min-width: var(--base-size-8, 8px);
- min-height: var(--base-size-8, 8px);
- transform: none;
+ .py-sm-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
}
-}
-.AppHeader .Overlay-titleWrap {
- width: 100%;
- overflow-x: hidden;
-}
+ .pt-sm-0 {
+ padding-top: 0 !important;
+ }
-[data-target='animated-image.originalImage'],
-[data-target='animated-image.replacedImage'],
-[data-a11y-animated-images='system'] [data-animated-image],
-[data-a11y-animated-images='disabled'] [data-animated-image] {
- display: none;
-}
+ .pt-sm-1 {
+ padding-top: 0.25rem !important;
+ }
-[data-target='animated-image.originalImage'] {
- width: 100%;
-}
+ .pt-sm-2 {
+ padding-top: 0.5rem !important;
+ }
-animated-image[data-catalyst] {
- display: inline-block;
-}
+ .pt-sm-3 {
+ padding-top: 1rem !important;
+ }
-animated-image {
- max-width: 100%;
-}
+ .pt-sm-4 {
+ padding-top: 1.5rem !important;
+ }
-.AnimatedImagePlayer {
- position: relative;
- display: inline-block;
- width: 100%;
-}
+ .pt-sm-5 {
+ padding-top: 3rem !important;
+ }
-.AnimatedImagePlayer > a:not(.AnimatedImagePlayer-images) {
- display: none;
-}
+ .pe-sm-0 {
+ padding-right: 0 !important;
+ }
-.AnimatedImagePlayer-controls {
- position: absolute;
- top: var(--base-size-8);
- right: var(--base-size-8);
- z-index: 2;
- display: none;
- padding: var(--base-size-4);
- list-style: none;
- background: var(--bgColor-default);
- border-radius: var(--borderRadius-medium);
- box-shadow: var(--shadow-floating-small);
- opacity: 1;
- transition: opacity 80ms linear;
-}
+ .pe-sm-1 {
+ padding-right: 0.25rem !important;
+ }
-.AnimatedImagePlayer-images .AnimatedImagePlayer-animatedImage {
- cursor: pointer;
-}
+ .pe-sm-2 {
+ padding-right: 0.5rem !important;
+ }
-.AnimatedImagePlayer-button {
- display: flex;
- align-items: center;
- justify-content: center;
- width: var(--base-size-32);
- height: var(--base-size-32);
- cursor: pointer;
- background-color: var(--bgColor-default);
- border: 0;
- border-radius: var(--borderRadius-medium);
-}
+ .pe-sm-3 {
+ padding-right: 1rem !important;
+ }
-@media (hover: hover) and (pointer: fine) {
- .AnimatedImagePlayer-button:hover {
- background-color: var(--button-default-bgColor-hover);
- transition: background-color 200ms linear;
+ .pe-sm-4 {
+ padding-right: 1.5rem !important;
}
-}
-.AnimatedImagePlayer-images {
- display: block;
- width: 100%;
- padding: 0;
- margin: 0;
- background: none;
- border: 0;
- outline: none;
- outline-offset: 0;
-}
+ .pe-sm-5 {
+ padding-right: 3rem !important;
+ }
-.AnimatedImagePlayer-images:focus-visible {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: 0;
-}
+ .pb-sm-0 {
+ padding-bottom: 0 !important;
+ }
-.AnimatedImagePlayer-button:focus-visible {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: -2px;
-}
+ .pb-sm-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.AnimatedImagePlayer-button svg {
- width: var(--base-size-16);
- height: var(--base-size-16);
- pointer-events: none;
- fill: var(--fgColor-muted);
-}
+ .pb-sm-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.AnimatedImagePlayer-button:hover svg {
- fill: var(--fgColor-default);
-}
+ .pb-sm-3 {
+ padding-bottom: 1rem !important;
+ }
-.AnimatedImagePlayer-stillImage {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 1;
- display: none;
- width: 100%;
- height: 100%;
- pointer-events: none;
-}
+ .pb-sm-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.AnimatedImagePlayer-animatedImage {
- width: 100%;
- max-width: 100%;
- max-height: 100%;
-}
+ .pb-sm-5 {
+ padding-bottom: 3rem !important;
+ }
-.AnimatedImagePlayer.playing .AnimatedImagePlayer-controls {
- opacity: 0;
- transition-delay: 1s;
-}
+ .ps-sm-0 {
+ padding-left: 0 !important;
+ }
-.AnimatedImagePlayer.enabled .AnimatedImagePlayer-animatedImage {
- opacity: 0 !important;
-}
+ .ps-sm-1 {
+ padding-left: 0.25rem !important;
+ }
-.AnimatedImagePlayer.enabled.playing .AnimatedImagePlayer-animatedImage {
- opacity: 1 !important;
-}
+ .ps-sm-2 {
+ padding-left: 0.5rem !important;
+ }
-.AnimatedImagePlayer.playing.player-focused .AnimatedImagePlayer-controls {
- opacity: 1;
- transition-delay: 0ms;
-}
+ .ps-sm-3 {
+ padding-left: 1rem !important;
+ }
-@media (hover: hover) and (pointer: fine) {
- .AnimatedImagePlayer.playing:hover .AnimatedImagePlayer-controls {
- opacity: 1;
- transition-delay: 0s;
+ .ps-sm-4 {
+ padding-left: 1.5rem !important;
}
-}
-.AnimatedImagePlayer.enabled.playing .AnimatedImagePlayer-stillImage,
-.AnimatedImagePlayer.enabled.playing .icon-play,
-.AnimatedImagePlayer .icon-pause {
- display: none;
-}
+ .ps-sm-5 {
+ padding-left: 3rem !important;
+ }
-.AnimatedImagePlayer .icon-play,
-.AnimatedImagePlayer.enabled.playing .icon-pause,
-.AnimatedImagePlayer.enabled .AnimatedImagePlayer-stillImage {
- display: block;
-}
+ .text-sm-start {
+ text-align: left !important;
+ }
-.AnimatedImagePlayer.enabled .AnimatedImagePlayer-controls {
- display: flex;
-}
+ .text-sm-end {
+ text-align: right !important;
+ }
-.emoji-tab.UnderlineNav-item {
- margin-right: var(--base-size-4);
+ .text-sm-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 768px) {
+ .float-md-start {
+ float: left !important;
+ }
-.emoji-tab[role='tab'][aria-selected='true'] {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-default);
- border-bottom-color: var(--borderColor-severe-emphasis);
-}
+ .float-md-end {
+ float: right !important;
+ }
-.emoji-tab[role='tab'][aria-selected='true'] .UnderlineNav-octicon {
- color: var(--fgColor-muted);
-}
+ .float-md-none {
+ float: none !important;
+ }
-.selected-emoji {
- z-index: 100;
-}
+ .d-md-inline {
+ display: inline !important;
+ }
-.emoji-picker-container .emoji-picker-tab g-emoji {
- margin-right: auto;
- margin-left: var(--base-size-4);
-}
+ .d-md-inline-block {
+ display: inline-block !important;
+ }
-.emoji-tab .emoji-icon {
- width: auto;
-}
+ .d-md-block {
+ display: block !important;
+ }
-.emoji-picker-container {
- z-index: 2;
- width: 395px;
- max-width: 80vw;
-}
+ .d-md-grid {
+ display: grid !important;
+ }
-.emoji-picker-container .UnderlineNav-body {
- gap: var(--control-small-gap, var(--base-size-8));
-}
+ .d-md-table {
+ display: table !important;
+ }
-.emoji-picker-tab {
- height: 136px;
- padding-top: var(--base-size-8);
-}
+ .d-md-table-row {
+ display: table-row !important;
+ }
-.emoji-picker-emoji-width {
- width: 32px;
- height: 28px;
-}
+ .d-md-table-cell {
+ display: table-cell !important;
+ }
-.emoji-picker-list {
- list-style: none;
-}
+ .d-md-flex {
+ display: flex !important;
+ }
-.notification-shelf {
- z-index: 34;
- background: var(--bgColor-inset) !important;
- border-color: var(--borderColor-default) !important;
-}
+ .d-md-inline-flex {
+ display: inline-flex !important;
+ }
-.notification-shelf svg[class='octicon octicon-x'] {
- color: var(--fgColor-muted) !important;
-}
+ .d-md-none {
+ display: none !important;
+ }
-.notification-shelf.is-stuck {
- z-index: 999;
-}
+ .flex-md-fill {
+ flex: 1 1 auto !important;
+ }
-@media (max-width: 767px) {
- .notifications-v2 .commit-ref .css-truncate-target {
- word-break: break-all;
- white-space: normal;
+ .flex-md-row {
+ flex-direction: row !important;
}
-}
-@media (max-width: 543px) {
- .notifications-v2 .Box {
- border-right: 0;
- border-left: 0;
- border-radius: 0;
+ .flex-md-column {
+ flex-direction: column !important;
}
-}
-@media (max-width: 543px) {
- .notifications-v2 .Box .Box-header {
- border-right: 0 !important;
- border-left: 0 !important;
- border-radius: 0 !important;
+ .flex-md-row-reverse {
+ flex-direction: row-reverse !important;
}
-}
-@media (max-width: 767px) {
- .notifications-v2 .AvatarStack--right {
- width: auto !important;
- min-width: auto !important;
- margin-left: 53px !important;
+ .flex-md-column-reverse {
+ flex-direction: column-reverse !important;
}
-}
-@media (max-width: 767px) {
- .notifications-v2 .AvatarStack--right .AvatarStack-body {
- position: relative !important;
- right: unset !important;
- margin-right: var(--base-size-8);
- flex-direction: row !important;
+ .flex-md-grow-0 {
+ flex-grow: 0 !important;
}
-}
-@media (max-width: 767px) {
- .notifications-v2 .AvatarStack-body .avatar {
- position: relative !important;
- margin-right: -12px !important;
- margin-left: 0 !important;
- border-right: var(--borderWidth-thin) solid #fff !important;
- border-left: 0 !important;
+ .flex-md-grow-1 {
+ flex-grow: 1 !important;
}
-}
-.notifications-v2 .thread-subscription-status {
- background-color: transparent !important;
-}
+ .flex-md-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.notifications-v2 .notification-action-mark-archived,
-.notifications-v2 .notification-action-mark-unread,
-.notifications-v2 .notification-action-star,
-.notifications-v2 .notification-action-unsubscribe {
- display: block !important;
-}
+ .flex-md-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-.notifications-v2 .notification-action-mark-read,
-.notifications-v2 .notification-action-mark-unarchived,
-.notifications-v2 .notification-action-subscribe,
-.notifications-v2 .notification-action-unstar,
-.notifications-v2 .notification-is-starred-icon {
- display: none !important;
-}
+ .flex-md-wrap {
+ flex-wrap: wrap !important;
+ }
-.notifications-v2 .notification-unsubscribed .notification-action-unsubscribe {
- display: none !important;
-}
+ .flex-md-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.notifications-v2 .notification-unsubscribed .notification-action-subscribe {
- display: block !important;
-}
+ .flex-md-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.notifications-v2 .notification-unread .notification-action-mark-read {
- display: block !important;
-}
+ .gap-md-0 {
+ gap: 0 !important;
+ }
-.notifications-v2 .notification-unread .notification-action-mark-unread {
- display: none !important;
-}
+ .gap-md-1 {
+ gap: 0.25rem !important;
+ }
-.notifications-v2 .notification-archived .notification-action-mark-archived,
-.notifications-v2 .notification-archived .notification-action-mark-read,
-.notifications-v2 .notification-archived .notification-action-mark-unread {
- display: none !important;
-}
+ .gap-md-2 {
+ gap: 0.5rem !important;
+ }
-.notifications-v2 .notification-archived .notification-action-mark-unarchived {
- display: block !important;
-}
+ .gap-md-3 {
+ gap: 1rem !important;
+ }
-.notifications-v2 .notification-starred .notification-action-star {
- display: none !important;
-}
+ .gap-md-4 {
+ gap: 1.5rem !important;
+ }
-.notifications-v2 .notification-starred .notification-is-starred-icon {
- display: inline-block !important;
-}
+ .gap-md-5 {
+ gap: 3rem !important;
+ }
-.notifications-v2 .notification-starred .notification-action-unstar {
- display: block !important;
-}
+ .justify-content-md-start {
+ justify-content: flex-start !important;
+ }
-.notifications-v2 .thread-subscribe-form {
- display: none !important;
-}
+ .justify-content-md-end {
+ justify-content: flex-end !important;
+ }
-.notifications .read .avatar img {
- opacity: 0.5;
-}
+ .justify-content-md-center {
+ justify-content: center !important;
+ }
-.notifications .read .undo {
- display: block;
-}
+ .justify-content-md-between {
+ justify-content: space-between !important;
+ }
-.notifications .read .delete {
- visibility: hidden;
-}
+ .justify-content-md-around {
+ justify-content: space-around !important;
+ }
-.notifications .read[aria-selected='true'],
-.notifications .read.navigation-focus {
- background-color: #f5f9fc;
-}
+ .justify-content-md-evenly {
+ justify-content: space-evenly !important;
+ }
-.notifications .muted .unmute {
- display: block;
-}
+ .align-items-md-start {
+ align-items: flex-start !important;
+ }
-.notifications .muted .mute {
- display: none;
-}
+ .align-items-md-end {
+ align-items: flex-end !important;
+ }
-.notifications .unmute {
- display: none;
-}
+ .align-items-md-center {
+ align-items: center !important;
+ }
-.notifications-list {
- float: left;
- width: 100%;
-}
+ .align-items-md-baseline {
+ align-items: baseline !important;
+ }
-.thread-subscription-status {
- padding: var(--base-size-8);
- margin: var(--base-size-40) 0 var(--base-size-16);
- color: var(--fgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .align-items-md-stretch {
+ align-items: stretch !important;
+ }
-.thread-subscription-status .reason {
- display: inline-block;
- margin: 0 var(--base-size-8);
- vertical-align: middle;
-}
+ .align-content-md-start {
+ align-content: flex-start !important;
+ }
-.thread-subscription-status .thread-subscribe-form {
- display: inline-block;
- vertical-align: middle;
-}
+ .align-content-md-end {
+ align-content: flex-end !important;
+ }
-.subscription .loading {
- opacity: 0.5;
-}
+ .align-content-md-center {
+ align-content: center !important;
+ }
-.inline-form {
- display: inline-block;
-}
+ .align-content-md-between {
+ align-content: space-between !important;
+ }
-.inline-form .btn-plain {
- background-color: transparent;
- border: 0;
-}
+ .align-content-md-around {
+ align-content: space-around !important;
+ }
-.drag-and-drop {
- padding: 7px 10px;
- margin: 0;
- font-size: 13px;
- line-height: 16px;
- color: var(--fgColor-muted);
- background-color: var(--bgColor-muted);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-top: 0;
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
-}
+ .align-content-md-stretch {
+ align-content: stretch !important;
+ }
-.drag-and-drop .default,
-.drag-and-drop .loading,
-.drag-and-drop .error {
- display: none;
-}
+ .align-self-md-auto {
+ align-self: auto !important;
+ }
-.drag-and-drop .error {
- color: var(--fgColor-danger);
-}
+ .align-self-md-start {
+ align-self: flex-start !important;
+ }
-.drag-and-drop img {
- vertical-align: top;
-}
+ .align-self-md-end {
+ align-self: flex-end !important;
+ }
-.file-attachment-errors .Banner--error {
- display: none;
-}
+ .align-self-md-center {
+ align-self: center !important;
+ }
-.is-bad-file .file-attachment-errors .bad-file,
-.is-bad-dimensions .file-attachment-errors .bad-dimensions,
-.is-too-big .file-attachment-errors .too-big,
-.is-duplicate-filename .file-attachment-errors .duplicate-filename,
-.is-too-many .file-attachment-errors .too-many,
-.is-hidden-file .file-attachment-errors .hidden-file,
-.is-failed .file-attachment-errors .failed,
-.is-empty .file-attachment-errors .empty,
-.is-bad-permissions .file-attachment-errors .bad-permissions,
-.is-repository-required .file-attachment-errors .repository-required {
- display: flex;
-}
+ .align-self-md-baseline {
+ align-self: baseline !important;
+ }
-.is-default .drag-and-drop .default {
- display: inline-block;
-}
+ .align-self-md-stretch {
+ align-self: stretch !important;
+ }
-.is-uploading .drag-and-drop .loading {
- display: inline-block;
-}
+ .order-md-first {
+ order: -1 !important;
+ }
-.is-bad-file .drag-and-drop .bad-file {
- display: inline-block;
-}
+ .order-md-0 {
+ order: 0 !important;
+ }
-.is-duplicate-filename .drag-and-drop .duplicate-filename {
- display: inline-block;
-}
+ .order-md-1 {
+ order: 1 !important;
+ }
-.is-too-big .drag-and-drop .too-big {
- display: inline-block;
-}
+ .order-md-2 {
+ order: 2 !important;
+ }
-.is-hidden-file .drag-and-drop .hidden-file {
- display: inline-block;
-}
+ .order-md-3 {
+ order: 3 !important;
+ }
-.is-empty .drag-and-drop .empty {
- display: inline-block;
-}
+ .order-md-4 {
+ order: 4 !important;
+ }
-.is-bad-permissions .drag-and-drop .bad-permissions {
- display: inline-block;
-}
+ .order-md-5 {
+ order: 5 !important;
+ }
-.is-repository-required .drag-and-drop .repository-required {
- display: inline-block;
-}
+ .order-md-last {
+ order: 6 !important;
+ }
-.drag-and-drop-error-info {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted);
-}
+ .m-md-0 {
+ margin: 0 !important;
+ }
-.drag-and-drop-error-info a {
- color: var(--fgColor-accent);
-}
+ .m-md-1 {
+ margin: 0.25rem !important;
+ }
-.is-failed .drag-and-drop .failed-request {
- display: inline-block;
-}
+ .m-md-2 {
+ margin: 0.5rem !important;
+ }
-.manual-file-chooser {
- position: absolute;
- width: 240px;
- padding: 5px;
- margin-left: -80px;
- cursor: pointer;
- opacity: 0.0001;
-}
+ .m-md-3 {
+ margin: 1rem !important;
+ }
-.btn .manual-file-chooser {
- top: 0;
- padding: 0;
- line-height: 34px;
-}
+ .m-md-4 {
+ margin: 1.5rem !important;
+ }
-.upload-enabled textarea {
- display: block;
- border-bottom: var(--borderWidth-thin) dashed var(--borderColor-default);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
-}
+ .m-md-5 {
+ margin: 3rem !important;
+ }
+
+ .m-md-auto {
+ margin: auto !important;
+ }
-.upload-enabled.focused {
- border-color: var(--borderColor-accent-emphasis);
- border-radius: var(--borderRadius-medium);
- outline: none;
- box-shadow: 0 0 0 2px var(--borderColor-accent-emphasis);
-}
+ .mx-md-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.upload-enabled.focused .form-control {
- border-color: transparent;
- border-bottom-color: var(--borderColor-accent-emphasis);
- box-shadow: none;
-}
+ .mx-md-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.upload-enabled.focused .drag-and-drop {
- border-color: transparent;
-}
+ .mx-md-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.dragover textarea,
-.dragover .drag-and-drop {
- box-shadow: #c9ff00 0 0 3px;
-}
+ .mx-md-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.write-content {
- position: relative;
-}
+ .mx-md-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.previewable-comment-form {
- position: relative;
-}
+ .mx-md-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.previewable-comment-form .tabnav {
- position: relative;
- padding: var(--base-size-8) var(--base-size-8) 0;
-}
+ .mx-md-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.previewable-comment-form .comment {
- border: var(--borderWidth-thin) solid transparent;
- border-bottom: 0;
-}
+ .my-md-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.previewable-comment-form .comment-form-error {
- margin-bottom: var(--base-size-8);
-}
+ .my-md-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.previewable-comment-form .write-content,
-.previewable-comment-form .preview-content {
- display: none;
- margin: 0 var(--base-size-8) var(--base-size-8);
-}
+ .my-md-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.previewable-comment-form.write-selected .write-content,
-.previewable-comment-form.preview-selected .preview-content {
- display: block;
-}
+ .my-md-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.previewable-comment-form textarea {
- display: block;
- width: 100%;
- min-height: 100px;
- max-height: 500px;
- padding: var(--base-size-8);
- resize: vertical;
-}
+ .my-md-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.form-action-spacious {
- margin-top: 10px;
-}
+ .my-md-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-div.composer {
- margin-top: 0;
- border: 0;
-}
+ .my-md-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-.composer .comment-form-textarea {
- height: 200px;
- min-height: 200px;
-}
+ .mt-md-0 {
+ margin-top: 0 !important;
+ }
-.composer .tabnav {
- margin: 0 0 10px;
-}
+ .mt-md-1 {
+ margin-top: 0.25rem !important;
+ }
-h2.account {
- margin: 15px 0 0;
- font-size: 18px;
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted);
-}
+ .mt-md-2 {
+ margin-top: 0.5rem !important;
+ }
-p.explain {
- position: relative;
- font-size: 12px;
- color: var(--fgColor-muted);
-}
+ .mt-md-3 {
+ margin-top: 1rem !important;
+ }
-p.explain strong {
- color: var(--fgColor-default);
-}
+ .mt-md-4 {
+ margin-top: 1.5rem !important;
+ }
-p.explain .octicon {
- margin-right: 5px;
- color: var(--fgColor-muted);
-}
+ .mt-md-5 {
+ margin-top: 3rem !important;
+ }
-p.explain .minibutton {
- top: -4px;
- float: right;
-}
+ .mt-md-auto {
+ margin-top: auto !important;
+ }
-@supports (field-sizing: content) {
- .size-to-fit {
- field-sizing: content;
- max-height: calc(100vh - 200px);
+ .me-md-0 {
+ margin-right: 0 !important;
}
-}
-.progress-pjax-loader {
- z-index: 99999;
- height: 2px !important;
- background: transparent;
- opacity: 0;
- transition: opacity 0.4s linear 0.4s;
-}
+ .me-md-1 {
+ margin-right: 0.25rem !important;
+ }
-.progress-pjax-loader.is-loading {
- opacity: 1;
- transition: none;
-}
+ .me-md-2 {
+ margin-right: 0.5rem !important;
+ }
-.progress-pjax-loader > .progress-pjax-loader-bar {
- background-color: #79b8ff;
- transition: width 0.4s ease;
-}
+ .me-md-3 {
+ margin-right: 1rem !important;
+ }
-.starred .starred-button-icon {
- color: var(--button-star-iconColor);
-}
+ .me-md-4 {
+ margin-right: 1.5rem !important;
+ }
-.user-lists-menu-action {
- color: var(--fgColor-default);
-}
+ .me-md-5 {
+ margin-right: 3rem !important;
+ }
-.user-lists-menu-action:hover:not(:disabled) {
- color: var(--fgColor-default);
- background-color: var(--bgColor-muted);
-}
+ .me-md-auto {
+ margin-right: auto !important;
+ }
-.user-lists-menu-action:focus:not(:disabled) {
- color: var(--fgColor-default);
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: 2px;
-}
+ .mb-md-0 {
+ margin-bottom: 0 !important;
+ }
-.starring-container .BtnGroup-parent:active {
- z-index: auto;
-}
+ .mb-md-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.shelf {
- padding-top: var(--base-size-16);
- margin-bottom: var(--base-size-16);
- background-color: var(--bgColor-default);
- border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted);
-}
+ .mb-md-2 {
+ margin-bottom: 0.5rem !important;
+ }
-.shelf .container {
- position: relative;
-}
+ .mb-md-3 {
+ margin-bottom: 1rem !important;
+ }
-.org-sso,
-.business-sso {
- max-width: 340px;
- margin: 0 auto;
-}
+ .mb-md-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.org-sso .sso-title,
-.business-sso .sso-title {
- font-size: 24px;
- font-weight: var(--base-text-weight-light, 300);
- letter-spacing: -0.5px;
-}
+ .mb-md-5 {
+ margin-bottom: 3rem !important;
+ }
-.org-sso .org-sso-panel,
-.org-sso .business-sso-panel,
-.business-sso .org-sso-panel,
-.business-sso .business-sso-panel {
- padding: var(--base-size-16);
- background-color: var(--bgColor-default);
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
-}
+ .mb-md-auto {
+ margin-bottom: auto !important;
+ }
-.org-sso .sso-recovery-callout,
-.business-sso .sso-recovery-callout {
- padding: var(--base-size-16) var(--base-size-8);
- text-align: center;
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .ms-md-0 {
+ margin-left: 0 !important;
+ }
-.sso-modal {
- padding: var(--base-size-16);
-}
+ .ms-md-1 {
+ margin-left: 0.25rem !important;
+ }
-.sso-modal .org-sso,
-.sso-modal .business-sso {
- width: auto;
-}
+ .ms-md-2 {
+ margin-left: 0.5rem !important;
+ }
-.sso-modal .org-sso .org-sso-panel,
-.sso-modal .business-sso .business-sso-panel {
- border: 0;
-}
+ .ms-md-3 {
+ margin-left: 1rem !important;
+ }
-.sso-modal .sso-prompt-success,
-.sso-modal .sso-prompt-error {
- display: none;
-}
+ .ms-md-4 {
+ margin-left: 1.5rem !important;
+ }
-.sso-modal.success .sso-prompt-default {
- display: none;
-}
+ .ms-md-5 {
+ margin-left: 3rem !important;
+ }
-.sso-modal.success .sso-prompt-success {
- display: block;
-}
+ .ms-md-auto {
+ margin-left: auto !important;
+ }
-.sso-modal.error .sso-prompt-default {
- display: none;
-}
+ .p-md-0 {
+ padding: 0 !important;
+ }
-.sso-modal.error .sso-prompt-error {
- display: block;
-}
+ .p-md-1 {
+ padding: 0.25rem !important;
+ }
-.sso-modal.error .flash-error {
- margin-right: calc(var(--base-size-32) * -1);
- margin-left: calc(var(--base-size-32) * -1);
- border-right: 0;
- border-left: 0;
- border-radius: 0;
-}
+ .p-md-2 {
+ padding: 0.5rem !important;
+ }
-.status-indicator {
- display: inline-block;
- width: 16px;
- height: 16px;
- margin-left: 5px;
-}
+ .p-md-3 {
+ padding: 1rem !important;
+ }
-.status-indicator .octicon {
- display: none;
-}
+ .p-md-4 {
+ padding: 1.5rem !important;
+ }
-.status-indicator-success::before {
- content: '';
-}
+ .p-md-5 {
+ padding: 3rem !important;
+ }
-.status-indicator-success .octicon-check {
- display: inline-block;
- color: var(--fgColor-success);
- fill: var(--fgColor-success);
-}
+ .px-md-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
-.status-indicator-success .octicon-x {
- display: none;
-}
+ .px-md-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
-.status-indicator-failed::before {
- content: '';
-}
+ .px-md-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.status-indicator-failed .octicon-check {
- display: none;
-}
+ .px-md-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.status-indicator-failed .octicon-x {
- display: inline-block;
- color: var(--fgColor-danger);
- fill: var(--fgColor-danger);
-}
+ .px-md-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.status-indicator-loading {
- width: 16px;
- background-image: url('/assets/octocat-spinner-32-EAF2F5-ada8eb30dd92.gif');
- background-repeat: no-repeat;
- background-position: 0 0;
- background-size: 16px;
-}
+ .px-md-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.tag-input-container {
- position: relative;
-}
+ .py-md-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.tag-input-container .focus {
- border-color: transparent !important;
- box-shadow: none !important;
-}
+ .py-md-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.tag-input-container .suggester {
- position: absolute;
- z-index: 100;
- width: 100%;
- margin-top: -1px;
-}
+ .py-md-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-.tag-input-container ul {
- list-style: none;
-}
+ .py-md-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
-.tag-input input {
- float: left;
- padding-left: 2px;
- margin: 0;
- background: none;
- border: 0;
- box-shadow: none;
-}
+ .py-md-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-.tag-input input:focus {
- box-shadow: none;
-}
+ .py-md-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
-.task-list-item {
- list-style-type: none;
-}
+ .pt-md-0 {
+ padding-top: 0 !important;
+ }
-.task-list-item label {
- font-weight: var(--base-text-weight-normal, 400);
-}
+ .pt-md-1 {
+ padding-top: 0.25rem !important;
+ }
-.task-list-item.enabled label {
- cursor: pointer;
-}
+ .pt-md-2 {
+ padding-top: 0.5rem !important;
+ }
-.task-list-item + .task-list-item {
- margin-top: var(--base-size-4);
-}
+ .pt-md-3 {
+ padding-top: 1rem !important;
+ }
-.task-list-item .handle {
- display: none;
-}
+ .pt-md-4 {
+ padding-top: 1.5rem !important;
+ }
-.task-list-item-checkbox {
- margin: 0 0.2em 0.25em -1.4em;
- vertical-align: middle;
-}
+ .pt-md-5 {
+ padding-top: 3rem !important;
+ }
-ul:dir(rtl) .task-list-item-checkbox {
- margin: 0 -1.6em 0.25em 0.2em;
-}
+ .pe-md-0 {
+ padding-right: 0 !important;
+ }
-ol:dir(rtl) .task-list-item-checkbox {
- margin: 0 -1.6em 0.25em 0.2em;
-}
+ .pe-md-1 {
+ padding-right: 0.25rem !important;
+ }
-.convert-to-issue-button {
- top: 2px;
- right: var(--base-size-4);
- padding: 0 2px;
- margin-right: var(--base-size-8);
- -webkit-user-select: none;
- user-select: none;
- background-color: var(--bgColor-muted);
-}
+ .pe-md-2 {
+ padding-right: 0.5rem !important;
+ }
-.convert-to-issue-button .octicon {
- fill: var(--fgColor-default);
-}
+ .pe-md-3 {
+ padding-right: 1rem !important;
+ }
-.convert-to-issue-button:hover .octicon,
-.convert-to-issue-button:focus .octicon {
- fill: var(--fgColor-accent);
-}
+ .pe-md-4 {
+ padding-right: 1.5rem !important;
+ }
-.reorderable-task-lists .markdown-body ul,
-.reorderable-task-lists .markdown-body ol {
- position: relative;
- padding: 0;
-}
+ .pe-md-5 {
+ padding-right: 3rem !important;
+ }
-.reorderable-task-lists .markdown-body li:not(.task-list-item) {
- margin-left: var(--base-size-24);
-}
+ .pb-md-0 {
+ padding-bottom: 0 !important;
+ }
-.reorderable-task-lists .markdown-body ol li,
-.reorderable-task-lists .markdown-body ul li {
- margin-left: 0;
-}
+ .pb-md-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item {
- padding: 2px 15px 2px 42px;
- margin-right: -15px;
- margin-left: -15px;
- line-height: 1.5;
- border: 0;
-}
+ .pb-md-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item + .task-list-item {
- margin-top: 0;
-}
+ .pb-md-3 {
+ padding-bottom: 1rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item .handle {
- display: block;
- float: left;
- width: 20px;
- padding: 2px 0 0 2px;
- margin-left: -43px;
- opacity: 0;
-}
+ .pb-md-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item .drag-handle {
- fill: var(--fgColor-default);
-}
+ .pb-md-5 {
+ padding-bottom: 3rem !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item.hovered > .handle {
- opacity: 1;
-}
+ .ps-md-0 {
+ padding-left: 0 !important;
+ }
-.reorderable-task-lists .markdown-body .task-list-item.is-dragging {
- opacity: 0;
-}
+ .ps-md-1 {
+ padding-left: 0.25rem !important;
+ }
-.reorderable-task-lists .markdown-body ul:dir(rtl) .task-list-item {
- margin-right: 0;
-}
+ .ps-md-2 {
+ padding-left: 0.5rem !important;
+ }
-.reorderable-task-lists .markdown-body ol:dir(rtl) .task-list-item {
- margin-right: 0;
-}
+ .ps-md-3 {
+ padding-left: 1rem !important;
+ }
-.comment-body .reference {
- font-weight: var(--base-text-weight-semibold, 600);
- white-space: nowrap;
-}
+ .ps-md-4 {
+ padding-left: 1.5rem !important;
+ }
-.comment-body .issue-link {
- white-space: normal;
-}
+ .ps-md-5 {
+ padding-left: 3rem !important;
+ }
-.comment-body .issue-link .issue-shorthand {
- font-weight: var(--base-text-weight-normal, 400);
- color: var(--fgColor-muted);
-}
+ .text-md-start {
+ text-align: left !important;
+ }
-.comment-body .issue-link:hover .issue-shorthand,
-.comment-body .issue-link:focus .issue-shorthand {
- color: var(--fgColor-accent);
-}
+ .text-md-end {
+ text-align: right !important;
+ }
-.review-comment-contents .markdown-body .task-list-item {
- padding-left: 42px;
- margin-right: -12px;
- margin-left: -12px;
- border-top-left-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+ .text-md-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 992px) {
+ .float-lg-start {
+ float: left !important;
+ }
-.convert-to-issue-enabled .task-list-item .contains-task-list {
- padding: var(--base-size-4) 15px 0 43px;
- margin: 0 -15px 0 -42px;
-}
+ .float-lg-end {
+ float: right !important;
+ }
-.convert-to-issue-enabled .task-list-item.hovered {
- background-color: var(--bgColor-muted);
-}
+ .float-lg-none {
+ float: none !important;
+ }
-.convert-to-issue-enabled .task-list-item.hovered .contains-task-list {
- background-color: var(--bgColor-default);
-}
+ .d-lg-inline {
+ display: inline !important;
+ }
-.convert-to-issue-enabled .task-list-item > .convert-to-issue-button {
- opacity: 0;
-}
+ .d-lg-inline-block {
+ display: inline-block !important;
+ }
+
+ .d-lg-block {
+ display: block !important;
+ }
-.convert-to-issue-enabled .task-list-item.hovered > .convert-to-issue-button,
-.convert-to-issue-enabled .task-list-item > .convert-to-issue-button:focus {
- z-index: 20;
- opacity: 1;
-}
+ .d-lg-grid {
+ display: grid !important;
+ }
-.convert-to-issue-enabled .task-list-item.is-loading {
- color: var(--fgColor-muted);
- background-color: var(--bgColor-accent-muted);
- border-top: var(--borderWidth-thin) solid var(--borderColor-accent-muted);
- border-bottom: var(--borderWidth-thin) solid var(--bgColor-default);
- border-left: var(--borderWidth-thin) solid var(--bgColor-default);
-}
+ .d-lg-table {
+ display: table !important;
+ }
-.convert-to-issue-enabled .task-list-item.is-loading ul {
- color: var(--fgColor-default);
- background-color: var(--bgColor-default);
-}
+ .d-lg-table-row {
+ display: table-row !important;
+ }
-.convert-to-issue-enabled .task-list-item.is-loading > .handle {
- opacity: 0;
-}
+ .d-lg-table-cell {
+ display: table-cell !important;
+ }
-.task-list-item-convert-container {
- position: absolute !important;
- top: calc(100% - 4px);
- right: 0;
- left: 0;
- display: none;
- margin-top: 0;
-}
+ .d-lg-flex {
+ display: flex !important;
+ }
-.task-list-item-convert-container:hover,
-.task-list-item-convert-container:focus {
- display: block;
-}
+ .d-lg-inline-flex {
+ display: inline-flex !important;
+ }
-.task-list-item-convert-button-container {
- top: var(--base-size-4);
- right: 0;
- left: auto;
- width: auto;
-}
+ .d-lg-none {
+ display: none !important;
+ }
-.contains-task-list:hover .task-list-item-convert-container,
-.contains-task-list:focus-within .task-list-item-convert-container {
- display: block;
- width: auto;
- height: 24px;
- overflow: visible;
- clip: auto;
-}
+ .flex-lg-fill {
+ flex: 1 1 auto !important;
+ }
-.convert-to-block-button {
- margin: 0 var(--base-size-4);
-}
+ .flex-lg-row {
+ flex-direction: row !important;
+ }
-.topic-tag {
- display: inline-block;
- padding: 0.3em 0.9em;
- margin: 0 0.5em 0.5em 0;
- white-space: nowrap;
- background-color: var(--bgColor-accent-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .flex-lg-column {
+ flex-direction: column !important;
+ }
-.topic-tag-link:hover {
- text-decoration: none;
- background-color: #def;
-}
+ .flex-lg-row-reverse {
+ flex-direction: row-reverse !important;
+ }
-.delete-topic-button {
- display: inline-block;
- width: 26px;
- border-top: 0;
- border-right: 0;
- border-bottom: 0;
- border-left: var(--borderWidth-thin) solid #b4d9ff;
-}
+ .flex-lg-column-reverse {
+ flex-direction: column-reverse !important;
+ }
-.topic-tag-outline {
- background: transparent;
- box-shadow: inset 0 0 0 1px #c8e1ff;
-}
+ .flex-lg-grow-0 {
+ flex-grow: 0 !important;
+ }
-.invalid-topic .delete-topic-button {
- color: var(--fgColor-default);
- background-color: var(--bgColor-danger-muted);
- border-left-color: var(--borderColor-danger-emphasis);
-}
+ .flex-lg-grow-1 {
+ flex-grow: 1 !important;
+ }
-.invalid-topic .delete-topic-button:hover {
- background-color: #ffc8ce;
-}
+ .flex-lg-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.topic-tag-action {
- display: inline-flex;
- align-items: center;
- padding-left: 0.8em;
- margin: 0.4em 0.4em 0 0;
- background-color: var(--bgColor-accent-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .flex-lg-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-.topic-tag-action.invalid-topic {
- color: var(--fgColor-default);
- background-color: var(--bgColor-danger-muted);
- border-color: var(--borderColor-danger-emphasis);
-}
+ .flex-lg-wrap {
+ flex-wrap: wrap !important;
+ }
-.topic-input-container .tag-input {
- width: 908px;
- cursor: text;
-}
+ .flex-lg-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.topic-input-container .tag-input.org-repo-tag-input {
- width: 100%;
-}
+ .flex-lg-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.topic-input-container .tag-input .tag-input-inner {
- min-height: 26px;
- background-image: none;
-}
+ .gap-lg-0 {
+ gap: 0 !important;
+ }
-.topic-input-container .topic-tag {
- margin-top: 2px;
-}
+ .gap-lg-1 {
+ gap: 0.25rem !important;
+ }
-.topic .css-truncate-target {
- max-width: 75%;
-}
+ .gap-lg-2 {
+ gap: 0.5rem !important;
+ }
-.topic-list .topic-list-item + .topic-list-item {
- border-top: solid var(--borderWidth-thin) var(--borderColor-default);
-}
+ .gap-lg-3 {
+ gap: 1rem !important;
+ }
-.topic-box .starred {
- color: var(--fgColor-attention);
- border: 0;
-}
+ .gap-lg-4 {
+ gap: 1.5rem !important;
+ }
-.topic-box .unstarred {
- color: var(--fgColor-muted);
- border: 0;
-}
+ .gap-lg-5 {
+ gap: 3rem !important;
+ }
-.user-status-container,
-.user-status-container .team-mention,
-.user-status-container .user-mention {
- white-space: normal;
-}
+ .justify-content-lg-start {
+ justify-content: flex-start !important;
+ }
-.user-status-container {
- word-break: break-word;
- word-wrap: break-word;
-}
+ .justify-content-lg-end {
+ justify-content: flex-end !important;
+ }
-.user-status-container .input-group-button .btn {
- width: 46px;
- height: 34px;
- line-height: 0;
-}
+ .justify-content-lg-center {
+ justify-content: center !important;
+ }
-.user-status-container .input-group-button g-emoji {
- font-size: 1.3em;
- line-height: 18px;
-}
+ .justify-content-lg-between {
+ justify-content: space-between !important;
+ }
-.user-status-container .team-mention,
-.user-status-container .user-mention {
- white-space: normal;
-}
+ .justify-content-lg-around {
+ justify-content: space-around !important;
+ }
-.user-status-container img.emoji {
- width: 18px;
- height: 18px;
-}
+ .justify-content-lg-evenly {
+ justify-content: space-evenly !important;
+ }
-.user-status-message-wrapper {
- color: var(--fgColor-default);
-}
+ .align-items-lg-start {
+ align-items: flex-start !important;
+ }
-.toggle-user-status-edit:hover .user-status-message-wrapper,
-.toggle-user-status-edit:focus .user-status-message-wrapper {
- color: var(--fgColor-accent);
-}
+ .align-items-lg-end {
+ align-items: flex-end !important;
+ }
-.user-status-message-wrapper div {
- display: inline;
-}
+ .align-items-lg-center {
+ align-items: center !important;
+ }
-.user-status-header g-emoji {
- font-size: 1.25em;
-}
+ .align-items-lg-baseline {
+ align-items: baseline !important;
+ }
-.user-status-message-wrapper .g-emoji {
- display: inline-block;
-}
+ .align-items-lg-stretch {
+ align-items: stretch !important;
+ }
-.user-status-circle-badge {
- background-color: var(--bgColor-default);
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: 2em;
- box-shadow: var(--shadow-resting-small);
-}
+ .align-content-lg-start {
+ align-content: flex-start !important;
+ }
-.command-palette {
- box-shadow: var(--shadow-floating-small);
-}
+ .align-content-lg-end {
+ align-content: flex-end !important;
+ }
-@media (min-width: 768px) {
- .command-palette-details-dialog {
- width: 512px;
+ .align-content-lg-center {
+ align-content: center !important;
}
-}
-@media (min-width: 1012px) {
- .command-palette-details-dialog {
- width: 640px;
+ .align-content-lg-between {
+ align-content: space-between !important;
}
-}
-@media (min-width: 1280px) {
- .command-palette-details-dialog {
- width: 720px;
+ .align-content-lg-around {
+ align-content: space-around !important;
}
-}
-.page-stack-transition-height {
- overflow-y: scroll;
- transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
- transition-duration: 0.2s;
- transition-property: max-height, min-height;
-}
+ .align-content-lg-stretch {
+ align-content: stretch !important;
+ }
-.page-stack-transition-height.no-transition {
- transition-duration: 0s;
-}
+ .align-self-lg-auto {
+ align-self: auto !important;
+ }
-.command-palette-input-group {
- position: relative;
- z-index: 0;
- padding-left: 0;
- color: var(--fgColor-muted);
-}
+ .align-self-lg-start {
+ align-self: flex-start !important;
+ }
-.command-palette-input-group .no-focus-indicator:focus,
-.command-palette-input-group .no-focus-indicator:focus-visible {
- border: 0 !important;
- outline: none !important;
-}
+ .align-self-lg-end {
+ align-self: flex-end !important;
+ }
-.command-palette-input-group .command-palette-typeahead {
- position: absolute;
- z-index: 1;
- padding: inherit;
- pointer-events: none;
-}
+ .align-self-lg-center {
+ align-self: center !important;
+ }
-.command-palette-input-group .command-palette-typeahead .typeahead-segment {
- white-space: pre;
-}
+ .align-self-lg-baseline {
+ align-self: baseline !important;
+ }
-.command-palette-input-group .command-palette-typeahead .typeahead-segment.input-mirror {
- opacity: 0;
-}
+ .align-self-lg-stretch {
+ align-self: stretch !important;
+ }
-.command-palette-input-group .typeahead-input {
- padding: inherit;
-}
+ .order-lg-first {
+ order: -1 !important;
+ }
-.command-palette-input-clear-button {
- color: var(--fgColor-muted);
-}
+ .order-lg-0 {
+ order: 0 !important;
+ }
-.command-palette-input-clear-button:hover {
- color: var(--fgColor-muted);
-}
+ .order-lg-1 {
+ order: 1 !important;
+ }
-themed-picture {
- visibility: hidden;
-}
+ .order-lg-2 {
+ order: 2 !important;
+ }
-.SidePanel > .Overlay-header > .Overlay-headerContentWrap > .Overlay-titleWrap {
- padding-top: var(--base-size-8);
-}
+ .order-lg-3 {
+ order: 3 !important;
+ }
-.SidePanel > .Overlay-header > .Overlay-headerContentWrap > .Overlay-actionWrap {
- padding: var(--base-size-8);
-}
+ .order-lg-4 {
+ order: 4 !important;
+ }
-.underline-on-hover:hover {
- text-decoration: underline;
-}
+ .order-lg-5 {
+ order: 5 !important;
+ }
-.is-auto-complete-loading :not(input).form-control {
- padding-right: 0;
- background-image: none;
-}
+ .order-lg-last {
+ order: 6 !important;
+ }
-.ActionMenu {
- position: absolute;
- z-index: 999;
- display: none;
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
+ .m-lg-0 {
+ margin: 0 !important;
+ }
-.CommentBox-header {
- display: flex;
- background-color: var(--bgColor-muted, var(--color-canvas-subtle));
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
-}
+ .m-lg-1 {
+ margin: 0.25rem !important;
+ }
-.CommentBox-header.CommentBox-header {
- margin-bottom: 0;
-}
+ .m-lg-2 {
+ margin: 0.5rem !important;
+ }
-.CommentBox-header .tabnav-tabs {
- margin-top: -1px;
- margin-left: -1px;
- flex-shrink: 0;
-}
+ .m-lg-3 {
+ margin: 1rem !important;
+ }
-.CommentBox-toolbar {
- display: flex;
- min-width: 0;
- margin-right: var(--base-size-4, var(--base-size-4));
- flex-shrink: 1;
- flex-grow: 1;
-}
+ .m-lg-4 {
+ margin: 1.5rem !important;
+ }
-.CommentBox-toolbar .Button--invisible {
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
+ .m-lg-5 {
+ margin: 3rem !important;
+ }
-.CommentBox-container {
- display: block;
- width: calc(100% - var(--stack-padding-condensed, 8px) * 2);
- height: 100%;
- margin: var(--base-size-8);
- overflow: hidden;
- border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
-}
+ .m-lg-auto {
+ margin: auto !important;
+ }
-.CommentBox-container.CommentBox-container:focus-within {
- border-color: transparent;
- outline: 2px var(--focus-outlineColor, var(--color-accent-emphasis)) solid;
- outline-offset: -1px;
- box-shadow: none;
-}
+ .mx-lg-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.CommentBox-container::placeholder {
- visibility: hidden;
-}
+ .mx-lg-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.CommentBox-input {
- display: block;
- width: 100%;
- min-height: 102px;
- padding: var(--base-size-8);
- line-height: 1.5;
- resize: vertical;
- background: none;
- border: 0;
-}
+ .mx-lg-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.CommentBox-input.CommentBox-input:focus,
-.CommentBox-input.CommentBox-input:focus-visible {
- border: 0;
- outline: 0;
- box-shadow: none;
-}
+ .mx-lg-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.CommentBox-input.CommentBox-input--medium {
- min-height: 150px;
-}
+ .mx-lg-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.CommentBox-input.CommentBox-input--large {
- min-height: 250px;
-}
+ .mx-lg-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.CommentBox-placeholder {
- position: absolute;
- top: 1px;
- left: 9px;
- display: none;
- padding: var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-subtle));
- pointer-events: none;
-}
+ .mx-lg-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.CommentBox-input:placeholder-shown + .CommentBox-placeholder {
- display: block;
-}
+ .my-lg-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.CommentBox .dragover .CommentBox-input,
-.CommentBox .dragover .CommentBox-input:focus {
- border-radius: 10px;
- outline: 2px dashed var(--borderColor-default, var(--color-border-default));
- outline-offset: -6px;
- box-shadow: none;
-}
+ .my-lg-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.CommentBox-comment {
- margin: var(--base-size-8);
-}
+ .my-lg-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.CommentBox-comment.CommentBox-comment:focus,
-.CommentBox-comment.CommentBox-comment:focus-visible {
- border-radius: var(--borderRadius-medium);
- outline: 2px var(--focus-outlineColor, var(--color-accent-emphasis)) solid;
- outline-offset: -1px;
- box-shadow: none;
-}
+ .my-lg-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.CommentBox-comment[role='tabpanel'][tabindex='0']:focus {
- outline: 2px var(--focus-outlineColor, var(--color-accent-emphasis)) solid;
-}
+ .my-lg-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.CommentBox-comment.CommentBox-comment .comment-body {
- padding: 9px;
- margin: 0;
-}
+ .my-lg-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-.previewable-comment-form .comment {
- border: 0;
-}
+ .my-lg-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-.previewable-edit .previewable-comment-form .CommentBox-header .tabnav-tabs {
- display: flex;
-}
+ .mt-lg-0 {
+ margin-top: 0 !important;
+ }
-.previewable-comment-form .CommentBox .preview-content {
- padding: var(--base-size-8);
- margin: 0;
-}
+ .mt-lg-1 {
+ margin-top: 0.25rem !important;
+ }
-.previewable-comment-form .CommentBox .comment-body {
- padding: 9px;
- border: 0;
-}
+ .mt-lg-2 {
+ margin-top: 0.5rem !important;
+ }
-.PageHeader {
- display: grid;
- grid-template-columns: 1fr;
- grid-template-areas: 'contextBar' 'titleBar' 'description' 'navigation';
- margin-bottom: var(--base-size-24);
-}
+ .mt-lg-3 {
+ margin-top: 1rem !important;
+ }
-@media (max-width: 768px) {
- .PageHeader {
- margin-bottom: var(--base-size-16);
+ .mt-lg-4 {
+ margin-top: 1.5rem !important;
}
-}
-.PageHeader .PageHeader-contextBar {
- display: flex;
- column-gap: 16px;
- align-items: center;
-}
+ .mt-lg-5 {
+ margin-top: 3rem !important;
+ }
-.PageHeader .PageHeader-contextBar .PageHeader-parentLink {
- flex: 1 1 auto;
-}
+ .mt-lg-auto {
+ margin-top: auto !important;
+ }
-.PageHeader .PageHeader-parentLink a {
- display: inline-grid;
- grid-template-columns: min-content auto;
- gap: var(--base-size-4);
- align-items: center;
- padding: var(--base-size-4) var(--base-size-8);
- margin-left: calc(var(--base-size-8) * -1);
- font-size: 14px;
- line-height: 1.25;
- color: var(--fgColor-muted, var(--color-fg-muted));
- border-radius: var(--borderRadius-medium);
-}
+ .me-lg-0 {
+ margin-right: 0 !important;
+ }
-.PageHeader .PageHeader-parentLink a:hover {
- color: var(--fgColor-default, var(--color-fg-default));
- text-decoration: none;
- background: var(--bgColor-muted, var(--color-canvas-subtle));
-}
+ .me-lg-1 {
+ margin-right: 0.25rem !important;
+ }
-.PageHeader .PageHeader-parentLink .PageHeader-parentLink-label {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
+ .me-lg-2 {
+ margin-right: 0.5rem !important;
+ }
-.PageHeader .PageHeader-titleBar {
- display: flex;
- column-gap: var(--base-size-16);
-}
+ .me-lg-3 {
+ margin-right: 1rem !important;
+ }
-.PageHeader .PageHeader-titleBar .PageHeader-titleWrap {
- flex: 1 1 auto;
-}
+ .me-lg-4 {
+ margin-right: 1.5rem !important;
+ }
-.PageHeader .PageHeader-titleBar .PageHeader-actions {
- flex: 0 0 auto;
-}
+ .me-lg-5 {
+ margin-right: 3rem !important;
+ }
-.PageHeader .PageHeader-titleWrap {
- display: flex;
- column-gap: var(--base-size-8);
-}
+ .me-lg-auto {
+ margin-right: auto !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large {
- font: 400 var(--text-title-size-large, 2rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica,
- Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-}
+ .mb-lg-0 {
+ margin-bottom: 0 !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large .PageHeader-backButton {
- height: var(--text-title-lineHeight-large, 2.5rem);
-}
+ .mb-lg-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large .PageHeader-leadingVisual {
- max-height: var(--text-title-lineHeight-large, 2.5rem);
-}
+ .mb-lg-2 {
+ margin-bottom: 0.5rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--medium {
- font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica,
- Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-}
+ .mb-lg-3 {
+ margin-bottom: 1rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--subtitle {
- font: 400 var(--text-subtitle-size, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica,
- Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-}
+ .mb-lg-4 {
+ margin-bottom: 1.5rem !important;
+ }
-@media (max-width: 768px) {
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large {
- font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans',
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+ .mb-lg-5 {
+ margin-bottom: 3rem !important;
}
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--medium {
- font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans',
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+ .mb-lg-auto {
+ margin-bottom: auto !important;
}
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--subtitle {
- font: 400 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans',
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+ .ms-lg-0 {
+ margin-left: 0 !important;
}
-}
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasLeadingVisual {
- display: flex;
-}
+ .ms-lg-1 {
+ margin-left: 0.25rem !important;
+ }
-.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasBackButton:first-child {
- margin-left: calc(var(--base-size-4) * -1);
-}
+ .ms-lg-2 {
+ margin-left: 0.5rem !important;
+ }
-@media (min-width: 768px) {
- .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasBackButton:first-child {
- display: flex !important;
- align-items: center;
- margin-left: var(--base-size-8);
- grid-template-columns: min-content auto;
+ .ms-lg-3 {
+ margin-left: 1rem !important;
}
-}
-.PageHeader .PageHeader-titleWrap h1,
-.PageHeader .PageHeader-titleWrap h2,
-.PageHeader .PageHeader-titleWrap h3 {
- font-size: inherit;
- font-weight: inherit;
- line-height: inherit;
-}
+ .ms-lg-4 {
+ margin-left: 1.5rem !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-title {
- display: inline-grid;
- grid-auto-flow: column;
- grid-template-columns: auto;
- align-items: center;
- gap: 8px;
-}
+ .ms-lg-5 {
+ margin-left: 3rem !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-leadingVisual {
- display: grid;
- align-items: center;
- max-height: var(--text-title-lineHeight-large, 1.5);
-}
+ .ms-lg-auto {
+ margin-left: auto !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-trailingVisual {
- display: grid;
- align-items: center;
- max-height: var(--text-title-lineHeight-large, 1.5);
-}
+ .p-lg-0 {
+ padding: 0 !important;
+ }
-.PageHeader .PageHeader-titleWrap .PageHeader-backButton {
- position: relative;
- display: grid;
- width: 16px;
- height: var(--text-title-lineHeight-medium, 1.5rem);
- align-items: center;
- padding: 0;
- color: inherit;
- border-radius: var(--borderRadius-medium);
-}
+ .p-lg-1 {
+ padding: 0.25rem !important;
+ }
-@media (max-width: 768px) {
- .PageHeader .PageHeader-titleWrap .PageHeader-backButton {
- display: none;
+ .p-lg-2 {
+ padding: 0.5rem !important;
}
-}
-.PageHeader .PageHeader-description {
- margin-top: var(--base-size-8);
- overflow: auto;
-}
+ .p-lg-3 {
+ padding: 1rem !important;
+ }
-.PageHeader .PageHeader-navigation {
- margin-top: var(--base-size-16);
- overflow: auto;
-}
+ .p-lg-4 {
+ padding: 1.5rem !important;
+ }
-.QueryBuilder-StyledInput {
- display: inline-flex;
- width: 100%;
- min-height: var(--control-medium-size, 32px);
- color: var(--fgColor-default, var(--color-fg-default));
- vertical-align: middle;
- cursor: text;
- background-color: var(--bgColor-default, var(--color-canvas-default));
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-color: var(--control-borderColor-rest, var(--color-border-default));
- border-radius: var(--borderRadius-medium);
- outline: none;
- align-items: center;
- gap: var(--base-size-4);
-}
+ .p-lg-5 {
+ padding: 3rem !important;
+ }
-.QueryBuilder-focus {
- border-color: transparent;
- outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
- box-shadow: inset 0 0 1px transparent;
-}
+ .px-lg-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
-.QueryBuilder-StyledInputContainer {
- position: relative;
- display: flex;
- overflow-x: auto;
- overflow-y: hidden;
- font-size: inherit;
- align-items: center;
- -ms-overflow-style: none;
- scrollbar-width: none;
- flex: 1;
- align-self: stretch;
-}
+ .px-lg-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
-.QueryBuilder-StyledInputContainer::-webkit-scrollbar {
- display: none;
-}
+ .px-lg-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.QueryBuilder-StyledInputContent {
- position: absolute;
- display: inline-flex;
- padding: 0;
- word-break: break-word;
- white-space: pre;
- -webkit-user-select: none;
- user-select: none;
- flex: 1;
-}
+ .px-lg-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.QueryBuilder-leadingVisualWrap {
- margin: var(--base-size-4) var(--base-size-4) var(--base-size-4) var(--base-size-8);
- color: var(--fgColor-muted, var(--color-fg-muted));
-}
+ .px-lg-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.QueryBuilder-spacer {
- width: var(--base-size-8);
- height: 100%;
-}
+ .px-lg-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.QueryBuilder-InputWrapper {
- width: 100%;
- align-self: stretch;
-}
+ .py-lg-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.QueryBuilder-Sizer {
- position: absolute;
- top: 0;
- left: 0;
- height: 0;
- overflow: scroll;
- white-space: pre;
- visibility: hidden;
-}
+ .py-lg-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.QueryBuilder-Input {
- position: relative;
- display: flex;
- min-width: 100%;
- padding: 0;
- overflow-x: auto;
- overflow-y: hidden;
- color: transparent;
- resize: none;
- background: transparent;
- border: 0;
- outline: none;
- caret-color: var(--fgColor-default, var(--color-fg-default));
-}
+ .py-lg-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-.QueryBuilder-Input:focus {
- border: 0 !important;
- box-shadow: none !important;
-}
+ .py-lg-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
-query-builder:not(:defined) .QueryBuilder-Input {
- color: var(--fgColor-default, var(--color-fg-default));
-}
+ .py-lg-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-.QueryBuilder-ListItem {
- display: grid;
- grid-template-columns: max-content minmax(0, auto) max-content;
- grid-template-areas: 'leadingVisual label trailingLabel';
- -webkit-user-select: unset;
- user-select: unset;
-}
+ .py-lg-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
-.QueryBuilder-ListItem-link {
- color: inherit;
- text-decoration: none !important;
-}
+ .pt-lg-0 {
+ padding-top: 0 !important;
+ }
-.QueryBuilder-ListItem-trailing {
- grid-area: trailingLabel;
-}
+ .pt-lg-1 {
+ padding-top: 0.25rem !important;
+ }
-.QueryBuilder-ListWrap {
- max-height: 20em;
- padding: var(--base-size-8);
- overflow-x: hidden;
- overflow-y: auto !important;
-}
+ .pt-lg-2 {
+ padding-top: 0.5rem !important;
+ }
-.QueryBuilder [data-type='filter-value'] {
- color: var(--fgColor-accent, var(--color-accent-fg));
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-radius: var(--borderRadius-small);
-}
+ .pt-lg-3 {
+ padding-top: 1rem !important;
+ }
-.QueryBuilder .qb-filter-value {
- color: var(--fgColor-accent, var(--color-accent-fg));
- background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
- border-radius: var(--borderRadius-small);
-}
+ .pt-lg-4 {
+ padding-top: 1.5rem !important;
+ }
-.QueryBuilder .qb-entity {
- color: var(--color-prettylights-syntax-entity);
-}
+ .pt-lg-5 {
+ padding-top: 3rem !important;
+ }
-.QueryBuilder .qb-constant {
- color: var(--color-prettylights-syntax-constant);
-}
+ .pe-lg-0 {
+ padding-right: 0 !important;
+ }
-.QueryBuilder .ActionList-sectionDivider:not(:empty) {
- padding: 0;
-}
+ .pe-lg-1 {
+ padding-right: 0.25rem !important;
+ }
-.hx_anim-fade-out {
- animation-name: hx-fade-out;
- animation-duration: 1s;
- animation-fill-mode: forwards;
- animation-timing-function: ease-out;
-}
+ .pe-lg-2 {
+ padding-right: 0.5rem !important;
+ }
-@keyframes hx-fade-out {
- 0% {
- opacity: 1;
+ .pe-lg-3 {
+ padding-right: 1rem !important;
}
- 100% {
- opacity: 0;
+ .pe-lg-4 {
+ padding-right: 1.5rem !important;
}
-}
-.AvatarStack--large {
- min-width: 44px;
- height: 32px;
-}
+ .pe-lg-5 {
+ padding-right: 3rem !important;
+ }
-.AvatarStack--large.AvatarStack--two {
- min-width: 48px;
-}
+ .pb-lg-0 {
+ padding-bottom: 0 !important;
+ }
-.AvatarStack--large.AvatarStack--three-plus {
- min-width: 52px;
-}
+ .pb-lg-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.AvatarStack--large .AvatarStack-body .avatar {
- width: 32px;
- height: 32px;
- margin-right: -28px;
-}
+ .pb-lg-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.AvatarStack--large .AvatarStack-body:hover .avatar {
- margin-right: var(--base-size-4);
-}
+ .pb-lg-3 {
+ padding-bottom: 1rem !important;
+ }
-.AvatarStack--large .avatar.avatar-more::before {
- width: 32px;
-}
+ .pb-lg-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.AvatarStack--large .avatar.avatar-more::after {
- width: 30px;
-}
+ .pb-lg-5 {
+ padding-bottom: 3rem !important;
+ }
-.AvatarStack--large .avatar.avatar-more::after,
-.AvatarStack--large .avatar.avatar-more::before {
- height: 32px;
-}
+ .ps-lg-0 {
+ padding-left: 0 !important;
+ }
-.Box-row--focus-gray.navigation-focus .AvatarStack-body {
- background-color: var(--bgColor-muted);
-}
+ .ps-lg-1 {
+ padding-left: 0.25rem !important;
+ }
-.AvatarStack-body:not(:hover) {
- background-color: transparent;
-}
+ .ps-lg-2 {
+ padding-left: 0.5rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .avatar-more {
- display: none;
-}
+ .ps-lg-3 {
+ padding-left: 1rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body .avatar:nth-child(n + 4) {
- display: flex;
- opacity: 1;
-}
+ .ps-lg-4 {
+ padding-left: 1.5rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) .avatar:nth-of-type(n + 6) {
- display: none;
- opacity: 0;
-}
+ .ps-lg-5 {
+ padding-left: 3rem !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(1) {
- z-index: 5;
-}
+ .text-lg-start {
+ text-align: left !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(2) {
- z-index: 4;
-}
+ .text-lg-end {
+ text-align: right !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(3) {
- z-index: 3;
+ .text-lg-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 1200px) {
+ .float-xl-start {
+ float: left !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(4) {
- z-index: 2;
-}
+ .float-xl-end {
+ float: right !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body > .avatar:nth-of-type(5) {
- z-index: 1;
-}
+ .float-xl-none {
+ float: none !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3)
- img {
- opacity: 0.5;
-}
+ .d-xl-inline {
+ display: inline !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4)
- img {
- opacity: 0.33;
-}
+ .d-xl-inline-block {
+ display: inline-block !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5)
- img {
- opacity: 0.25;
-}
+ .d-xl-block {
+ display: block !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) > .avatar-more + .avatar:nth-of-type(3) {
- margin-right: 0;
- margin-left: -6px;
-}
+ .d-xl-grid {
+ display: grid !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) > .avatar-more ~ .avatar:nth-of-type(4) {
- margin-right: 0;
- margin-left: -18px;
-}
+ .d-xl-table {
+ display: table !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) > .avatar-more ~ .avatar:nth-of-type(5) {
- margin-right: 0;
- margin-left: -18px;
-}
+ .d-xl-table-row {
+ display: table-row !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3) {
- margin-right: -6px;
- margin-left: 0;
-}
+ .d-xl-table-cell {
+ display: table-cell !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4) {
- margin-right: -18px;
- margin-left: 0;
-}
+ .d-xl-flex {
+ display: flex !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5) {
- margin-right: -18px;
- margin-left: 0;
-}
+ .d-xl-inline-flex {
+ display: inline-flex !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3) {
- margin-right: 0;
- margin-left: -2px;
-}
+ .d-xl-none {
+ display: none !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4) {
- margin-right: 0;
- margin-left: -30px;
-}
+ .flex-xl-fill {
+ flex: 1 1 auto !important;
+ }
-.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5) {
- margin-right: 0;
- margin-left: -30px;
-}
+ .flex-xl-row {
+ flex-direction: row !important;
+ }
-.hx_avatar_stack_commit
- .AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- + .avatar:nth-of-type(3) {
- margin-right: 0;
- margin-left: -10px;
-}
+ .flex-xl-column {
+ flex-direction: column !important;
+ }
-.hx_avatar_stack_commit
- .AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(4) {
- margin-right: 0;
- margin-left: -21px;
-}
+ .flex-xl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
-.hx_avatar_stack_commit
- .AvatarStack--three-plus.AvatarStack--three-plus
- .AvatarStack-body:not(:hover)
- > .avatar-more
- ~ .avatar:nth-of-type(5) {
- margin-right: 0;
- margin-left: -21px;
-}
+ .flex-xl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
-.hx_badge-search-container {
- cursor: text;
-}
+ .flex-xl-grow-0 {
+ flex-grow: 0 !important;
+ }
-.hx_badge-search-container .hx_badge-input {
- border: 0;
- outline: 0;
- box-shadow: none;
-}
+ .flex-xl-grow-1 {
+ flex-grow: 1 !important;
+ }
-.hx_badge-search-container .hx_badge-input:focus {
- border: 0 !important;
- box-shadow: none !important;
-}
+ .flex-xl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.hx_badge-search-container .hx_badge-input::placeholder {
- font-size: 12px;
-}
+ .flex-xl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-.hx_badge {
- cursor: pointer;
-}
+ .flex-xl-wrap {
+ flex-wrap: wrap !important;
+ }
-.hx_badge[aria-pressed='true'] {
- color: var(--fgColor-onEmphasis) !important;
- background-color: var(--bgColor-accent-emphasis) !important;
- border-color: var(--borderColor-accent-emphasis) !important;
-}
+ .flex-xl-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.hx_Box--firstRowRounded0 .Box-row:first-of-type {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
-}
+ .flex-xl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.Box-row:first-of-type {
- border-top-color: transparent;
-}
+ .gap-xl-0 {
+ gap: 0 !important;
+ }
-.hx_Box-row--with-top-border:first-of-type {
- border-top-color: inherit;
-}
+ .gap-xl-1 {
+ gap: 0.25rem !important;
+ }
-.Box--overlay [data-close-dialog],
-.Box-overlay--narrow [data-close-dialog],
-.Box-overlay--wide [data-close-dialog] {
- z-index: 1;
-}
+ .gap-xl-2 {
+ gap: 0.5rem !important;
+ }
-.dropdown-item.btn-link:disabled,
-.dropdown-item.btn-link:disabled:hover,
-.dropdown-item.btn-link[aria-disabled='true'],
-.dropdown-item.btn-link[aria-disabled='true']:hover {
- background-color: transparent;
-}
+ .gap-xl-3 {
+ gap: 1rem !important;
+ }
-@media {
- g-emoji {
- font-size: 1.25em;
+ .gap-xl-4 {
+ gap: 1.5rem !important;
}
-}
-.hx_create-pr-button:hover {
- border-right-width: 0;
-}
+ .gap-xl-5 {
+ gap: 3rem !important;
+ }
-.hx_create-pr-button:hover + .BtnGroup-parent .BtnGroup-item {
- border-left-width: var(--borderWidth-thin);
-}
+ .justify-content-xl-start {
+ justify-content: flex-start !important;
+ }
-summary[type='button'].btn {
- appearance: none;
-}
+ .justify-content-xl-end {
+ justify-content: flex-end !important;
+ }
-.form-control:-webkit-autofill {
- box-shadow: inset 0 0 0 32px var(--bgColor-default) !important;
- -webkit-text-fill-color: var(--fgColor-default);
-}
-
-.form-control:-webkit-autofill:focus {
- box-shadow: inset 0 0 0 32px var(--bgColor-default), 0 0 0 2px var(--borderColor-accent-emphasis) !important;
-}
-
-::-webkit-calendar-picker-indicator {
- filter: invert(50%);
-}
-
-[data-color-mode='light'][data-light-theme*='dark'] ::selection,
-[data-color-mode='dark'][data-dark-theme*='dark'] ::selection {
- background-color: var(--selection-bgColor);
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] ::selection {
- background-color: var(--selection-bgColor);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] ::selection {
- background-color: var(--selection-bgColor);
- }
-}
-
-@font-face {
- font-family: 'Noto Sans';
- src: local(sans-serif);
- unicode-range: U+60;
-}
-
-[data-color-mode='light'][data-light-theme*='dark'],
-[data-color-mode='dark'][data-dark-theme*='dark'] {
- --color-workflow-card-bg: var(--bgColor-muted);
- --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
- --color-bg-discussions-row-emoji-box: #57606a;
- --color-notifications-row-read-bg: var(--bgColor-default);
- --color-notifications-row-bg: var(--bgColor-muted);
- --color-calendar-halloween-graph-day-L1-bg: #631c03;
- --color-calendar-halloween-graph-day-L2-bg: #bd561d;
- --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
- --color-calendar-halloween-graph-day-L4-bg: #fddf68;
- --color-calendar-winter-graph-day-L1-bg: #0a3069;
- --color-calendar-winter-graph-day-L2-bg: #0969da;
- --color-calendar-winter-graph-day-L3-bg: #54aeff;
- --color-calendar-winter-graph-day-L4-bg: #b6e3ff;
- --color-calendar-graph-day-bg: #161b22;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #0e4429;
- --color-calendar-graph-day-L2-bg: #006d32;
- --color-calendar-graph-day-L3-bg: #26a641;
- --color-calendar-graph-day-L4-bg: #39d353;
- --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
- --color-user-mention-fg: var(--fgColor-attention);
- --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
- --color-marketing-icon-primary: #79c0ff;
- --color-marketing-icon-secondary: #1f6feb;
- --color-project-header-bg: #0d1117;
- --color-project-sidebar-bg: #161b22;
- --color-project-gradient-in: #161b22;
- --color-project-gradient-out: rgba(22, 27, 34, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
- --color-text-white: var(--fgColor-white);
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] {
- --color-workflow-card-bg: var(--bgColor-muted);
- --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
- --color-bg-discussions-row-emoji-box: #57606a;
- --color-notifications-row-read-bg: var(--bgColor-default);
- --color-notifications-row-bg: var(--bgColor-muted);
- --color-calendar-halloween-graph-day-L1-bg: #631c03;
- --color-calendar-halloween-graph-day-L2-bg: #bd561d;
- --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
- --color-calendar-halloween-graph-day-L4-bg: #fddf68;
- --color-calendar-winter-graph-day-L1-bg: #0a3069;
- --color-calendar-winter-graph-day-L2-bg: #0969da;
- --color-calendar-winter-graph-day-L3-bg: #54aeff;
- --color-calendar-winter-graph-day-L4-bg: #b6e3ff;
- --color-calendar-graph-day-bg: #161b22;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #0e4429;
- --color-calendar-graph-day-L2-bg: #006d32;
- --color-calendar-graph-day-L3-bg: #26a641;
- --color-calendar-graph-day-L4-bg: #39d353;
- --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
- --color-user-mention-fg: var(--fgColor-attention);
- --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
- --color-marketing-icon-primary: #79c0ff;
- --color-marketing-icon-secondary: #1f6feb;
- --color-project-header-bg: #0d1117;
- --color-project-sidebar-bg: #161b22;
- --color-project-gradient-in: #161b22;
- --color-project-gradient-out: rgba(22, 27, 34, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] {
- --color-workflow-card-bg: var(--bgColor-muted);
- --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
- --color-bg-discussions-row-emoji-box: #57606a;
- --color-notifications-row-read-bg: var(--bgColor-default);
- --color-notifications-row-bg: var(--bgColor-muted);
- --color-calendar-halloween-graph-day-L1-bg: #631c03;
- --color-calendar-halloween-graph-day-L2-bg: #bd561d;
- --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
- --color-calendar-halloween-graph-day-L4-bg: #fddf68;
- --color-calendar-winter-graph-day-L1-bg: #0a3069;
- --color-calendar-winter-graph-day-L2-bg: #0969da;
- --color-calendar-winter-graph-day-L3-bg: #54aeff;
- --color-calendar-winter-graph-day-L4-bg: #b6e3ff;
- --color-calendar-graph-day-bg: #161b22;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #0e4429;
- --color-calendar-graph-day-L2-bg: #006d32;
- --color-calendar-graph-day-L3-bg: #26a641;
- --color-calendar-graph-day-L4-bg: #39d353;
- --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
- --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
- --color-user-mention-fg: var(--fgColor-attention);
- --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
- --color-marketing-icon-primary: #79c0ff;
- --color-marketing-icon-secondary: #1f6feb;
- --color-project-header-bg: #0d1117;
- --color-project-sidebar-bg: #161b22;
- --color-project-gradient-in: #161b22;
- --color-project-gradient-out: rgba(22, 27, 34, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-:root,
-[data-color-mode='light'][data-light-theme*='light'],
-[data-color-mode='dark'][data-dark-theme*='light'] {
- --color-workflow-card-bg: var(--bgColor-default);
- --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
- --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
- --color-notifications-row-read-bg: var(--bgColor-muted);
- --color-notifications-row-bg: var(--bgColor-white);
- --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
- --color-calendar-halloween-graph-day-L2-bg: #ffc501;
- --color-calendar-halloween-graph-day-L3-bg: #fe9600;
- --color-calendar-halloween-graph-day-L4-bg: #03001c;
- --color-calendar-winter-graph-day-L1-bg: #b6e3ff;
- --color-calendar-winter-graph-day-L2-bg: #54aeff;
- --color-calendar-winter-graph-day-L3-bg: #0969da;
- --color-calendar-winter-graph-day-L4-bg: #0a3069;
- --color-calendar-graph-day-bg: #ebedf0;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #9be9a8;
- --color-calendar-graph-day-L2-bg: #40c463;
- --color-calendar-graph-day-L3-bg: #30a14e;
- --color-calendar-graph-day-L4-bg: #216e39;
- --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
- --color-user-mention-fg: var(--fgColor-default);
- --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
- --color-marketing-icon-primary: #218bff;
- --color-marketing-icon-secondary: #54aeff;
- --color-project-header-bg: #24292f;
- --color-project-sidebar-bg: var(--bgColor-white);
- --color-project-gradient-in: var(--bgColor-white);
- --color-project-gradient-out: rgba(255, 255, 255, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
- --color-text-white: var(--fgColor-white);
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='light'] {
- --color-workflow-card-bg: var(--bgColor-default);
- --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
- --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
- --color-notifications-row-read-bg: var(--bgColor-muted);
- --color-notifications-row-bg: var(--bgColor-white);
- --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
- --color-calendar-halloween-graph-day-L2-bg: #ffc501;
- --color-calendar-halloween-graph-day-L3-bg: #fe9600;
- --color-calendar-halloween-graph-day-L4-bg: #03001c;
- --color-calendar-winter-graph-day-L1-bg: #b6e3ff;
- --color-calendar-winter-graph-day-L2-bg: #54aeff;
- --color-calendar-winter-graph-day-L3-bg: #0969da;
- --color-calendar-winter-graph-day-L4-bg: #0a3069;
- --color-calendar-graph-day-bg: #ebedf0;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #9be9a8;
- --color-calendar-graph-day-L2-bg: #40c463;
- --color-calendar-graph-day-L3-bg: #30a14e;
- --color-calendar-graph-day-L4-bg: #216e39;
- --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
- --color-user-mention-fg: var(--fgColor-default);
- --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
- --color-marketing-icon-primary: #218bff;
- --color-marketing-icon-secondary: #54aeff;
- --color-project-header-bg: #24292f;
- --color-project-sidebar-bg: var(--bgColor-white);
- --color-project-gradient-in: var(--bgColor-white);
- --color-project-gradient-out: rgba(255, 255, 255, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='light'] {
- --color-workflow-card-bg: var(--bgColor-default);
- --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
- --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
- --color-notifications-row-read-bg: var(--bgColor-muted);
- --color-notifications-row-bg: var(--bgColor-white);
- --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
- --color-calendar-halloween-graph-day-L2-bg: #ffc501;
- --color-calendar-halloween-graph-day-L3-bg: #fe9600;
- --color-calendar-halloween-graph-day-L4-bg: #03001c;
- --color-calendar-winter-graph-day-L1-bg: #b6e3ff;
- --color-calendar-winter-graph-day-L2-bg: #54aeff;
- --color-calendar-winter-graph-day-L3-bg: #0969da;
- --color-calendar-winter-graph-day-L4-bg: #0a3069;
- --color-calendar-graph-day-bg: #ebedf0;
- --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L1-bg: #9be9a8;
- --color-calendar-graph-day-L2-bg: #40c463;
- --color-calendar-graph-day-L3-bg: #30a14e;
- --color-calendar-graph-day-L4-bg: #216e39;
- --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
- --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
- --color-user-mention-fg: var(--fgColor-default);
- --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
- --color-marketing-icon-primary: #218bff;
- --color-marketing-icon-secondary: #54aeff;
- --color-project-header-bg: #24292f;
- --color-project-sidebar-bg: var(--bgColor-white);
- --color-project-gradient-in: var(--bgColor-white);
- --color-project-gradient-out: rgba(255, 255, 255, 0);
- --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
- --color-text-white: var(--fgColor-white);
- }
-}
-
-.hx_color-icon-directory {
- color: var(--treeViewItem-leadingVisual-iconColor-rest);
-}
-
-.hx_keyword-hl {
- background-color: var(--highlight-neutral-bgColor);
-}
-
-.hx_dot-fill-pending-icon {
- color: var(--fgColor-attention) !important;
-}
-
-:root[data-color-mode='dark'] .entry-content [href$='#gh-light-mode-only'],
-:root[data-color-mode='dark'] .comment-body [href$='#gh-light-mode-only'],
-:root[data-color-mode='dark'] .readme [href$='#gh-light-mode-only'] {
- display: none;
-}
+ .justify-content-xl-center {
+ justify-content: center !important;
+ }
-:root[data-color-mode='light'] .entry-content [href$='#gh-dark-mode-only'],
-:root[data-color-mode='light'] .comment-body [href$='#gh-dark-mode-only'],
-:root[data-color-mode='light'] .readme [href$='#gh-dark-mode-only'] {
- display: none;
-}
+ .justify-content-xl-between {
+ justify-content: space-between !important;
+ }
-@media (prefers-color-scheme: dark) {
- :root[data-color-mode='auto'] .entry-content [href$='#gh-light-mode-only'],
- :root[data-color-mode='auto'] .comment-body [href$='#gh-light-mode-only'],
- :root[data-color-mode='auto'] .readme [href$='#gh-light-mode-only'] {
- display: none;
+ .justify-content-xl-around {
+ justify-content: space-around !important;
}
-}
-@media (prefers-color-scheme: light) {
- :root[data-color-mode='auto'] .entry-content [href$='#gh-dark-mode-only'],
- :root[data-color-mode='auto'] .comment-body [href$='#gh-dark-mode-only'],
- :root[data-color-mode='auto'] .readme [href$='#gh-dark-mode-only'] {
- display: none;
+ .justify-content-xl-evenly {
+ justify-content: space-evenly !important;
}
-}
-.colorblind-themes-v1 {
- --color-open-fg: var(--fgColor-success);
- --color-open-emphasis: var(--bgColor-success-emphasis);
- --color-open-muted: var(--bgColor-success-muted);
- --color-open-subtle: var(--bgColor-success-muted);
- --color-closed-fg: var(--fgColor-danger);
- --color-closed-emphasis: var(--bgColor-danger-emphasis);
- --color-closed-muted: var(--bgColor-danger-muted);
- --color-closed-subtle: var(--bgColor-danger-muted);
-}
+ .align-items-xl-start {
+ align-items: flex-start !important;
+ }
-.dropdown-item:focus [class*='color-text-'],
-.dropdown-item:hover [class*='color-text-'] {
- color: inherit !important;
-}
+ .align-items-xl-end {
+ align-items: flex-end !important;
+ }
-.filter-item.selected [class*='color-text-'] {
- color: inherit !important;
-}
+ .align-items-xl-center {
+ align-items: center !important;
+ }
-.hx_focus-input:focus-visible + .hx_focus-target {
- box-shadow: 0 0 0 2px var(--borderColor-accent-emphasis);
-}
+ .align-items-xl-baseline {
+ align-items: baseline !important;
+ }
-.reset-btn-override {
- font-weight: var(--base-text-weight-semibold, 600);
- color: var(--fgColor-muted);
-}
+ .align-items-xl-stretch {
+ align-items: stretch !important;
+ }
-.reset-btn-override:hover {
- color: var(--fgColor-accent);
- text-decoration: none;
-}
+ .align-content-xl-start {
+ align-content: flex-start !important;
+ }
-.reset-btn-override:hover .reset-btn-override-icon {
- background-color: var(--bgColor-accent-emphasis);
-}
+ .align-content-xl-end {
+ align-content: flex-end !important;
+ }
-.reset-btn-override-icon {
- width: 18px;
- height: 18px;
- padding: 1px;
- margin-right: 3px;
- color: var(--fgColor-onEmphasis);
- text-align: center;
- background-color: var(--bgColor-neutral-emphasis);
- border-radius: var(--borderRadius-medium);
-}
+ .align-content-xl-center {
+ align-content: center !important;
+ }
-.is-auto-complete-loading .form-control {
- padding-right: 30px;
- background-repeat: no-repeat;
- background-position-x: center;
- background-position-y: center;
- background-size: 16px;
-}
+ .align-content-xl-between {
+ align-content: space-between !important;
+ }
-[data-color-mode='dark'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
-}
+ .align-content-xl-around {
+ align-content: space-around !important;
+ }
-[data-color-mode='light'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
-}
+ .align-content-xl-stretch {
+ align-content: stretch !important;
+ }
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme^='light'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
+ .align-self-xl-auto {
+ align-self: auto !important;
}
- [data-color-mode='auto'][data-dark-theme^='dark'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
+ .align-self-xl-start {
+ align-self: flex-start !important;
}
-}
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme^='light'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
+ .align-self-xl-end {
+ align-self: flex-end !important;
}
- [data-color-mode='auto'][data-light-theme^='dark'] .is-auto-complete-loading .form-control {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
+ .align-self-xl-center {
+ align-self: center !important;
}
-}
-.icon-sponsor,
-.icon-sponsoring {
- transition: transform 0.15s cubic-bezier(0.2, 0, 0.13, 2);
- transform: scale(1);
-}
+ .align-self-xl-baseline {
+ align-self: baseline !important;
+ }
-.btn:hover .icon-sponsor,
-.btn:focus .icon-sponsor,
-.Label:hover .icon-sponsor,
-.Label:focus .icon-sponsor,
-.btn:hover .icon-sponsoring,
-.btn:focus .icon-sponsoring,
-.Label:hover .icon-sponsoring,
-.Label:focus .icon-sponsoring {
- transform: scale(1.1);
-}
+ .align-self-xl-stretch {
+ align-self: stretch !important;
+ }
-.icon-sponsor {
- overflow: visible !important;
-}
+ .order-xl-first {
+ order: -1 !important;
+ }
-.hx_kbd {
- display: inline-block;
- min-width: 21px;
- padding: 0 var(--base-size-4);
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif,
- 'Apple Color Emoji', 'Segoe UI Emoji';
- font-size: 12px;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1.5;
- color: var(--fgColor-muted);
- text-align: center;
- background-color: var(--bgColor-default);
- border: solid var(--borderWidth-thin) var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
- box-shadow: none;
-}
-
-.hx_hit-user em,
-.hx_hit-package em,
-.hx_hit-marketplace em,
-.hx_hit-highlighting-wrapper em,
-.hx_hit-commit em,
-.hx_hit-issue em,
-.hx_hit-repo em,
-.hx_hit-wiki em {
- font-style: normal;
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .order-xl-0 {
+ order: 0 !important;
+ }
-.SelectMenu-list.select-menu-list {
- max-height: none;
-}
+ .order-xl-1 {
+ order: 1 !important;
+ }
-@media (max-width: 543px) {
- .SelectMenu-modal {
- width: unset !important;
+ .order-xl-2 {
+ order: 2 !important;
}
-}
-.SelectMenu--hasFilter .SelectMenu-list {
- contain: content;
-}
+ .order-xl-3 {
+ order: 3 !important;
+ }
-.SelectMenu-item:disabled,
-.SelectMenu-item[aria-disabled='true'] {
- color: var(--fgColor-muted);
- pointer-events: none;
-}
+ .order-xl-4 {
+ order: 4 !important;
+ }
-.SelectMenu .SelectMenu-item .is-filtering {
- color: var(--fgColor-muted);
-}
+ .order-xl-5 {
+ order: 5 !important;
+ }
-.SelectMenu .SelectMenu-item .is-filtering b {
- color: var(--fgColor-default);
-}
+ .order-xl-last {
+ order: 6 !important;
+ }
-label.SelectMenu-item {
- font-weight: var(--base-text-weight-normal, 400);
-}
+ .m-xl-0 {
+ margin: 0 !important;
+ }
-label.SelectMenu-item[aria-checked='true'] {
- font-weight: var(--base-text-weight-semibold, 600);
-}
+ .m-xl-1 {
+ margin: 0.25rem !important;
+ }
-.SelectMenu-item.focused {
- background-color: var(--bgColor-neutral-muted);
-}
+ .m-xl-2 {
+ margin: 0.5rem !important;
+ }
-select-panel dialog {
- inset: 0;
-}
+ .m-xl-3 {
+ margin: 1rem !important;
+ }
-select-panel dialog::backdrop {
- background: none;
-}
+ .m-xl-4 {
+ margin: 1.5rem !important;
+ }
-.Box--responsive {
- margin-right: -15px;
- margin-left: -15px;
- border-right: 0;
- border-left: 0;
- border-radius: 0;
-}
+ .m-xl-5 {
+ margin: 3rem !important;
+ }
-.Box--responsive .Box-row--unread {
- position: relative;
- box-shadow: none;
-}
+ .m-xl-auto {
+ margin: auto !important;
+ }
-.Box--responsive .Box-row--unread::before {
- position: absolute;
- top: 36px;
- left: 20px;
- display: inline-block;
- width: var(--base-size-8);
- height: var(--base-size-8);
- color: #fff;
- content: '';
- background-image: linear-gradient(#54a3ff, #006eed);
- background-clip: padding-box;
- border-radius: 50%;
-}
+ .mx-xl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.Box--responsive .Box-header {
- border-right-width: 0;
- border-left-width: 0;
- border-radius: 0;
-}
+ .mx-xl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-@media (min-width: 544px) {
- .Box--responsive {
- margin-right: 0;
- margin-left: 0;
- border: var(--borderWidth-thin) solid var(--borderColor-default);
- border-radius: var(--borderRadius-medium);
+ .mx-xl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
}
- .Box--responsive .Box-header {
- border-right-width: var(--borderWidth-thin);
- border-left-width: var(--borderWidth-thin);
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
+ .mx-xl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
}
- .Box--responsive .Box-row--unread {
- box-shadow: 2px 0 0 var(--borderColor-accent-emphasis) inset;
+ .mx-xl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
}
- .Box--responsive .Box-row--unread::before {
- display: none;
+ .mx-xl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
}
-}
-@media (max-width: 767px) {
- .page-responsive .dropdown-menu,
- .page-responsive .dropdown-item {
- padding-top: var(--base-size-8);
- padding-bottom: var(--base-size-8);
+ .mx-xl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
}
- .page-responsive .hx_dropdown-fullscreen[open] > summary::before {
- background-color: var(--overlay-backdrop-bgColor);
+ .my-xl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
}
- .page-responsive .hx_dropdown-fullscreen .dropdown-menu {
- position: fixed;
- top: auto;
- right: var(--base-size-16) !important;
- bottom: 20%;
- left: var(--base-size-16) !important;
- width: auto !important;
- max-width: none !important;
- max-height: calc(80% - 16px);
- margin: 0 !important;
- overflow-y: auto;
- transform: none;
- animation: dropdown-menu-animation 0.24s cubic-bezier(0, 0.1, 0.1, 1) backwards;
- -webkit-overflow-scrolling: touch;
+ .my-xl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
}
- .page-responsive .hx_dropdown-fullscreen .dropdown-menu::before,
- .page-responsive .hx_dropdown-fullscreen .dropdown-menu::after {
- display: none;
+ .my-xl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
}
- @keyframes dropdown-menu-animation {
- 0% {
- opacity: 0;
- transform: scale(0.9);
- }
+ .my-xl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
}
- .page-responsive .hx_dropdown-fullscreen .dropdown-item {
- padding-top: var(--base-size-16);
- padding-bottom: var(--base-size-16);
+ .my-xl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
}
-}
-.hx_rsm-close-button {
- display: none !important;
-}
+ .my-xl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-@media (max-width: 767px) {
- .page-responsive .hx_rsm[open] > summary::before {
- background-color: var(--overlay-backdrop-bgColor, var(--color-primer-canvas-backdrop));
+ .my-xl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
}
- .page-responsive .hx_rsm .select-menu-modal,
- .page-responsive .hx_rsm-modal {
- position: fixed !important;
- top: 75px;
- right: var(--base-size-16) !important;
- left: var(--base-size-16);
- display: flex;
- width: auto;
- height: 80%;
- margin: 0;
- flex-direction: column;
- animation: hx_rsm-modal-animation 0.24s 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards;
+ .mt-xl-0 {
+ margin-top: 0 !important;
}
- .page-responsive .hx_rsm--auto-height .select-menu-modal {
- top: auto;
- bottom: 20%;
- height: auto;
- max-height: calc(80% - 16px);
+ .mt-xl-1 {
+ margin-top: 0.25rem !important;
}
- .page-responsive .hx_rsm .select-menu-header,
- .page-responsive .hx_rsm .select-menu-text-filter.select-menu-text-filter {
- padding: var(--base-size-16);
- border-top-left-radius: inherit;
- border-top-right-radius: inherit;
+ .mt-xl-2 {
+ margin-top: 0.5rem !important;
}
- .page-responsive .hx_rsm tab-container,
- .page-responsive .hx_rsm-content {
- display: flex;
- min-height: 0;
- flex-direction: column;
- flex: auto;
+ .mt-xl-3 {
+ margin-top: 1rem !important;
}
- .page-responsive .hx_rsm .select-menu-list {
- flex: auto;
- max-height: none;
- -webkit-overflow-scrolling: touch;
+ .mt-xl-4 {
+ margin-top: 1.5rem !important;
}
- .page-responsive .hx_rsm-content > .select-menu-item {
- flex-shrink: 0;
+ .mt-xl-5 {
+ margin-top: 3rem !important;
}
- .page-responsive .hx_rsm .select-menu-item {
- padding-top: var(--base-size-16);
- padding-bottom: var(--base-size-16);
- padding-left: var(--base-size-40);
+ .mt-xl-auto {
+ margin-top: auto !important;
}
- .page-responsive .hx_rsm .close-button,
- .page-responsive .hx_rsm-close-button {
- position: relative;
- display: block !important;
+ .me-xl-0 {
+ margin-right: 0 !important;
}
- .page-responsive .hx_rsm .close-button::before,
- .page-responsive .hx_rsm-close-button::before {
- position: absolute;
- top: calc(var(--base-size-16) * -1);
- right: calc(var(--base-size-16) * -1);
- bottom: calc(var(--base-size-16) * -1);
- left: calc(var(--base-size-16) * -1);
- content: '';
+ .me-xl-1 {
+ margin-right: 0.25rem !important;
}
- .page-responsive .hx_rsm .close-button .octicon-x,
- .page-responsive .hx_rsm-close-button .octicon-x {
- color: var(--fgColor-muted, var(--color-fg-muted));
+ .me-xl-2 {
+ margin-right: 0.5rem !important;
}
- .page-responsive .hx_rsm .select-menu-loading-overlay {
- animation-delay: 1s;
+ .me-xl-3 {
+ margin-right: 1rem !important;
}
- .page-responsive .hx_rsm .select-menu-button::before,
- .page-responsive .hx_rsm-trigger::before {
- animation: hx_rsm-trigger-animation 0.24s cubic-bezier(0, 0, 0.2, 1) backwards;
+ .me-xl-4 {
+ margin-right: 1.5rem !important;
}
- @keyframes hx_rsm-trigger-animation {
- 0% {
- opacity: 0;
- }
+ .me-xl-5 {
+ margin-right: 3rem !important;
}
- @keyframes hx_rsm-modal-animation {
- 0% {
- opacity: 0;
- transform: scale(0.9);
- }
+ .me-xl-auto {
+ margin-right: auto !important;
}
- .page-responsive .hx_rsm-dialog {
- max-width: none;
- height: auto;
- max-height: 80%;
- transform: none;
+ .mb-xl-0 {
+ margin-bottom: 0 !important;
}
- .page-responsive .hx_rsm-dialog-content {
- flex: 1;
- min-height: 0;
+ .mb-xl-1 {
+ margin-bottom: 0.25rem !important;
}
-}
-@media (max-width: 767px) and (max-height: 500px) {
- .page-responsive .hx_rsm .select-menu-modal,
- .page-responsive .hx_rsm-modal {
- bottom: var(--base-size-16);
- height: auto;
+ .mb-xl-2 {
+ margin-bottom: 0.5rem !important;
}
-}
-.select-menu-modal {
- border-color: var(--borderColor-default, var(--color-border-default));
- box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
-}
+ .mb-xl-3 {
+ margin-bottom: 1rem !important;
+ }
-.select-menu-header,
-.select-menu-filters {
- background: var(--overlay-bgColor, var(--color-canvas-overlay));
-}
+ .mb-xl-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.select-menu-text-filter input {
- padding: 5px var(--base-size-12);
-}
+ .mb-xl-5 {
+ margin-bottom: 3rem !important;
+ }
-.select-menu-item {
- text-align: left;
- background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
- border-top: 0;
- border-right: 0;
- border-left: 0;
-}
+ .mb-xl-auto {
+ margin-bottom: auto !important;
+ }
-@media (max-width: 767px) {
- .hx_sm-hide-drag-drop textarea {
- border-bottom: solid var(--borderWidth-thin) var(--borderColor-default);
- border-bottom-right-radius: var(--borderRadius-medium);
- border-bottom-left-radius: var(--borderRadius-medium);
+ .ms-xl-0 {
+ margin-left: 0 !important;
}
- .hx_sm-hide-drag-drop .hx_drag-and-drop {
- display: none !important;
+ .ms-xl-1 {
+ margin-left: 0.25rem !important;
}
-}
-@media (hover: none) {
- .tooltipped:hover::before,
- .tooltipped:hover::after {
- display: none;
+ .ms-xl-2 {
+ margin-left: 0.5rem !important;
}
-}
-@media (hover: none) {
- .markdown-body h1 .octicon-link,
- .markdown-body h2 .octicon-link,
- .markdown-body h3 .octicon-link,
- .markdown-body h4 .octicon-link,
- .markdown-body h5 .octicon-link,
- .markdown-body h6 .octicon-link {
- visibility: visible !important;
+ .ms-xl-3 {
+ margin-left: 1rem !important;
}
-}
-.min-width-lg {
- min-width: 1012px;
-}
+ .ms-xl-4 {
+ margin-left: 1.5rem !important;
+ }
-.min-width-xl {
- min-width: 1280px;
-}
+ .ms-xl-5 {
+ margin-left: 3rem !important;
+ }
-.min-height-0 {
- min-height: 0 !important;
-}
+ .ms-xl-auto {
+ margin-left: auto !important;
+ }
-.ws-pre-wrap {
- white-space: pre-wrap;
-}
+ .p-xl-0 {
+ padding: 0 !important;
+ }
-.cursor-pointer {
- cursor: pointer;
-}
+ .p-xl-1 {
+ padding: 0.25rem !important;
+ }
-.cursor-default {
- cursor: default;
-}
+ .p-xl-2 {
+ padding: 0.5rem !important;
+ }
-.cursor-wait {
- cursor: wait !important;
-}
+ .p-xl-3 {
+ padding: 1rem !important;
+ }
-.pointer-none {
- pointer-events: none;
-}
+ .p-xl-4 {
+ padding: 1.5rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .hide-no-pref-motion {
- display: none !important;
- visibility: hidden;
+ .p-xl-5 {
+ padding: 3rem !important;
}
-}
-@media screen and (prefers-reduced-motion: reduce) {
- .hide-reduced-motion {
- display: none !important;
- visibility: hidden;
+ .px-xl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-}
-.gap-1 {
- gap: var(--base-size-4) !important;
-}
+ .px-xl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
-.gap-2 {
- gap: var(--base-size-8) !important;
-}
+ .px-xl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
-.gap-3 {
- gap: var(--base-size-16) !important;
-}
+ .px-xl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
-.gap-4 {
- gap: var(--base-size-24) !important;
-}
+ .px-xl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
-.color-border-emphasis {
- border-color: var(--control-borderColor-rest) !important;
-}
+ .px-xl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
-.line-clamp-1 {
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 1;
- overflow: hidden;
- text-overflow: ellipsis;
-}
+ .py-xl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
-.line-clamp-2 {
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2;
- overflow: hidden;
- text-overflow: ellipsis;
-}
+ .py-xl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
-.text-wrap-balance {
- text-wrap: balance;
-}
+ .py-xl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
-.text-tabular-nums {
- font-variant-numeric: lining-nums tabular-nums;
-}
+ .py-xl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
-.inset-0 {
- inset: 0;
-}
+ .py-xl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
-.starring-container .unstarred,
-.starring-container.on .starred {
- display: flex;
-}
+ .py-xl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
-.starring-container.on .unstarred,
-.starring-container .starred {
- display: none;
-}
+ .pt-xl-0 {
+ padding-top: 0 !important;
+ }
-.starring-container.loading {
- opacity: 0.5;
-}
+ .pt-xl-1 {
+ padding-top: 0.25rem !important;
+ }
-.user-following-container .follow,
-.user-following-container.on .unfollow {
- display: inline-block;
-}
+ .pt-xl-2 {
+ padding-top: 0.5rem !important;
+ }
-.user-following-container.on .follow,
-.user-following-container .unfollow {
- display: none;
-}
+ .pt-xl-3 {
+ padding-top: 1rem !important;
+ }
-.user-following-container.loading {
- opacity: 0.5;
-}
+ .pt-xl-4 {
+ padding-top: 1.5rem !important;
+ }
-.hidden-when-empty:empty {
- display: none !important;
-}
+ .pt-xl-5 {
+ padding-top: 3rem !important;
+ }
-.cm-number,
-.cm-atom {
- color: var(--codeMirror-syntax-fgColor-constant);
-}
+ .pe-xl-0 {
+ padding-right: 0 !important;
+ }
-dl.form-group > dd .form-control.is-autocheck-loading,
-dl.form-group > dd .form-control.is-autocheck-successful,
-dl.form-group > dd .form-control.is-autocheck-errored,
-.form-group > .form-group-body .form-control.is-autocheck-loading,
-.form-group > .form-group-body .form-control.is-autocheck-successful,
-.form-group > .form-group-body .form-control.is-autocheck-errored {
- padding-right: 30px;
-}
+ .pe-xl-1 {
+ padding-right: 0.25rem !important;
+ }
-dl.form-group > dd .form-control.is-autocheck-loading,
-.form-group > .form-group-body .form-control.is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-16px-52b21dd0a90e.gif');
-}
+ .pe-xl-2 {
+ padding-right: 0.5rem !important;
+ }
-dl.form-group > dd .form-control.is-autocheck-errored,
-.form-group > .form-group-body .form-control.is-autocheck-errored {
- background-image: url('/assets/error-27e08d342a06.png');
-}
+ .pe-xl-3 {
+ padding-right: 1rem !important;
+ }
-@media only screen and (-moz-min-device-pixel-ratio: 2),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 192dpi),
- only screen and (min-resolution: 2dppx) {
- dl.form-group > dd .form-control.is-autocheck-loading,
- dl.form-group > dd .form-control.is-autocheck-successful,
- dl.form-group > dd .form-control.is-autocheck-errored,
- .form-group > .form-group-body .form-control.is-autocheck-loading,
- .form-group > .form-group-body .form-control.is-autocheck-successful,
- .form-group > .form-group-body .form-control.is-autocheck-errored {
- background-size: 16px 16px;
+ .pe-xl-4 {
+ padding-right: 1.5rem !important;
}
- dl.form-group > dd .form-control.is-autocheck-loading,
- .form-group > .form-group-body .form-control.is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-32-36e32e38816e.gif');
+ .pe-xl-5 {
+ padding-right: 3rem !important;
}
- dl.form-group > dd .form-control.is-autocheck-errored,
- .form-group > .form-group-body .form-control.is-autocheck-errored {
- background-image: url('/assets/error@2x-92d4bca0a053.png');
+ .pb-xl-0 {
+ padding-bottom: 0 !important;
}
-}
-[data-color-mode='dark'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
- background-size: 16px 16px;
-}
+ .pb-xl-1 {
+ padding-bottom: 0.25rem !important;
+ }
-[data-color-mode='light'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
- background-size: 16px 16px;
-}
+ .pb-xl-2 {
+ padding-bottom: 0.5rem !important;
+ }
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme^='light'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
- background-size: 16px 16px;
+ .pb-xl-3 {
+ padding-bottom: 1rem !important;
}
- [data-color-mode='auto'][data-dark-theme^='dark'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
- background-size: 16px 16px;
+ .pb-xl-4 {
+ padding-bottom: 1.5rem !important;
}
-}
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme^='light'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-lightmode-3ac6fd33ead5.svg') !important;
- background-size: 16px 16px;
+ .pb-xl-5 {
+ padding-bottom: 3rem !important;
}
- [data-color-mode='auto'][data-light-theme^='dark'] auto-check .is-autocheck-loading {
- background-image: url('/assets/octocat-spinner-darkmode-621ec25df5e9.svg') !important;
- background-size: 16px 16px;
+ .ps-xl-0 {
+ padding-left: 0 !important;
}
-}
-auto-check .is-autocheck-loading,
-auto-check .is-autocheck-successful,
-auto-check .is-autocheck-errored {
- padding-right: 30px;
- background-repeat: no-repeat;
- background-position: right 8px center;
-}
+ .ps-xl-1 {
+ padding-left: 0.25rem !important;
+ }
-auto-check .is-autocheck-errored {
- background-image: url('/assets/error-27e08d342a06.png');
-}
+ .ps-xl-2 {
+ padding-left: 0.5rem !important;
+ }
-@media only screen and (-moz-min-device-pixel-ratio: 2),
- only screen and (min-device-pixel-ratio: 2),
- only screen and (min-resolution: 192dpi),
- only screen and (min-resolution: 2dppx) {
- auto-check .is-autocheck-loading,
- auto-check .is-autocheck-successful,
- auto-check .is-autocheck-errored {
- background-size: 16px 16px;
+ .ps-xl-3 {
+ padding-left: 1rem !important;
}
- auto-check .is-autocheck-errored {
- background-image: url('/assets/error@2x-92d4bca0a053.png');
+ .ps-xl-4 {
+ padding-left: 1.5rem !important;
}
-}
-.hx_text-body {
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif,
- 'Apple Color Emoji', 'Segoe UI Emoji' !important;
-}
+ .ps-xl-5 {
+ padding-left: 3rem !important;
+ }
-.hx_disabled-form-checkbox-label.form-checkbox.disabled {
- color: var(--fgColor-muted);
-}
+ .text-xl-start {
+ text-align: left !important;
+ }
-.autocomplete-item {
- background-color: transparent;
-}
+ .text-xl-end {
+ text-align: right !important;
+ }
-.ColorSwatch {
- display: inline-block;
- width: 1em;
- height: 1em;
- vertical-align: middle;
- border: var(--borderWidth-thin) solid var(--borderColor-muted);
- border-radius: var(--borderRadius-medium);
+ .text-xl-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 1400px) {
+ .float-xxl-start {
+ float: left !important;
+ }
-.label-select-menu .color,
-.ColorSwatch {
- border-radius: 2em;
-}
+ .float-xxl-end {
+ float: right !important;
+ }
-.details-overlay[open] > .dropdown-item:hover {
- color: inherit;
- background: var(--bgColor-default);
-}
+ .float-xxl-none {
+ float: none !important;
+ }
-remote-input[loading] .form-control {
- padding-right: 30px;
- background-image: url('/assets/octocat-spinner-32-36e32e38816e.gif');
- background-size: var(--base-size-16);
-}
+ .d-xxl-inline {
+ display: inline !important;
+ }
-.hx_form-control-spinner {
- position: absolute;
- top: var(--base-size-24);
- right: var(--base-size-24);
- display: none;
-}
+ .d-xxl-inline-block {
+ display: inline-block !important;
+ }
-@media (min-width: 767px) {
- .hx_form-control-spinner {
- top: 18px;
- right: 18px;
+ .d-xxl-block {
+ display: block !important;
}
-}
-.hx_form-control-spinner-wrapper {
- position: relative;
-}
+ .d-xxl-grid {
+ display: grid !important;
+ }
-.hx_form-control-spinner-wrapper .is-loading.form-control {
- padding-right: var(--base-size-28);
-}
+ .d-xxl-table {
+ display: table !important;
+ }
-.hx_form-control-spinner-wrapper .is-loading + .hx_form-control-spinner {
- display: block;
-}
+ .d-xxl-table-row {
+ display: table-row !important;
+ }
-.drag-and-drop {
- border-color: var(--borderColor-default);
-}
+ .d-xxl-table-cell {
+ display: table-cell !important;
+ }
-.input-sm {
- min-height: 28px;
-}
+ .d-xxl-flex {
+ display: flex !important;
+ }
-.btn .octicon-triangle-down {
- margin-right: 0;
-}
+ .d-xxl-inline-flex {
+ display: inline-flex !important;
+ }
-.UnderlineNav-item.selected .UnderlineNav-octicon,
-.UnderlineNav-item[aria-current]:not([aria-current='false']) .UnderlineNav-octicon,
-.UnderlineNav-item[role='tab'][aria-selected='true'] .UnderlineNav-octicon {
- color: inherit;
-}
+ .d-xxl-none {
+ display: none !important;
+ }
-.break-line-anywhere {
- line-break: anywhere !important;
-}
+ .flex-xxl-fill {
+ flex: 1 1 auto !important;
+ }
-.form-checkbox input[type='checkbox'],
-.form-checkbox input[type='radio'] {
- margin-top: var(--base-size-4);
-}
+ .flex-xxl-row {
+ flex-direction: row !important;
+ }
-.status-indicator-success::before,
-.status-indicator-failed::before {
- content: none;
-}
+ .flex-xxl-column {
+ flex-direction: column !important;
+ }
-.markdown-title code {
- padding: 2px var(--base-size-4);
- font-size: 0.9em;
- line-height: 1;
- background-color: var(--bgColor-neutral-muted);
- border-radius: var(--borderRadius-medium);
-}
+ .flex-xxl-row-reverse {
+ flex-direction: row-reverse !important;
+ }
-[data-turbo-body] {
- isolation: isolate;
-}
+ .flex-xxl-column-reverse {
+ flex-direction: column-reverse !important;
+ }
-#__primerPortalRoot__ {
- z-index: 1;
-}
+ .flex-xxl-grow-0 {
+ flex-grow: 0 !important;
+ }
-.hx_ActionList-content > .hx_ActionList-item-label,
-.hx_ActionList-content > .hx_ActionList-item-visual {
- pointer-events: none;
-}
+ .flex-xxl-grow-1 {
+ flex-grow: 1 !important;
+ }
-.IssueLabel--big.lh-condensed {
- display: inline-block;
- padding: 0 10px;
- font-size: 12px;
- font-weight: var(--base-text-weight-medium, 500);
- line-height: 22px !important;
- border: var(--borderWidth-thin) solid transparent;
- border-radius: 2em;
-}
+ .flex-xxl-shrink-0 {
+ flex-shrink: 0 !important;
+ }
-.hx_IssueLabel {
- --perceived-lightness: calc(
- ((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255
- );
- --lightness-switch: max(0, min(calc((1 / (var(--lightness-threshold) - var(--perceived-lightness)))), 1));
-}
-
-:root .hx_IssueLabel,
-[data-color-mode='light'][data-light-theme*='light'] .hx_IssueLabel,
-[data-color-mode='dark'][data-dark-theme*='light'] .hx_IssueLabel {
- --lightness-threshold: 0.453;
- --border-threshold: 0.96;
- --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
- color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
- background: rgb(var(--label-r), var(--label-g), var(--label-b));
- border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha));
-}
-
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='light'] .hx_IssueLabel {
- --lightness-threshold: 0.453;
- --border-threshold: 0.96;
- --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
- color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
- background: rgb(var(--label-r), var(--label-g), var(--label-b));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) - 25) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='light'] .hx_IssueLabel {
- --lightness-threshold: 0.453;
- --border-threshold: 0.96;
- --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
- color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
- background: rgb(var(--label-r), var(--label-g), var(--label-b));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) - 25) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-[data-color-mode='light'][data-light-theme*='dark'] .hx_IssueLabel,
-[data-color-mode='dark'][data-dark-theme*='dark'] .hx_IssueLabel {
- --lightness-threshold: 0.6;
- --background-alpha: 0.18;
- --border-alpha: 0.3;
- --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
- color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
- background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) + var(--lighten-by)) * 1%),
- var(--border-alpha)
- );
-}
+ .flex-xxl-shrink-1 {
+ flex-shrink: 1 !important;
+ }
-@media (prefers-color-scheme: light) {
- [data-color-mode='auto'][data-light-theme*='dark'] .hx_IssueLabel {
- --lightness-threshold: 0.6;
- --background-alpha: 0.18;
- --border-alpha: 0.3;
- --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
- color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
- background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) + var(--lighten-by)) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-@media (prefers-color-scheme: dark) {
- [data-color-mode='auto'][data-dark-theme*='dark'] .hx_IssueLabel {
- --lightness-threshold: 0.6;
- --background-alpha: 0.18;
- --border-alpha: 0.3;
- --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
- color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
- background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
- border-color: hsla(
- var(--label-h),
- calc(var(--label-s) * 1%),
- calc((var(--label-l) + var(--lighten-by)) * 1%),
- var(--border-alpha)
- );
- }
-}
-
-.signed-commit-badge-small,
-.signed-commit-badge-medium,
-.signed-commit-badge-large {
- display: inline-block;
- padding: 0 7px;
- font-size: 12px;
- font-weight: var(--base-text-weight-medium, 500);
- line-height: 18px;
- white-space: nowrap;
- border: 1px solid transparent;
- border-radius: 2em;
- border-color: var(--borderColor-default);
-}
+ .flex-xxl-wrap {
+ flex-wrap: wrap !important;
+ }
-.signed-commit-badge-small {
- margin-top: 0;
-}
+ .flex-xxl-nowrap {
+ flex-wrap: nowrap !important;
+ }
-.signed-commit-badge-large {
- padding-right: 10px;
- padding-left: 10px;
- line-height: 22px;
-}
+ .flex-xxl-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+ }
-.topic-tag-action,
-.delete-topic-button,
-.topic-tag {
- display: inline-block;
- padding: 0 7px;
- font-size: 12px;
- font-weight: var(--base-text-weight-medium, 500);
- line-height: 18px;
- white-space: nowrap;
- border: 1px solid transparent;
- border-radius: 2em;
- padding-right: 10px;
- padding-left: 10px;
- line-height: 22px;
- color: var(--fgColor-accent);
- background-color: var(--bgColor-accent-muted);
- border: var(--borderWidth-thin) solid var(--topicTag-borderColor, transparent);
-}
+ .gap-xxl-0 {
+ gap: 0 !important;
+ }
-.topic-tag-action:active,
-.topic-tag-action:hover,
-.delete-topic-button:active,
-.delete-topic-button:hover,
-.topic-tag:active,
-.topic-tag:hover {
- color: var(--fgColor-onEmphasis);
- background-color: var(--bgColor-accent-emphasis);
-}
+ .gap-xxl-1 {
+ gap: 0.25rem !important;
+ }
-.delete-topic-button {
- padding: 0;
-}
+ .gap-xxl-2 {
+ gap: 0.5rem !important;
+ }
-.topic-tag {
- margin: 0 0.125em 0.333em 0;
-}
+ .gap-xxl-3 {
+ gap: 1rem !important;
+ }
-.topic-tag-large {
- align-items: center;
- display: inline-flex;
- height: 24px;
- padding: 0 10px;
-}
+ .gap-xxl-4 {
+ gap: 1.5rem !important;
+ }
-.topic-tag-outline {
- background: transparent;
-}
+ .gap-xxl-5 {
+ gap: 3rem !important;
+ }
-.topic-tag-action {
- display: inline-flex;
- padding-right: 0;
-}
+ .justify-content-xxl-start {
+ justify-content: flex-start !important;
+ }
-.branch-action-item.color-border-default {
- border-color: var(--borderColor-default) !important;
-}
+ .justify-content-xxl-end {
+ justify-content: flex-end !important;
+ }
-.user-status-container .input-group-button .btn {
- height: 32px;
-}
+ .justify-content-xxl-center {
+ justify-content: center !important;
+ }
-.reponav-item,
-.pagehead-tabs-item {
- border-radius: var(--borderRadius-small) var(--borderRadius-small) 0 0;
-}
+ .justify-content-xxl-between {
+ justify-content: space-between !important;
+ }
-.reponav-item.selected,
-.pagehead-tabs-item.selected {
- border-top-color: #f9826c;
-}
+ .justify-content-xxl-around {
+ justify-content: space-around !important;
+ }
-.auto-search-group > .octicon {
- top: var(--base-size-8);
-}
+ .justify-content-xxl-evenly {
+ justify-content: space-evenly !important;
+ }
-.subnav-search > button.mt-2 {
- margin-top: 6px !important;
-}
+ .align-items-xxl-start {
+ align-items: flex-start !important;
+ }
-.completeness-indicator-success {
- color: var(--fgColor-onEmphasis);
- background-color: var(--button-primary-bgColor-rest);
-}
+ .align-items-xxl-end {
+ align-items: flex-end !important;
+ }
-.pagination-loader-container button.color-bg-default.border-0 {
- border-top-left-radius: var(--borderRadius-medium);
- border-top-right-radius: var(--borderRadius-medium);
-}
+ .align-items-xxl-center {
+ align-items: center !important;
+ }
-.avatar-user {
- border-radius: 50% !important;
-}
+ .align-items-xxl-baseline {
+ align-items: baseline !important;
+ }
-.user-hovercard-avatar {
- display: block;
- outline-offset: unset;
-}
+ .align-items-xxl-stretch {
+ align-items: stretch !important;
+ }
-@media (max-width: 543px) {
- .minimized-comment > details > summary > div {
- flex-direction: column;
+ .align-content-xxl-start {
+ align-content: flex-start !important;
}
- .minimized-comment > details > summary > div .review-comment-contents {
- align-left: flex-start;
+ .align-content-xxl-end {
+ align-content: flex-end !important;
}
-}
-.hx_disabled-input {
- margin-right: calc(var(--base-size-4) * -1) !important;
- margin-left: calc(var(--base-size-4) * -1) !important;
-}
+ .align-content-xxl-center {
+ align-content: center !important;
+ }
-.hx_disabled-input sidebar-memex-input[disabled] * {
- cursor: pointer;
-}
+ .align-content-xxl-between {
+ align-content: space-between !important;
+ }
-.hx_disabled-input sidebar-memex-input:not([disabled]) .Box-row--hover-gray {
- background-color: var(--bgColor-muted);
-}
+ .align-content-xxl-around {
+ align-content: space-around !important;
+ }
-.hx_disabled-input .Box-row--hover-gray svg.octicon-pencil {
- visibility: hidden;
- opacity: 0;
-}
+ .align-content-xxl-stretch {
+ align-content: stretch !important;
+ }
-.hx_disabled-input .Box-row--hover-gray:hover,
-.hx_disabled-input .Box-row--hover-gray:focus {
- padding-top: var(--base-size-8) !important;
- padding-bottom: var(--base-size-8) !important;
-}
+ .align-self-xxl-auto {
+ align-self: auto !important;
+ }
-.hx_disabled-input .Box-row--hover-gray:hover svg.octicon-pencil,
-.hx_disabled-input .Box-row--hover-gray:focus svg.octicon-pencil {
- visibility: visible;
- opacity: 1;
-}
+ .align-self-xxl-start {
+ align-self: flex-start !important;
+ }
-.hx_disabled-input input:not(:disabled) {
- margin-top: var(--base-size-8) !important;
- margin-bottom: var(--base-size-8) !important;
-}
+ .align-self-xxl-end {
+ align-self: flex-end !important;
+ }
-.hx_disabled-input input[disabled],
-.hx_disabled-input select[disabled],
-.hx_disabled-input .form-control[contenteditable='false'] {
- padding-right: 0;
- padding-left: 0;
- margin-right: 0;
- color: var(--fgColor-default) !important;
- background: transparent;
- border: 0;
- box-shadow: none;
- opacity: 1;
-}
+ .align-self-xxl-center {
+ align-self: center !important;
+ }
-.hx_disabled-input text-expander input[type='text'][disabled] {
- display: none;
-}
+ .align-self-xxl-baseline {
+ align-self: baseline !important;
+ }
-.hx_disabled-input text-expander input[type='text'][disabled] + div.form-control {
- display: block;
-}
+ .align-self-xxl-stretch {
+ align-self: stretch !important;
+ }
-.hx_disabled-input text-expander input[type='text'] + div.form-control {
- display: none;
-}
+ .order-xxl-first {
+ order: -1 !important;
+ }
-.hx_disabled-input input[type='number'][disabled] {
- display: none;
-}
+ .order-xxl-0 {
+ order: 0 !important;
+ }
-.hx_disabled-input input[type='number'][disabled] + div.form-control {
- display: block;
-}
+ .order-xxl-1 {
+ order: 1 !important;
+ }
-.hx_disabled-input input[type='number'] + div.form-control {
- display: none;
-}
+ .order-xxl-2 {
+ order: 2 !important;
+ }
-.hx_disabled-input input[type='date'][disabled] {
- display: none;
-}
+ .order-xxl-3 {
+ order: 3 !important;
+ }
-.hx_disabled-input input[type='date'][disabled] + div.form-control {
- display: block;
-}
+ .order-xxl-4 {
+ order: 4 !important;
+ }
-.hx_disabled-input input[type='date'] + div.form-control {
- display: none;
-}
+ .order-xxl-5 {
+ order: 5 !important;
+ }
-.hx_disabled-input input[disabled]::placeholder,
-.hx_disabled-input selected[disabled]::placeholder {
- color: var(--fgColor-default) !important;
-}
+ .order-xxl-last {
+ order: 6 !important;
+ }
-.hx_disabled-input .form-select {
- background-image: none !important;
-}
+ .m-xxl-0 {
+ margin: 0 !important;
+ }
-.hx_disabled-input .Box-row--focus-gray:focus {
- background: var(--bgColor-muted);
-}
+ .m-xxl-1 {
+ margin: 0.25rem !important;
+ }
-.summary-iteration .inline-status {
- display: none;
-}
+ .m-xxl-2 {
+ margin: 0.5rem !important;
+ }
-.summary-iteration .block-status {
- display: inline-block;
-}
+ .m-xxl-3 {
+ margin: 1rem !important;
+ }
-.list-iteration .inline-status {
- display: inline;
-}
+ .m-xxl-4 {
+ margin: 1.5rem !important;
+ }
-.list-iteration .block-status {
- display: none;
-}
+ .m-xxl-5 {
+ margin: 3rem !important;
+ }
-.hx_tabnav-in-dropdown {
- border-radius: 5px 5px 0 0;
-}
+ .m-xxl-auto {
+ margin: auto !important;
+ }
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:first-child .tabnav-tab.selected,
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:first-child .tabnav-tab[aria-selected='true'],
-.hx_tabnav-in-dropdown
- .tabnav-tabs
- .hx_tabnav-in-dropdown-wrapper:first-child
- .tabnav-tab[aria-current]:not([aria-current='false']) {
- border-left: 0;
-}
+ .mx-xxl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:last-child .tabnav-tab.selected,
-.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:last-child .tabnav-tab[aria-selected='true'],
-.hx_tabnav-in-dropdown
- .tabnav-tabs
- .hx_tabnav-in-dropdown-wrapper:last-child
- .tabnav-tab[aria-current]:not([aria-current='false']) {
- border-right: 0;
-}
+ .mx-xxl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
-.hx_tabnav-in-dropdown
- .tabnav-tabs
- .hx_tabnav-in-dropdown-wrapper:last-child
- .tabnav-tab[aria-selected='false']::after {
- position: absolute;
- top: -14px;
- right: 10px;
- left: auto;
- z-index: 10;
- display: inline-block;
- content: '';
- border: 7px solid transparent;
- border-bottom: 7px solid var(--bgColor-muted);
-}
+ .mx-xxl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
-.hx_tabnav-in-dropdown .tabnav-tab.selected,
-.hx_tabnav-in-dropdown .tabnav-tab[aria-selected='true'],
-.hx_tabnav-in-dropdown .tabnav-tab[aria-current]:not([aria-current='false']) {
- margin-top: -1px;
- background-color: var(--overlay-bgColor);
-}
+ .mx-xxl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
-.details-overlay-dark[open] > summary::before {
- z-index: 111 !important;
-}
+ .mx-xxl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
-.turbo-progress-bar {
- z-index: 2147483647;
-}
+ .mx-xxl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
-.timeline-comment .previewable-comment-form textarea {
- max-height: none;
-}
+ .mx-xxl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
-.truncate-with-responsive-width {
- width: 50px;
- min-width: 100%;
-}
+ .my-xxl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
-.markdown-alert {
- padding: var(--base-size-8) var(--base-size-16);
- margin-bottom: var(--base-size-16);
- color: inherit;
- border-left: 0.25em solid var(--borderColor-default);
-}
+ .my-xxl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
-.markdown-alert > :first-child {
- margin-top: 0;
-}
+ .my-xxl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
-.markdown-alert > :last-child {
- margin-bottom: 0;
-}
+ .my-xxl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
-.markdown-alert .markdown-alert-title {
- display: flex;
- font-weight: var(--base-text-weight-medium, 500);
- align-items: center;
- line-height: 1;
-}
+ .my-xxl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
-.markdown-alert.markdown-alert-note {
- border-left-color: var(--borderColor-accent-emphasis);
-}
+ .my-xxl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
-.markdown-alert.markdown-alert-note .markdown-alert-title {
- color: var(--fgColor-accent);
-}
+ .my-xxl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
-.markdown-alert.markdown-alert-important {
- border-left-color: var(--borderColor-done-emphasis);
-}
+ .mt-xxl-0 {
+ margin-top: 0 !important;
+ }
-.markdown-alert.markdown-alert-important .markdown-alert-title {
- color: var(--fgColor-done);
-}
+ .mt-xxl-1 {
+ margin-top: 0.25rem !important;
+ }
-.markdown-alert.markdown-alert-warning {
- border-left-color: var(--borderColor-attention-emphasis);
-}
+ .mt-xxl-2 {
+ margin-top: 0.5rem !important;
+ }
-.markdown-alert.markdown-alert-warning .markdown-alert-title {
- color: var(--fgColor-attention);
-}
+ .mt-xxl-3 {
+ margin-top: 1rem !important;
+ }
-.markdown-alert.markdown-alert-tip {
- border-left-color: var(--borderColor-success-emphasis);
-}
+ .mt-xxl-4 {
+ margin-top: 1.5rem !important;
+ }
-.markdown-alert.markdown-alert-tip .markdown-alert-title {
- color: var(--fgColor-success);
-}
+ .mt-xxl-5 {
+ margin-top: 3rem !important;
+ }
-.markdown-alert.markdown-alert-caution {
- border-left-color: var(--borderColor-danger-emphasis);
-}
+ .mt-xxl-auto {
+ margin-top: auto !important;
+ }
-.markdown-alert.markdown-alert-caution .markdown-alert-title {
- color: var(--fgColor-danger);
-}
+ .me-xxl-0 {
+ margin-right: 0 !important;
+ }
-.Overlay-header.Overlay-header--divided + .Overlay-body {
- padding-top: var(--stack-padding-normal, var(--base-size-16));
-}
+ .me-xxl-1 {
+ margin-right: 0.25rem !important;
+ }
-.Overlay-closeButton {
- position: relative;
- display: grid;
- width: var(--base-size-32, 2rem);
- height: var(--base-size-32, 2rem);
- padding: 0;
- color: var(--fgColor-muted);
- cursor: pointer;
- -webkit-user-select: none;
- user-select: none;
- user-select: none;
- background-color: initial;
- border: var(--borderWidth-thin, max(var(--borderWidth-thin), 0.0625rem)) solid transparent;
- border-radius: var(--borderRadius-medium, var(--borderRadius-medium));
- transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);
- transition-property: color, background-color, border-color;
- align-self: flex-start;
- flex-shrink: 0;
- place-content: center;
-}
+ .me-xxl-2 {
+ margin-right: 0.5rem !important;
+ }
-.Overlay-closeButton:focus,
-.Overlay-closeButton:hover {
- background-color: var(--button-default-bgColor-hover);
- border: var(--borderWidth-thin, max(var(--borderWidth-thin), 0.0625rem)) solid var(--control-bgColor-hover);
-}
+ .me-xxl-3 {
+ margin-right: 1rem !important;
+ }
-.Overlay-closeButton.close-button {
- border: var(--borderWidth-thin, max(var(--borderWidth-thin), 0.0625rem)) solid transparent;
-}
+ .me-xxl-4 {
+ margin-right: 1.5rem !important;
+ }
-.Overlay-backdrop--center {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
- align-items: center;
- justify-content: center;
-}
+ .me-xxl-5 {
+ margin-right: 3rem !important;
+ }
-.Overlay-backdrop--anchor {
- position: absolute;
- z-index: 999;
- background-color: initial;
-}
+ .me-xxl-auto {
+ margin-right: auto !important;
+ }
-.Overlay-backdrop--side {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
-}
+ .mb-xxl-0 {
+ margin-bottom: 0 !important;
+ }
-.Overlay-backdrop--side,
-.Overlay-backdrop--side.Overlay-backdrop--placement-left {
- align-items: center;
- justify-content: left;
-}
+ .mb-xxl-1 {
+ margin-bottom: 0.25rem !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-left > .Overlay {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
-}
+ .mb-xxl-2 {
+ margin-bottom: 0.5rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-left > .Overlay {
- animation: Overlay--motion-slideInRight 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .mb-xxl-3 {
+ margin-bottom: 1rem !important;
}
-}
-.Overlay-backdrop--side.Overlay-backdrop--placement-right {
- align-items: center;
- justify-content: right;
-}
+ .mb-xxl-4 {
+ margin-bottom: 1.5rem !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-right > .Overlay {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-}
+ .mb-xxl-5 {
+ margin-bottom: 3rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-right > .Overlay {
- animation: Overlay--motion-slideInLeft 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .mb-xxl-auto {
+ margin-bottom: auto !important;
}
-}
-.Overlay-backdrop--side.Overlay-backdrop--placement-bottom {
- align-items: end;
- justify-content: center;
-}
+ .ms-xxl-0 {
+ margin-left: 0 !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-bottom > .Overlay {
- width: 100vw;
- height: auto;
- max-height: calc(100vh - 2rem);
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
-}
+ .ms-xxl-1 {
+ margin-left: 0.25rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-bottom > .Overlay {
- animation: Overlay--motion-slideUp 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .ms-xxl-2 {
+ margin-left: 0.5rem !important;
}
-}
-.Overlay-backdrop--side.Overlay-backdrop--placement-top {
- align-items: start;
- justify-content: center;
-}
+ .ms-xxl-3 {
+ margin-left: 1rem !important;
+ }
-.Overlay-backdrop--side.Overlay-backdrop--placement-top > .Overlay {
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-top-right-radius: 0;
-}
+ .ms-xxl-4 {
+ margin-left: 1.5rem !important;
+ }
-@media screen and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side.Overlay-backdrop--placement-top > .Overlay {
- animation: Overlay--motion-slideDown 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .ms-xxl-5 {
+ margin-left: 3rem !important;
}
-}
-.Overlay-backdrop--full {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
-}
+ .ms-xxl-auto {
+ margin-left: auto !important;
+ }
-.Overlay-backdrop--full .Overlay {
- width: 100%;
- max-width: 100vw;
- height: 100%;
- max-height: 100vh;
- border-radius: unset !important;
- flex-grow: 1;
-}
+ .p-xxl-0 {
+ padding: 0 !important;
+ }
-@media (max-width: 767px) {
- .Overlay-backdrop--center-whenNarrow {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
- align-items: center;
- justify-content: center;
+ .p-xxl-1 {
+ padding: 0.25rem !important;
}
- .Overlay-backdrop--anchor-whenNarrow {
- position: absolute;
- z-index: 999;
- background-color: initial;
+ .p-xxl-2 {
+ padding: 0.5rem !important;
}
- .Overlay-backdrop--side-whenNarrow {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
+ .p-xxl-3 {
+ padding: 1rem !important;
}
- .Overlay-backdrop--side-whenNarrow,
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow {
- align-items: center;
- justify-content: left;
+ .p-xxl-4 {
+ padding: 1.5rem !important;
}
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow > .Overlay-whenNarrow {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
+ .p-xxl-5 {
+ padding: 3rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideInRight 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .px-xxl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow {
- align-items: center;
- justify-content: right;
+ .px-xxl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow > .Overlay-whenNarrow {
- height: 100vh;
- max-height: unset;
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
+ .px-xxl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideInLeft 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .px-xxl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow {
- align-items: end;
- justify-content: center;
+ .px-xxl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow > .Overlay-whenNarrow {
- width: 100vw;
- height: auto;
- max-height: calc(100vh - 2rem);
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
+ .px-xxl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideUp 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .py-xxl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow {
- align-items: start;
- justify-content: center;
+ .py-xxl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow > .Overlay-whenNarrow {
- border-radius: var(--borderRadius-large, var(--borderRadius-large));
- border-top-left-radius: 0;
- border-top-right-radius: 0;
+ .py-xxl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
}
-}
-@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
- .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow > .Overlay-whenNarrow {
- animation: Overlay--motion-slideDown 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
+ .py-xxl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--full-whenNarrow {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 999;
- display: flex;
- background-color: var(--overlay-backdrop-bgColor);
+ .py-xxl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
}
-}
-@media (max-width: 767px) {
- .Overlay-backdrop--full-whenNarrow .Overlay {
- width: 100%;
- max-width: 100vw;
- height: 100%;
- max-height: 100vh;
- border-radius: unset !important;
- flex-grow: 1;
+ .py-xxl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
}
-}
-.Overlay.Overlay--height-xsmall {
- height: min(192px, 100vh - 2rem);
-}
+ .pt-xxl-0 {
+ padding-top: 0 !important;
+ }
-.Overlay.Overlay--height-small {
- height: min(256px, 100vh - 2rem);
-}
+ .pt-xxl-1 {
+ padding-top: 0.25rem !important;
+ }
-.Overlay.Overlay--height-medium {
- height: min(320px, 100vh - 2rem);
-}
+ .pt-xxl-2 {
+ padding-top: 0.5rem !important;
+ }
-.Overlay.Overlay--height-large {
- height: min(432px, 100vh - 2rem);
-}
+ .pt-xxl-3 {
+ padding-top: 1rem !important;
+ }
-.Overlay.Overlay--height-xlarge {
- height: min(600px, 100vh - 2rem);
-}
+ .pt-xxl-4 {
+ padding-top: 1.5rem !important;
+ }
-.Overlay.Overlay--width-auto {
- width: auto;
-}
+ .pt-xxl-5 {
+ padding-top: 3rem !important;
+ }
-.Overlay.Overlay--width-small {
- width: min(256px, 100vw - 2rem);
-}
+ .pe-xxl-0 {
+ padding-right: 0 !important;
+ }
-.Overlay.Overlay--width-medium {
- width: min(320px, 100vw - 2rem);
-}
+ .pe-xxl-1 {
+ padding-right: 0.25rem !important;
+ }
-.Overlay.Overlay--width-large {
- width: min(480px, 100vw - 2rem);
-}
+ .pe-xxl-2 {
+ padding-right: 0.5rem !important;
+ }
-.Overlay.Overlay--width-xlarge {
- width: min(640px, 100vw - 2rem);
-}
+ .pe-xxl-3 {
+ padding-right: 1rem !important;
+ }
-.Overlay.Overlay--width-xxlarge {
- width: min(960px, 100vw - 2rem);
-}
+ .pe-xxl-4 {
+ padding-right: 1.5rem !important;
+ }
-@supports not selector(:popover-open) {
- [popover]:not(.\:popover-open) {
- display: none;
+ .pe-xxl-5 {
+ padding-right: 3rem !important;
}
-}
-.markdown-body > *:first-child > .heading-element:first-child {
- margin-top: 0 !important;
-}
+ .pb-xxl-0 {
+ padding-bottom: 0 !important;
+ }
-.markdown-heading {
- position: relative;
-}
+ .pb-xxl-1 {
+ padding-bottom: 0.25rem !important;
+ }
-.markdown-heading .heading-element:hover + .anchor {
- opacity: 1;
-}
+ .pb-xxl-2 {
+ padding-bottom: 0.5rem !important;
+ }
-.markdown-heading h1.heading-element + .anchor,
-.markdown-heading h2.heading-element + .anchor {
- transform: translateY(calc(-50% - 0.3rem));
-}
+ .pb-xxl-3 {
+ padding-bottom: 1rem !important;
+ }
-.markdown-heading .anchor {
- position: absolute;
- top: 50%;
- left: -28px;
- display: flex;
- width: 28px;
- height: 28px;
- margin: auto;
- border-radius: var(--borderRadius-medium);
- opacity: 0;
- justify-content: center;
- align-items: center;
- transform: translateY(-50%);
-}
+ .pb-xxl-4 {
+ padding-bottom: 1.5rem !important;
+ }
-.markdown-heading .anchor:hover {
- opacity: 1;
-}
+ .pb-xxl-5 {
+ padding-bottom: 3rem !important;
+ }
-.markdown-heading .anchor:focus {
- outline: 2px solid var(--focus-outlineColor);
- outline-offset: -2px;
- opacity: 1;
-}
+ .ps-xxl-0 {
+ padding-left: 0 !important;
+ }
-@media (pointer: coarse) {
- .markdown-heading .anchor {
- opacity: 1;
+ .ps-xxl-1 {
+ padding-left: 0.25rem !important;
}
-}
-.markdown-heading .anchor .octicon {
- color: var(--fgColor-default);
-}
+ .ps-xxl-2 {
+ padding-left: 0.5rem !important;
+ }
-summary > .markdown-heading {
- display: inline-block;
-}
+ .ps-xxl-3 {
+ padding-left: 1rem !important;
+ }
-.primer-button-break-line .BtnGroup > * {
- flex: 1 0 auto;
-}
+ .ps-xxl-4 {
+ padding-left: 1.5rem !important;
+ }
-.primer-button-break-line .SegmentedControl .Button {
- width: unset !important;
- min-width: 100% !important;
- height: unset !important;
- min-height: 100% !important;
-}
+ .ps-xxl-5 {
+ padding-left: 3rem !important;
+ }
-.primer-button-break-line .SegmentedControl .Button .Button-label {
- overflow: hidden !important;
- text-overflow: ellipsis !important;
- white-space: nowrap !important;
-}
+ .text-xxl-start {
+ text-align: left !important;
+ }
-.primer-button-break-line .Button {
- min-width: -moz-fit-content !important;
- min-width: fit-content !important;
- height: unset !important;
- min-height: var(--control-medium-size) !important;
-}
+ .text-xxl-end {
+ text-align: right !important;
+ }
-.primer-button-break-line .Button-content {
- flex: 1 1 auto !important;
- align-self: stretch !important;
- padding-block: calc(var(--control-medium-paddingBlock) - 2px) !important;
+ .text-xxl-center {
+ text-align: center !important;
+ }
}
+@media (min-width: 1200px) {
+ .fs-1 {
+ font-size: 2.5rem !important;
+ }
-.primer-button-break-line .Button-label {
- white-space: unset !important;
-}
+ .fs-2 {
+ font-size: 2rem !important;
+ }
-.primer-button-break-line .Button--small {
- height: unset !important;
- min-height: var(--control-small-size) !important;
-}
+ .fs-3 {
+ font-size: 1.75rem !important;
+ }
-.primer-button-break-line .Button--small .Button-content {
- padding-block: calc(var(--control-small-paddingBlock) - 2px) !important;
+ .fs-4 {
+ font-size: 1.5rem !important;
+ }
}
+@media print {
+ .d-print-inline {
+ display: inline !important;
+ }
-.primer-button-break-line .Button--large {
- height: unset !important;
- min-height: var(--control-large-size) !important;
- padding-inline: var(--control-large-paddingInline-spacious) !important;
-}
+ .d-print-inline-block {
+ display: inline-block !important;
+ }
-.primer-button-break-line .Button--large .Button-content {
- padding-block: calc(var(--control-large-paddingBlock) - 2px) !important;
-}
+ .d-print-block {
+ display: block !important;
+ }
-.primer-button-break-line .Button--link {
- min-height: unset !important;
-}
+ .d-print-grid {
+ display: grid !important;
+ }
-.primer-button-break-line .Button--link .Button-content {
- padding: 0 !important;
-}
+ .d-print-table {
+ display: table !important;
+ }
-details.details-overlay:not([open]) > *:not(summary) {
- display: none !important;
-}
+ .d-print-table-row {
+ display: table-row !important;
+ }
-.hx-rails-banner-upsell {
- background-image: linear-gradient(var(--bgColor-upsell-muted), var(--bgColor-upsell-muted));
- border: var(--borderWidth-thin) solid var(--borderColor-upsell-muted);
-}
+ .d-print-table-cell {
+ display: table-cell !important;
+ }
-.hx-rails-banner-upsell .Banner-visual .octicon {
- color: var(--fgColor-upsell);
-}
+ .d-print-flex {
+ display: flex !important;
+ }
-.footer {
- background-color: var(--color-anthracite);
- padding: var(--spacing-4);
- text-align: center;
- font-size: var(--font-size-xs);
- color: #fff;
+ .d-print-inline-flex {
+ display: inline-flex !important;
+ }
+
+ .d-print-none {
+ display: none !important;
+ }
}
diff --git a/steps/03.01-speed-size/server/views/pages/product.njk b/steps/03.01-speed-size/server/views/pages/product.njk
index a10d49a..0a7beec 100644
--- a/steps/03.01-speed-size/server/views/pages/product.njk
+++ b/steps/03.01-speed-size/server/views/pages/product.njk
@@ -52,7 +52,7 @@
★
{% endfor %}
-
+
({{ product.reviews.score }} avis)
Voir tous les avis
diff --git a/steps/shared/data/products.js b/steps/shared/data/products.js
index 745e347..9081a8f 100644
--- a/steps/shared/data/products.js
+++ b/steps/shared/data/products.js
@@ -19,7 +19,6 @@ Plongez dans un océan de douceur avec ce doudou bleu axolotl, aussi adorable qu
est facile à emporter partout ou à exposer fièrement sur votre bureau.
`,
- sale: true,
categories: [],
sizes: [
{
@@ -175,7 +174,6 @@ Plongez dans un océan de douceur avec ce doudou bleu axolotl, aussi adorable qu
},
},
],
- sale: false,
images: [
{
source: '/images/product/300/1.jpg',
@@ -259,7 +257,6 @@ Plongez dans un océan de douceur avec ce doudou bleu axolotl, aussi adorable qu
Durabilité : Conçu avec des matériaux de qualité, ce sticker résiste à l’eau et aux rayures pour une utilisation durable.
`,
- sale: false,
categories: ['Décoration', 'Accessoires', 'Stickers'],
sizes: [
{
@@ -357,7 +354,6 @@ Plongez dans un océan de douceur avec ce doudou bleu axolotl, aussi adorable qu
Durabilité : Fabriqué avec des matériaux résistants, ce sac à dos est conçu pour durer, même dans les conditions les plus exigeantes.
`,
- sale: false,
categories: ['Accessoires', 'Sacs', 'Sacs à Dos'],
sizes: [
{
@@ -455,7 +451,6 @@ Plongez dans un océan de douceur avec ce doudou bleu axolotl, aussi adorable qu
Facile à entretenir : Passe au lave-vaisselle et au micro-ondes, pour une utilisation pratique et quotidienne.
`,
- sale: false,
categories: ['Accessoires', 'Mugs', 'Mugs Sfeir'],
sizes: [
{