Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mixins form-control-focus and button-variant output invalid box-shadow value with shadows enabled #24821

Closed
wants to merge 2 commits into from

Conversation

pat270
Copy link
Contributor

@pat270 pat270 commented Nov 17, 2017

When shadows are enabled and $btn-box-shadow, $btn-active-box-shadow, $input-box-shadow, or $input-focus-box-shadow have the value none these mixins output invalid values for the box-shadow property (e.g., box-shadow: none, 0 0 0 0.2rem rgba(0, 123, 255, 0.25)).

Copy link
Collaborator

@andresgalante andresgalante left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@pat270 good catch! The specs state:

The property accepts either the none value, which indicates no shadows, or a comma-separated list of shadows, ordered front to back.
https://drafts.csswg.org/css-backgrounds-3/#the-box-shadow

@mdo
Copy link
Member

mdo commented Dec 28, 2017

I merged #25070 and updated your branch to resolve a conflict—can you re-review?

@pat270
Copy link
Contributor Author

pat270 commented Jan 2, 2018

This LGTM, Thanks!

Edit: Added a commit to retain active box-shadows on .btn-outline-* when shadows are enabled. This isn't related to invalid box-shadow values, but felt it fits with the changes in this pr.

@mdo mdo mentioned this pull request Jan 12, 2018
@XhmikosR
Copy link
Member

@pat270: please fix the conflicts and squash your commits.

mdo and others added 2 commits January 12, 2018 16:26
Mixin `form-control-focus` outputs invalid `box-shadow` value when shadows are enabled and `$input-box-shadow` or `$input-focus-box-shadow` value is set to `none`

Mixin `button-variant` outputs invalid `box-shadow` value when shadows are enabled and `$btn-box-shadow` or `$btn-active-box-shadow` value is set to `none`
@pat270 pat270 force-pushed the button-variant-form-control-focus branch from 3111299 to d3ac424 Compare January 13, 2018 00:28
@pat270
Copy link
Contributor Author

pat270 commented Jan 13, 2018

@XhmikosR I ended up using rebase instead of merge, sorry about that!

Copy link
Member

@XhmikosR XhmikosR left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@pat270: please rebase and remove the dist commit.

@mdo
Copy link
Member

mdo commented Jan 14, 2018

Cherry-picked ffcbdb5 into v4-dev to sidestep the rebase and what not :).

@mdo mdo closed this Jan 14, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants