diff --git a/src/components/Consents/consents.module.scss b/src/components/Consents/consents.module.scss index 359751d31376a6d2886f9eb20a848a7ac594ac78..188960e5307e9f2a86ea466bf3ef69cfb4e85e98 100644 --- a/src/components/Consents/consents.module.scss +++ b/src/components/Consents/consents.module.scss @@ -6,8 +6,6 @@ padding: 1rem; } -@include customCheckBox(1.45rem); - .footerButtons { padding: 1rem 0; display: flex; diff --git a/src/styles/config/_typography.scss b/src/styles/config/_typography.scss index b37644cf618bfd9645ff710b02f4634c548e698a..ab39ae631ff26b2d1b0aa7fe03ebbca082f4a0a8 100644 --- a/src/styles/config/_typography.scss +++ b/src/styles/config/_typography.scss @@ -87,55 +87,3 @@ $main-spacing: 4px; border-radius: 5px; padding: 0.3rem; } -@mixin customCheckBox($size) { - .checkbox { - cursor: pointer; - margin: 0.5rem 0; - display: flex; - align-items: center; - width: fit-content; - font-size: 0.9rem; - color: $text-grey; - input { - margin: 0.5rem 1rem 0.5rem 0.5rem; - appearance: none; - -moz-appearance: none; - -webkit-appearance: none; - width: $size; - height: $size; - min-width: $size; - min-height: $size; - position: relative; - border: solid 2px $gold; - background: black; - border-radius: 2px; - cursor: pointer; - } - } - .answerChecked { - input { - &:before, - &:after { - content: ''; - position: absolute; - display: inline-block; - background: $gold; - border-radius: 0.5rem; - } - &:before { - width: 3px; - height: 12px; - left: 10px; - top: 4px; - transform: rotate(41deg); - } - &:after { - width: 3px; - height: 6px; - left: 5px; - top: 8px; - transform: rotate(133deg); - } - } - } -}