/*************
 * Expanders *
 *************/
expander {
  min-width: 16px;
  min-height: 16px;
  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');

  &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }

  &:hover { color: lighten($fg_color,30%); } //only lightens the arrow

  &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
}