From 0685782fa9dab48d90cc0dc8ac0f62da72ac3375 Mon Sep 17 00:00:00 2001 From: davidvader Date: Mon, 5 Feb 2024 15:17:37 -0600 Subject: [PATCH] chore: linting --- src/scss/_main.scss | 89 ++++++++++++++++++++++++-------------------- src/scss/_table.scss | 11 +++--- 2 files changed, 54 insertions(+), 46 deletions(-) diff --git a/src/scss/_main.scss b/src/scss/_main.scss index 9c9ecd096..09ff4c171 100644 --- a/src/scss/_main.scss +++ b/src/scss/_main.scss @@ -36,23 +36,27 @@ header { justify-content: space-between; padding: 1em var(--horizontal-pad); - background: radial-gradient(circle at 50% -200%, - var(--color-bg-light) -7%, - transparent 50%); + background: radial-gradient( + circle at 50% -200%, + var(--color-bg-light) -7%, + transparent 50% + ); border-top-width: 0; border-bottom: var(--line-width) solid; border-left-width: 0; - border-image-source: linear-gradient(to right, - var(--color-secondary) 55%, - transparent 55%, - transparent 58%, - var(--color-secondary) 58%, - var(--color-secondary) 69%, - transparent 69%, - transparent 75%, - var(--color-primary) 75%, - var(--color-primary) 76%, - transparent 76%); + border-image-source: linear-gradient( + to right, + var(--color-secondary) 55%, + transparent 55%, + transparent 58%, + var(--color-secondary) 58%, + var(--color-secondary) 69%, + transparent 69%, + transparent 75%, + var(--color-primary) 75%, + var(--color-primary) 76%, + transparent 76% + ); border-image-slice: 1; } @@ -266,13 +270,15 @@ nav { border-top: var(--line-width) solid; border-left: var(--line-width) solid; - border-image-source: linear-gradient(to right, - var(--color-bg-light) 75%, - transparent 75%, - transparent 77%, - var(--color-bg-light) 77%, - var(--color-bg-light) 84%, - transparent 84%); + border-image-source: linear-gradient( + to right, + var(--color-bg-light) 75%, + transparent 75%, + transparent 77%, + var(--color-bg-light) 77%, + var(--color-bg-light) 84%, + transparent 84% + ); border-image-slice: 1; svg { @@ -300,11 +306,13 @@ nav { bottom: 0; left: 0; - background-image: linear-gradient(90deg, - hsl(0, 0%, 34%, 0) 0, - hsl(0, 0%, 34%, 0.2) 20%, - hsl(0, 0%, 34%, 0.5) 60%, - hsl(0, 0%, 34%, 0)); + background-image: linear-gradient( + 90deg, + hsl(0, 0%, 34%, 0) 0, + hsl(0, 0%, 34%, 0.2) 20%, + hsl(0, 0%, 34%, 0.5) 60%, + hsl(0, 0%, 34%, 0) + ); transform: translateX(-100%); animation: shimmer 2s infinite; @@ -436,13 +444,12 @@ details.build-toggle { } .builds-caption { - margin: 0.75em 0 1.2rem; + display: flex; justify-content: space-between; + margin: 0.75em 0 1.2rem; padding-left: 1rem; - display: flex; } - .hidden-spacer { visibility: hidden; } @@ -952,10 +959,12 @@ details.build-toggle { } .flowline-left { - background: linear-gradient(90deg, - hsla(0, 0%, 0%, 0) calc(2.25em - 1px), - var(--color-flowline) calc(2.25em), - hsla(0, 0%, 0%, 0) calc(2.25em + 1px)); + background: linear-gradient( + 90deg, + hsla(0, 0%, 0%, 0) calc(2.25em - 1px), + var(--color-flowline) calc(2.25em), + hsla(0, 0%, 0%, 0) calc(2.25em + 1px) + ); } .step.flowline-left:last-child, @@ -1048,7 +1057,7 @@ details.build-toggle { } } -.logs code>div { +.logs code > div { white-space: pre-wrap; } @@ -1058,7 +1067,7 @@ details.build-toggle { flex-direction: row; padding-right: 3rem; - >code { + > code { flex: 1; margin-left: 1em; } @@ -1422,7 +1431,7 @@ details.build-toggle { background-color: var(--color-bg); border: none; - +.button { + + .button { margin-left: 0.5rem; } } @@ -1432,7 +1441,7 @@ details.build-toggle { } /* stylelint-disable selector-max-specificity */ -.help.details[open] .summary+*:first-of-type { +.help.details[open] .summary + *:first-of-type { margin-top: 0.25rem; } @@ -1443,7 +1452,7 @@ details.build-toggle { justify-content: flex-end; margin: 1rem 0.5rem 0 1rem; - >a { + > a { margin-left: 1rem; } } @@ -1455,7 +1464,7 @@ details.build-toggle { margin-top: 8px; margin-right: 8px; - >a { + > a { margin-left: 6px; text-align: right; @@ -1725,4 +1734,4 @@ details.build-toggle { .overflow-auto { overflow: auto; -} \ No newline at end of file +} diff --git a/src/scss/_table.scss b/src/scss/_table.scss index fcee75171..ff7b6e729 100644 --- a/src/scss/_table.scss +++ b/src/scss/_table.scss @@ -20,14 +20,12 @@ .table-base .table-icon div { display: flex; + flex-direction: row; align-items: center; justify-content: center; - flex-direction: row; height: 2.5rem; - vertical-align: middle; } - .table-base tr { padding: 0.35em; @@ -68,7 +66,8 @@ .table-base td { padding: 0.3em; - padding-left: .625em; + padding-left: 0.625em; + vertical-align: top; } @@ -77,9 +76,9 @@ } .table-base .single-item { + display: inline-block; padding-top: 0.375rem; padding-bottom: 0.375rem; - display: inline-block; } .table-base td .list-item { @@ -246,4 +245,4 @@ td .key .list-item { .table-base td:last-child { border-bottom: 0; } -} \ No newline at end of file +}