Skip to content

Instantly share code, notes, and snippets.

@marcusig

marcusig/dark-mode-cross-to-arrow.css

Created August 4, 2022 06:35
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/18aef1dc466b38900f9bdf2c6200ef5f to your computer and use it in GitHub Desktop.
Save marcusig/18aef1dc466b38900f9bdf2c6200ef5f to your computer and use it in GitHub Desktop.
Download ZIP
Change the active layer close icon from a cross to an arrow
Raw
dark-mode-cross-to-arrow.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::after {
width: 15px;
transform-origin: 100%;
}
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.layer-choices-title > span a.close::after {
transform: translateX(8px) rotate(35deg);
}
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.layer-choices-title > span a.close::before {
transform: translateX(8px) rotate(-35deg);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment