Hide native inputs on Safari for iOS

This commit is contained in:
J. Ryan Stinnett 2020-09-29 16:36:28 +01:00
parent e18ff8debb
commit 3f2fa42b93
2 changed files with 2 additions and 6 deletions

View File

@ -23,9 +23,7 @@ limitations under the License.
align-items: center; align-items: center;
input[type='checkbox'] { input[type='checkbox'] {
appearance: none; display: none;
margin: 0;
padding: 0;
&:checked + div { &:checked + div {
background: $foreground; background: $foreground;

View File

@ -21,9 +21,7 @@ limitations under the License.
> input[type='checkbox'] { > input[type='checkbox'] {
// Remove the OS's representation // Remove the OS's representation
margin: 0; display: none;
padding: 0;
appearance: none;
&.focus-visible { &.focus-visible {
& + img { & + img {