Skip to content

Commit

Permalink
comment mixin button-outline-variant since vars are not defined
Browse files Browse the repository at this point in the history
  • Loading branch information
hannahiss committed Dec 13, 2024
1 parent 8d82aea commit 3294876
Showing 1 changed file with 24 additions and 24 deletions.
48 changes: 24 additions & 24 deletions scss/mixins/_buttons.scss
Original file line number Diff line number Diff line change
Expand Up @@ -37,30 +37,30 @@
// scss-docs-end btn-variant-mixin

// scss-docs-start btn-outline-variant-mixin - not used by OUDS
@mixin button-outline-variant(
$color,
$color-hover: $btn-outline-default-hover-color, // OUDS mod: instead of `color-contrast($color)`
$active-background: $btn-outline-default-active-bg, // OUDS mod: instead of `$color`
$active-border: $btn-outline-default-active-border, // OUDS mod: instead of `$color`
$active-color: $btn-outline-default-active-color, // Booted mod: `color-contrast($active-background)`
$hover-background: $btn-outline-default-hover-bg, // OUDS mod
$hover-border: $btn-outline-default-hover-border // OUDS mod
) {
--#{$prefix}btn-color: #{$color};
--#{$prefix}btn-border-color: #{$color};
--#{$prefix}btn-hover-color: #{$color-hover};
--#{$prefix}btn-hover-bg: #{$hover-background}; // OUDS mod: instead of using `#{$active-background}`
--#{$prefix}btn-hover-border-color: #{$hover-border}; // OUDS mod: instead of using `#{$active-border}`
--#{$prefix}btn-focus-shadow-rgb: #{$color};
--#{$prefix}btn-active-color: #{$active-color};
--#{$prefix}btn-active-bg: #{$active-background};
--#{$prefix}btn-active-border-color: #{$active-border};
--#{$prefix}btn-active-shadow: #{$btn-active-box-shadow};
--#{$prefix}btn-disabled-color: #{$btn-outline-default-disabled-color};
--#{$prefix}btn-disabled-bg: #{$btn-outline-default-disabled-bg};
--#{$prefix}btn-disabled-border-color: #{$btn-outline-default-disabled-border};
--#{$prefix}gradient: none;
}
//@mixin button-outline-variant(
// $color,
// $color-hover: $btn-outline-default-hover-color, // OUDS mod: instead of `color-contrast($color)`
// $active-background: $btn-outline-default-active-bg, // OUDS mod: instead of `$color`
// $active-border: $btn-outline-default-active-border, // OUDS mod: instead of `$color`
// $active-color: $btn-outline-default-active-color, // Booted mod: `color-contrast($active-background)`
// $hover-background: $btn-outline-default-hover-bg, // OUDS mod
// $hover-border: $btn-outline-default-hover-border // OUDS mod
//) {
// --#{$prefix}btn-color: #{$color};
// --#{$prefix}btn-border-color: #{$color};
// --#{$prefix}btn-hover-color: #{$color-hover};
// --#{$prefix}btn-hover-bg: #{$hover-background}; // OUDS mod: instead of using `#{$active-background}`
// --#{$prefix}btn-hover-border-color: #{$hover-border}; // OUDS mod: instead of using `#{$active-border}`
// --#{$prefix}btn-focus-shadow-rgb: #{$color};
// --#{$prefix}btn-active-color: #{$active-color};
// --#{$prefix}btn-active-bg: #{$active-background};
// --#{$prefix}btn-active-border-color: #{$active-border};
// --#{$prefix}btn-active-shadow: #{$btn-active-box-shadow};
// --#{$prefix}btn-disabled-color: #{$btn-outline-default-disabled-color};
// --#{$prefix}btn-disabled-bg: #{$btn-outline-default-disabled-bg};
// --#{$prefix}btn-disabled-border-color: #{$btn-outline-default-disabled-border};
// --#{$prefix}gradient: none;
//}
// scss-docs-end btn-outline-variant-mixin

// scss-docs-start btn-size-mixin - not used by OUDS
Expand Down

0 comments on commit 3294876

Please sign in to comment.