Skip to content

Commit

Permalink
fix: disabled button appearance fix - problem caused by including -we…
Browse files Browse the repository at this point in the history
…bkit-file-upload-button in the selector
  • Loading branch information
jonathanharrell committed Nov 5, 2017
1 parent b81cbe1 commit 1e80e09
Showing 1 changed file with 5 additions and 2 deletions.
7 changes: 5 additions & 2 deletions css/elements/buttons.pcss
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,6 @@
justify-content: center;
width: auto;
height: var(--button-height, 2.25rem);
overflow: visible;
margin: 0;
padding: var(--button-vertical-padding, 0) var(--button-horizontal-padding, 1rem);
border: var(--button-border-width, 1px) solid var(--button-border-color, hsl(210, 100%, 50%));
Expand Down Expand Up @@ -64,7 +63,6 @@ apply mixin to:
*/
@custom-selector :--button
button,
::-webkit-file-upload-button,
[role='button'],
[type='button'],
[type='submit'],
Expand All @@ -74,6 +72,11 @@ apply mixin to:
@mixin button;
}

/* styling file input button like a button */
::-webkit-file-upload-button {
@mixin button;
}

/* future-proof disabling of clicks on `<a>` elements */
fieldset[disabled] [role='button'] {
pointer-events: none;
Expand Down

0 comments on commit 1e80e09

Please sign in to comment.