diff options
author | pmikus <peter.mikus@protonmail.ch> | 2022-10-05 08:58:31 +0200 |
---|---|---|
committer | pmikus <peter.mikus@protonmail.ch> | 2022-10-05 08:58:31 +0200 |
commit | af8e703eb180e46ca65ff0c165a21f2261896548 (patch) | |
tree | e477719c9010ca3e8ed3ffa63ffe293a2734d358 /csit.infra.dash/app/cdash/static/sass/bootstrap/helpers | |
parent | 4d095b586bc4e249ab4e30e1a3f17b310f52a229 (diff) |
fix(cdash): Rename
Signed-off-by: pmikus <peter.mikus@protonmail.ch>
Change-Id: Ia6dff2674a28b42ebfbe91230587f1e175ae1137
Diffstat (limited to 'csit.infra.dash/app/cdash/static/sass/bootstrap/helpers')
10 files changed, 140 insertions, 0 deletions
diff --git a/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_clearfix.scss b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_clearfix.scss new file mode 100644 index 0000000000..e92522a94d --- /dev/null +++ b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_clearfix.scss @@ -0,0 +1,3 @@ +.clearfix { + @include clearfix(); +} diff --git a/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_color-bg.scss b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_color-bg.scss new file mode 100644 index 0000000000..b5ce7709c1 --- /dev/null +++ b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_color-bg.scss @@ -0,0 +1,10 @@ +// stylelint-disable function-name-case + +// All-caps `RGBA()` function used because of this Sass bug: https://github.com/sass/node-sass/issues/2251 +@each $color, $value in $theme-colors { + $color-rgb: to-rgb($value); + .text-bg-#{$color} { + color: color-contrast($value) if($enable-important-utilities, !important, null); + background-color: RGBA($color-rgb, var(--#{$prefix}bg-opacity, 1)) if($enable-important-utilities, !important, null); + } +} diff --git a/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_colored-links.scss b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_colored-links.scss new file mode 100644 index 0000000000..1cb4182801 --- /dev/null +++ b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_colored-links.scss @@ -0,0 +1,12 @@ +@each $color, $value in $theme-colors { + .link-#{$color} { + color: $value !important; // stylelint-disable-line declaration-no-important + + @if $link-shade-percentage != 0 { + &:hover, + &:focus { + color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage)) !important; // stylelint-disable-line declaration-no-important + } + } + } +} diff --git a/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_position.scss b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_position.scss new file mode 100644 index 0000000000..59103d9436 --- /dev/null +++ b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_position.scss @@ -0,0 +1,36 @@ +// Shorthand + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: $zindex-fixed; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: $zindex-fixed; +} + +// Responsive sticky top and bottom +@each $breakpoint in map-keys($grid-breakpoints) { + @include media-breakpoint-up($breakpoint) { + $infix: breakpoint-infix($breakpoint, $grid-breakpoints); + + .sticky#{$infix}-top { + position: sticky; + top: 0; + z-index: $zindex-sticky; + } + + .sticky#{$infix}-bottom { + position: sticky; + bottom: 0; + z-index: $zindex-sticky; + } + } +} diff --git a/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_ratio.scss b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_ratio.scss new file mode 100644 index 0000000000..b6a7654c52 --- /dev/null +++ b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_ratio.scss @@ -0,0 +1,26 @@ +// Credit: Nicolas Gallagher and SUIT CSS. + +.ratio { + position: relative; + width: 100%; + + &::before { + display: block; + padding-top: var(--#{$prefix}aspect-ratio); + content: ""; + } + + > * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } +} + +@each $key, $ratio in $aspect-ratios { + .ratio-#{$key} { + --#{$prefix}aspect-ratio: #{$ratio}; + } +} diff --git a/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_stacks.scss b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_stacks.scss new file mode 100644 index 0000000000..6cd237ae6d --- /dev/null +++ b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_stacks.scss @@ -0,0 +1,15 @@ +// scss-docs-start stacks +.hstack { + display: flex; + flex-direction: row; + align-items: center; + align-self: stretch; +} + +.vstack { + display: flex; + flex: 1 1 auto; + flex-direction: column; + align-self: stretch; +} +// scss-docs-end stacks diff --git a/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_stretched-link.scss b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_stretched-link.scss new file mode 100644 index 0000000000..71a1c755af --- /dev/null +++ b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_stretched-link.scss @@ -0,0 +1,15 @@ +// +// Stretched link +// + +.stretched-link { + &::#{$stretched-link-pseudo-element} { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: $stretched-link-z-index; + content: ""; + } +} diff --git a/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_text-truncation.scss b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_text-truncation.scss new file mode 100644 index 0000000000..6421dac9a8 --- /dev/null +++ b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_text-truncation.scss @@ -0,0 +1,7 @@ +// +// Text truncation +// + +.text-truncate { + @include text-truncate(); +} diff --git a/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_visually-hidden.scss b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_visually-hidden.scss new file mode 100644 index 0000000000..4760ff03d1 --- /dev/null +++ b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_visually-hidden.scss @@ -0,0 +1,8 @@ +// +// Visually hidden +// + +.visually-hidden, +.visually-hidden-focusable:not(:focus):not(:focus-within) { + @include visually-hidden(); +} diff --git a/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_vr.scss b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_vr.scss new file mode 100644 index 0000000000..9bca099536 --- /dev/null +++ b/csit.infra.dash/app/cdash/static/sass/bootstrap/helpers/_vr.scss @@ -0,0 +1,8 @@ +.vr { + display: inline-block; + align-self: stretch; + width: 1px; + min-height: 1em; + background-color: currentcolor; + opacity: $hr-opacity; +} |