diff --git a/src/components/sprite-info/icon--hide.svg b/src/components/sprite-info/icon--hide.svg index 9463538707630dcc89773e8e0f9c5800a22a2a64..9925302db8723da99d3efb033d99b757cf750540 100644 Binary files a/src/components/sprite-info/icon--hide.svg and b/src/components/sprite-info/icon--hide.svg differ diff --git a/src/components/sprite-info/icon--show.svg b/src/components/sprite-info/icon--show.svg index db06b704809d81c056f3873dcb1583ffc82afb9a..ddd4f5e0f8a6d554ad7ee5ec459ed1f7224f8f0a 100644 Binary files a/src/components/sprite-info/icon--show.svg and b/src/components/sprite-info/icon--show.svg differ diff --git a/src/components/sprite-info/icon--x.svg b/src/components/sprite-info/icon--x.svg index 4d3cbc3a1cd7c5ddd964416e8d4fe750d1b924f2..57b1852f587167e33499b395c083939c4ae21059 100644 Binary files a/src/components/sprite-info/icon--x.svg and b/src/components/sprite-info/icon--x.svg differ diff --git a/src/components/sprite-info/icon--y.svg b/src/components/sprite-info/icon--y.svg index 5fe7df308aa6b56b20450b97093ca767bf5c08e2..f8eab05ef0a6b673869d6db5ffaa321029f98d9d 100644 Binary files a/src/components/sprite-info/icon--y.svg and b/src/components/sprite-info/icon--y.svg differ diff --git a/src/components/sprite-info/sprite-info.css b/src/components/sprite-info/sprite-info.css index e6a758d1c44936e7f3a35a9faa7a2cda6ee6a2a8..16803973b360a6d1df6e2294b3e6b88393007cd3 100644 --- a/src/components/sprite-info/sprite-info.css +++ b/src/components/sprite-info/sprite-info.css @@ -35,9 +35,9 @@ We're overriding the global, which we set to border-box */ box-sizing: content-box; - width: 1.25rem; - height: 1.25rem; - padding: calc($space / 2); + width: 1.0rem; + height: 1.0rem; + padding: 0.25rem; outline: none; user-select: none; } @@ -48,9 +48,16 @@ } /* @todo: refactor radio divs to input */ -.radio { opacity: 0.4; cursor: pointer; } -.radio.is-active { opacity: 1; } -.radio.is-disabled { cursor: default; } +.radio { + filter: saturate(0); + cursor: pointer; +} +.radio.is-active { + filter: none; +} +.radio.is-disabled { + cursor: default; +} .radio-left { border: 1px solid $form-border;