I’m looking to convert a “checkbox” into an “x-box” - LOL.
Basically, I’m trying to replace the “check” with an “x”. However, I can’t even figure out how the check itself gets in there.
Here’s the SASS for it :
// the checkmark within the box
.checkbox input:after,
.checkbox-icon:after {
@include transition(opacity .05s ease-in-out);
@include rotate(-45deg);
position: absolute;
top: 30%;
left: 26%;
display: table;
width: ($checkbox-width / 2) + 1;
height: ($checkbox-width / 3) + 1;
border: $checkbox-check-width solid $checkbox-check-color;
border-top: 0;
border-right: 0;
content: ' ';
opacity: 0;
}
Does anyone have ideas for this? I tried putting something like \f129
in the content
, but that does not work.
Is that “check” really just a stylized, native checkmark and not an icon?