Advertisement
brooklyndesignstudio

CSS Accordion +/- Buttons

Apr 16th, 2021 (edited)
309
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.38 KB | None | 0 0
  1. .plus:after {
  2.   content: "+";
  3.   display: inline;
  4.   float: right !important;
  5.   padding-right: 20px;
  6.   font-size: 2.1rem;
  7. }
  8. .plus:hover:after {
  9.   content: "-" !important;
  10.   font-size: 2.6rem;
  11. }
  12. [class*="reveal-only-trigger-"].opened .plus:after {
  13.   content: "-" !important;
  14.   font-size: 2.6rem;
  15. }
  16.  
  17. /*--- HTML ---*/
  18. <h4 style="cursor:pointer;">TEXT<span class="plus"></span></h4>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement