Skip to content

Instantly share code, notes, and snippets.

@marcusig

marcusig/replace-cross-by-tick.css

Last active September 10, 2020 09:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save marcusig/e0aee92347cac7469d430a1da662a0c5 to your computer and use it in GitHub Desktop.
Save marcusig/e0aee92347cac7469d430a1da662a0c5 to your computer and use it in GitHub Desktop.
Download ZIP
Product configurator, replace cross by a "tick"
Raw
replace-cross-by-tick.css
.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