Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Product configurator, replace cross by a "tick"
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.layer-choices-title > span a.close::before,
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.layer-choices-title > span a.close:hover::before,
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.layer-choices-title > span a.close:focus::before {
width: 12px;
left: -7px;
transform: translateY(2px) rotate(45deg);
height: 3px;
transform-origin: 50%;
background-color: green;
}
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.layer-choices-title > span a.close::after,
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.layer-choices-title > span a.close:hover::after,
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.layer-choices-title > span a.close:focus::after {
width: 20px;
height: 3px;
left: 0;
transform: rotate(-45deg);
transform-origin: 50%;
background-color: green;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment