Skip to content

Commit

Permalink
fix(@clayui/css): Cadmin Buttons use transparent border for solid but…
Browse files Browse the repository at this point in the history
…tons

    - Changing the background-color on the buttons transfers better
  • Loading branch information
pat270 committed Sep 12, 2022
1 parent 06f56f6 commit 8357269
Showing 1 changed file with 15 additions and 15 deletions.
30 changes: 15 additions & 15 deletions packages/clay-css/src/scss/cadmin/variables/_buttons.scss
Original file line number Diff line number Diff line change
Expand Up @@ -382,7 +382,7 @@ $cadmin-btn-primary: map-deep-merge(
(
background-color: $cadmin-primary,
background-image: clay-enable-gradients($cadmin-primary),
border-color: $cadmin-primary,
border-color: transparent,
color: color-yiq($cadmin-primary),
hover: (
background-color: $cadmin-primary-d1,
Expand All @@ -393,7 +393,7 @@ $cadmin-btn-primary: map-deep-merge(
focus: (
background-color: $cadmin-primary-d1,
background-image: clay-enable-gradients($cadmin-primary-d1),
border-color: clay-darken($cadmin-primary, 10%),
border-color: transparent,
color: color-yiq(clay-darken($cadmin-primary, 7.5%)),
),
active: (
Expand All @@ -405,7 +405,7 @@ $cadmin-btn-primary: map-deep-merge(
disabled: (
background-color: $cadmin-primary,
background-image: clay-enable-gradients($cadmin-primary),
border-color: $cadmin-primary,
border-color: transparent,
color: color-yiq($cadmin-primary),
),
),
Expand Down Expand Up @@ -452,7 +452,7 @@ $cadmin-btn-success: map-deep-merge(
(
background-color: $cadmin-success,
background-image: clay-enable-gradients($cadmin-success),
border-color: $cadmin-success,
border-color: transparent,
color: color-yiq($cadmin-success),
hover: (
background-color: $cadmin-success-d1,
Expand All @@ -475,7 +475,7 @@ $cadmin-btn-success: map-deep-merge(
disabled: (
background-color: $cadmin-success,
background-image: clay-enable-gradients($cadmin-success),
border-color: $cadmin-success,
border-color: transparent,
color: color-yiq($cadmin-success),
),
),
Expand All @@ -487,7 +487,7 @@ $cadmin-btn-info: map-deep-merge(
(
background-color: $cadmin-info,
background-image: clay-enable-gradients($cadmin-info),
border-color: $cadmin-info,
border-color: transparent,
color: color-yiq($cadmin-info),
hover: (
background-color: $cadmin-info-d1,
Expand All @@ -510,7 +510,7 @@ $cadmin-btn-info: map-deep-merge(
disabled: (
background-color: $cadmin-info,
background-image: clay-enable-gradients($cadmin-info),
border-color: $cadmin-info,
border-color: transparent,
color: color-yiq($cadmin-info),
),
),
Expand All @@ -522,7 +522,7 @@ $cadmin-btn-warning: map-deep-merge(
(
background-color: $cadmin-warning,
background-image: clay-enable-gradients($cadmin-warning),
border-color: $cadmin-warning,
border-color: transparent,
color: color-yiq($cadmin-warning),
hover: (
background-color: $cadmin-warning-d1,
Expand All @@ -546,7 +546,7 @@ $cadmin-btn-warning: map-deep-merge(
disabled: (
background-color: $cadmin-warning,
background-image: clay-enable-gradients($cadmin-warning),
border-color: $cadmin-warning,
border-color: transparent,
color: color-yiq($cadmin-warning),
),
),
Expand All @@ -558,7 +558,7 @@ $cadmin-btn-danger: map-deep-merge(
(
background-color: $cadmin-danger,
background-image: clay-enable-gradients($cadmin-danger),
border-color: $cadmin-danger,
border-color: transparent,
color: color-yiq($cadmin-danger),
hover: (
background-color: $cadmin-danger-d1,
Expand All @@ -581,7 +581,7 @@ $cadmin-btn-danger: map-deep-merge(
disabled: (
background-color: $cadmin-danger,
background-image: clay-enable-gradients(none),
border-color: $cadmin-danger,
border-color: transparent,
color: color-yiq($cadmin-danger),
),
),
Expand All @@ -593,7 +593,7 @@ $cadmin-btn-light: map-deep-merge(
(
background-color: $cadmin-light,
background-image: clay-enable-gradients($cadmin-light),
border-color: $cadmin-light,
border-color: transparent,
color: $cadmin-gray-900,
hover: (
background-color: $cadmin-light-d1,
Expand All @@ -616,7 +616,7 @@ $cadmin-btn-light: map-deep-merge(
disabled: (
background-color: $cadmin-light,
background-image: clay-enable-gradients($cadmin-light),
border-color: $cadmin-light,
border-color: transparent,
color: color-yiq($cadmin-light),
),
),
Expand All @@ -628,7 +628,7 @@ $cadmin-btn-dark: map-deep-merge(
(
background-color: $cadmin-dark,
background-image: clay-enable-gradients($cadmin-dark),
border-color: $cadmin-dark,
border-color: transparent,
color: color-yiq($cadmin-dark),
hover: (
background-color: $cadmin-dark-d1,
Expand All @@ -651,7 +651,7 @@ $cadmin-btn-dark: map-deep-merge(
disabled: (
background-color: $cadmin-dark,
background-image: clay-enable-gradients($cadmin-dark),
border-color: $cadmin-dark,
border-color: transparent,
color: color-yiq($cadmin-dark),
),
),
Expand Down

0 comments on commit 8357269

Please sign in to comment.