Skip to content

Commit

Permalink
style: format code with Prettier and RuboCop
Browse files Browse the repository at this point in the history
This commit fixes the style issues introduced in c714225 according to the output
from Prettier and RuboCop.

Details: None
  • Loading branch information
deepsource-autofix[bot] authored and OpenINFbot committed May 23, 2024
1 parent 346c01e commit 3f90285
Show file tree
Hide file tree
Showing 101 changed files with 3,106 additions and 2,380 deletions.
2 changes: 1 addition & 1 deletion _assets/styles/_variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -841,7 +841,7 @@ $btn-link-color: var(--#{$prefix}link-color) !default;
$btn-link-hover-color: var(--#{$prefix}link-hover-color) !default;
$btn-link-disabled-color: $gray-600 !default;
$btn-link-focus-shadow-rgb: to-rgb(
mix(/*color-contrast(*/$link-color/*)*/, $link-color, 15%)
mix(/*color-contrast(*/ $link-color /*)*/, $link-color, 15%)
) !default;

// Allows for customizing button radius independently from global border radius
Expand Down
39 changes: 27 additions & 12 deletions _assets/styles/bootstrap/_accordion.scss
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,9 @@
--#{$prefix}accordion-btn-icon-width: #{$accordion-icon-width};
--#{$prefix}accordion-btn-icon-transform: #{$accordion-icon-transform};
--#{$prefix}accordion-btn-icon-transition: #{$accordion-icon-transition};
--#{$prefix}accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon)};
--#{$prefix}accordion-btn-active-icon: #{escape-svg(
$accordion-button-active-icon
)};
--#{$prefix}accordion-btn-focus-border-color: #{$accordion-button-focus-border-color};
--#{$prefix}accordion-btn-focus-box-shadow: #{$accordion-button-focus-box-shadow};
--#{$prefix}accordion-body-padding-x: #{$accordion-body-padding-x};
Expand All @@ -34,7 +36,8 @@
display: flex;
align-items: center;
width: 100%;
padding: var(--#{$prefix}accordion-btn-padding-y) var(--#{$prefix}accordion-btn-padding-x);
padding: var(--#{$prefix}accordion-btn-padding-y)
var(--#{$prefix}accordion-btn-padding-x);
@include font-size($font-size-base);
color: var(--#{$prefix}accordion-btn-color);
text-align: left; // Reset button style
Expand All @@ -47,7 +50,8 @@
&:not(.collapsed) {
color: var(--#{$prefix}accordion-active-color);
background-color: var(--#{$prefix}accordion-active-bg);
box-shadow: inset 0 calc(-1 * var(--#{$prefix}accordion-border-width)) 0 var(--#{$prefix}accordion-border-color); // stylelint-disable-line function-disallowed-list
box-shadow: inset 0 calc(-1 * var(--#{$prefix}accordion-border-width)) 0
var(--#{$prefix}accordion-border-color); // stylelint-disable-line function-disallowed-list

&::after {
background-image: var(--#{$prefix}accordion-btn-active-icon);
Expand All @@ -61,7 +65,7 @@
width: var(--#{$prefix}accordion-btn-icon-width);
height: var(--#{$prefix}accordion-btn-icon-width);
margin-left: auto;
content: "";
content: '';
background-image: var(--#{$prefix}accordion-btn-icon);
background-repeat: no-repeat;
background-size: var(--#{$prefix}accordion-btn-icon-width);
Expand All @@ -87,13 +91,16 @@
.accordion-item {
color: var(--#{$prefix}accordion-color);
background-color: var(--#{$prefix}accordion-bg);
border: var(--#{$prefix}accordion-border-width) solid var(--#{$prefix}accordion-border-color);
border: var(--#{$prefix}accordion-border-width) solid
var(--#{$prefix}accordion-border-color);

&:first-of-type {
@include border-top-radius(var(--#{$prefix}accordion-border-radius));

> .accordion-header .accordion-button {
@include border-top-radius(var(--#{$prefix}accordion-inner-border-radius));
@include border-top-radius(
var(--#{$prefix}accordion-inner-border-radius)
);
}
}

Expand All @@ -107,7 +114,9 @@

> .accordion-header .accordion-button {
&.collapsed {
@include border-bottom-radius(var(--#{$prefix}accordion-inner-border-radius));
@include border-bottom-radius(
var(--#{$prefix}accordion-inner-border-radius)
);
}
}

Expand All @@ -118,10 +127,10 @@
}

.accordion-body {
padding: var(--#{$prefix}accordion-body-padding-y) var(--#{$prefix}accordion-body-padding-x);
padding: var(--#{$prefix}accordion-body-padding-y)
var(--#{$prefix}accordion-body-padding-x);
}


// Flush accordion items
//
// Remove borders and border-radius to keep accordion items edge-to-edge.
Expand All @@ -132,8 +141,12 @@
border-left: 0;
@include border-radius(0);

&:first-child { border-top: 0; }
&:last-child { border-bottom: 0; }
&:first-child {
border-top: 0;
}
&:last-child {
border-bottom: 0;
}

// stylelint-disable selector-max-class
> .accordion-header .accordion-button {
Expand All @@ -154,7 +167,9 @@
@include color-mode(dark) {
.accordion-button::after {
--#{$prefix}accordion-btn-icon: #{escape-svg($accordion-button-icon-dark)};
--#{$prefix}accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon-dark)};
--#{$prefix}accordion-btn-active-icon: #{escape-svg(
$accordion-button-active-icon-dark
)};
}
}
}
2 changes: 0 additions & 2 deletions _assets/styles/bootstrap/_alert.scss
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,6 @@
color: var(--#{$prefix}alert-link-color);
}


// Dismissible alerts
//
// Expand the right padding and account for the close button's positioning.
Expand All @@ -54,7 +53,6 @@
}
}


// scss-docs-start alert-modifiers
// Generate contextual modifier classes for colorizing the alert
@each $state in map-keys($theme-colors) {
Expand Down
12 changes: 10 additions & 2 deletions _assets/styles/bootstrap/_breadcrumb.scss
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,8 @@

display: flex;
flex-wrap: wrap;
padding: var(--#{$prefix}breadcrumb-padding-y) var(--#{$prefix}breadcrumb-padding-x);
padding: var(--#{$prefix}breadcrumb-padding-y)
var(--#{$prefix}breadcrumb-padding-x);
margin-bottom: var(--#{$prefix}breadcrumb-margin-bottom);
@include font-size(var(--#{$prefix}breadcrumb-font-size));
list-style: none;
Expand All @@ -30,7 +31,14 @@
float: left; // Suppress inline spacings and underlining of the separator
padding-right: var(--#{$prefix}breadcrumb-item-padding-x);
color: var(--#{$prefix}breadcrumb-divider-color);
content: var(--#{$prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{"/* rtl:"} var(--#{$prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{"*/"};
content: var(
--#{$prefix}breadcrumb-divider,
escape-svg($breadcrumb-divider)
)
#{'/* rtl:'} var(
--#{$prefix}breadcrumb-divider,
escape-svg($breadcrumb-divider-flipped)
) #{'*/'};
}
}

Expand Down
31 changes: 18 additions & 13 deletions _assets/styles/bootstrap/_button-group.scss
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,9 @@
// Prevent double borders when buttons are next to each other
> :not(.btn-check:first-child) + .btn,
> .btn-group:not(:first-child) {
margin-left: calc(#{$btn-border-width} * -1); // stylelint-disable-line function-disallowed-list
margin-left: calc(
#{$btn-border-width} * -1
); // stylelint-disable-line function-disallowed-list
}

// Reset rounded corners
Expand All @@ -64,17 +66,20 @@
//
// Remix the default button sizing classes into new ones for easier manipulation.

.btn-group-sm > .btn { @extend .btn-sm; }
.btn-group-lg > .btn { @extend .btn-lg; }

.btn-group-sm > .btn {
@extend .btn-sm;
}
.btn-group-lg > .btn {
@extend .btn-lg;
}

//
// Split button dropdowns
//

.dropdown-toggle-split {
padding-right: $btn-padding-x * .75;
padding-left: $btn-padding-x * .75;
padding-right: $btn-padding-x * 0.75;
padding-left: $btn-padding-x * 0.75;

&::after,
.dropup &::after,
Expand All @@ -88,16 +93,15 @@
}

.btn-sm + .dropdown-toggle-split {
padding-right: $btn-padding-x-sm * .75;
padding-left: $btn-padding-x-sm * .75;
padding-right: $btn-padding-x-sm * 0.75;
padding-left: $btn-padding-x-sm * 0.75;
}

.btn-lg + .dropdown-toggle-split {
padding-right: $btn-padding-x-lg * .75;
padding-left: $btn-padding-x-lg * .75;
padding-right: $btn-padding-x-lg * 0.75;
padding-left: $btn-padding-x-lg * 0.75;
}


// The clickable button for toggling the menu
// Set the same inset shadow as the :active state
.btn-group.show .dropdown-toggle {
Expand All @@ -109,7 +113,6 @@
}
}


//
// Vertical button groups
//
Expand All @@ -126,7 +129,9 @@

> .btn:not(:first-child),
> .btn-group:not(:first-child) {
margin-top: calc(#{$btn-border-width} * -1); // stylelint-disable-line function-disallowed-list
margin-top: calc(
#{$btn-border-width} * -1
); // stylelint-disable-line function-disallowed-list
}

// Reset rounded corners
Expand Down
35 changes: 23 additions & 12 deletions _assets/styles/bootstrap/_buttons.scss
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
--#{$prefix}btn-hover-border-color: transparent;
--#{$prefix}btn-box-shadow: #{$btn-box-shadow};
--#{$prefix}btn-disabled-opacity: #{$btn-disabled-opacity};
--#{$prefix}btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} rgba(var(--#{$prefix}btn-focus-shadow-rgb), .5);
--#{$prefix}btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} rgba(var(--#{$prefix}btn-focus-shadow-rgb), 0.5);
// scss-docs-end btn-css-vars

display: inline-block;
Expand All @@ -34,7 +34,8 @@
vertical-align: middle;
cursor: if($enable-button-pointers, pointer, null);
user-select: none;
border: var(--#{$prefix}btn-border-width) solid var(--#{$prefix}btn-border-color);
border: var(--#{$prefix}btn-border-width) solid
var(--#{$prefix}btn-border-color);
@include border-radius(var(--#{$prefix}btn-border-radius));
@include gradient-bg(var(--#{$prefix}btn-bg));
@include box-shadow(var(--#{$prefix}btn-box-shadow));
Expand All @@ -61,7 +62,8 @@
outline: 0;
// Avoid using mixin so we can pass custom focus shadow properly
@if $enable-shadows {
box-shadow: var(--#{$prefix}btn-box-shadow), var(--#{$prefix}btn-focus-box-shadow);
box-shadow: var(--#{$prefix}btn-box-shadow),
var(--#{$prefix}btn-focus-box-shadow);
} @else {
box-shadow: var(--#{$prefix}btn-focus-box-shadow);
}
Expand All @@ -72,7 +74,8 @@
outline: 0;
// Avoid using mixin so we can pass custom focus shadow properly
@if $enable-shadows {
box-shadow: var(--#{$prefix}btn-box-shadow), var(--#{$prefix}btn-focus-box-shadow);
box-shadow: var(--#{$prefix}btn-box-shadow),
var(--#{$prefix}btn-focus-box-shadow);
} @else {
box-shadow: var(--#{$prefix}btn-focus-box-shadow);
}
Expand All @@ -93,7 +96,8 @@
&:focus-visible {
// Avoid using mixin so we can pass custom focus shadow properly
@if $enable-shadows {
box-shadow: var(--#{$prefix}btn-active-shadow), var(--#{$prefix}btn-focus-box-shadow);
box-shadow: var(--#{$prefix}btn-active-shadow),
var(--#{$prefix}btn-focus-box-shadow);
} @else {
box-shadow: var(--#{$prefix}btn-focus-box-shadow);
}
Expand All @@ -113,15 +117,14 @@
}
}


//
// Alternate buttons
//

// scss-docs-start btn-variant-loops
@each $color, $value in $theme-colors {
.btn-#{$color} {
@if $color == "light" {
@if $color == 'light' {
@include button-variant(
$value,
$value,
Expand All @@ -130,7 +133,7 @@
$active-background: shade-color($value, $btn-active-bg-shade-amount),
$active-border: shade-color($value, $btn-active-border-shade-amount)
);
} @else if $color == "dark" {
} @else if $color == 'dark' {
@include button-variant(
$value,
$value,
Expand All @@ -152,7 +155,6 @@
}
// scss-docs-end btn-variant-loops


//
// Link buttons
//
Expand Down Expand Up @@ -193,15 +195,24 @@
// No need for an active state here
}


//
// Button Sizes
//

.btn-lg {
@include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-border-radius-lg);
@include button-size(
$btn-padding-y-lg,
$btn-padding-x-lg,
$btn-font-size-lg,
$btn-border-radius-lg
);
}

.btn-sm {
@include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-border-radius-sm);
@include button-size(
$btn-padding-y-sm,
$btn-padding-x-sm,
$btn-font-size-sm,
$btn-border-radius-sm
);
}
Loading

0 comments on commit 3f90285

Please sign in to comment.