• Home
• org.scala-lang
• scaladoc_3
• 3.6.0-RC1-bin-20240823-5101daf-NIGHTLY
• source code
• icon-button.css

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

dotty_res.styles.theme.components.button.icon-button.css Maven / Gradle / Ivy

.icon-button {
  background: unset;
  border: none;
  cursor: pointer;
  outline: none !important;
  padding: 0;
  height: 16px;
  width: 16px;
}

.icon-button:hover {
  cursor: pointer;
}

.icon-button::after {
  width: calc(2 * var(--base-spacing));
  height: calc(2 * var(--base-spacing));
}

.icon-button:focus-visible {
  box-shadow: 0px 0px 0px 2px var(--focus-default);
  border-radius: 4px;
}

.icon-button:disabled {
  opacity: 0.5;
}

/* theme-toggle button */

#theme-toggle.icon-button::after {
  content: url("../../../../images/icon-buttons/moon/light/default.svg");
}

#theme-toggle.icon-button:hover::after {
  content: url("../../../../images/icon-buttons/moon/light/hover.svg");
}

#theme-toggle.icon-button:active::after {
  content: url("../../../../images/icon-buttons/moon/light/active.svg");
}

#theme-toggle.icon-button:disabled::after {
  content: url("../../../../images/icon-buttons/moon/light/disabled.svg");
}

#theme-toggle.icon-button:focus::after {
  content: url("../../../../images/icon-buttons/moon/light/focus.svg");
}

#theme-toggle.icon-button.selected::after {
  content: url("../../../../images/icon-buttons/moon/light/selected.svg");
}

#theme-toggle.icon-button:focus::after {
  content: url("../../../../images/icon-buttons/moon/light/focus.svg");
}

.theme-dark #theme-toggle.icon-button::after {
  content: url("../../../../images/icon-buttons/sun/dark/default.svg");
}

.theme-dark #theme-toggle.icon-button:hover::after {
  content: url("../../../../images/icon-buttons/sun/dark/hover.svg");
}

.theme-dark #theme-toggle.icon-button:active::after {
  content: url("../../../../images/icon-buttons/sun/dark/active.svg");
}

.theme-dark #theme-toggle.icon-button:disabled::after {
  content: url("../../../../images/icon-buttons/sun/dark/disabled.svg");
}

.theme-dark #theme-toggle.icon-button:focus::after {
  content: url("../../../../images/icon-buttons/sun/dark/focus.svg");
}

.theme-dark #theme-toggle.icon-button.selected::after {
  content: url("../../../../images/icon-buttons/sun/dark/selected.svg");
}

.theme-dark #theme-toggle.icon-button:focus::after {
  content: url("../../../../images/icon-buttons/sun/dark/focus.svg");
}

/* search-toggle button */

#search-toggle.icon-button::after {
  content: url("../../../../images/icon-buttons/search/light/default.svg");
}

#search-toggle.icon-button:hover::after {
  content: url("../../../../images/icon-buttons/search/light/hover.svg");
}

#search-toggle.icon-button:active::after {
  content: url("../../../../images/icon-buttons/search/light/active.svg");
}

#search-toggle.icon-button:disabled::after {
  content: url("../../../../images/icon-buttons/search/light/disabled.svg");
}

#search-toggle.icon-button:focus::after {
  content: url("../../../../images/icon-buttons/search/light/focus.svg");
}

#search-toggle.icon-button.selected::after {
  content: url("../../../../images/icon-buttons/search/light/selected.svg");
}

.theme-dark #search-toggle.icon-button::after {
  content: url("../../../../images/icon-buttons/search/dark/default.svg");
}

.theme-dark #search-toggle.icon-button:hover::after {
  content: url("../../../../images/icon-buttons/search/dark/hover.svg");
}

.theme-dark #search-toggle.icon-button:active::after {
  content: url("../../../../images/icon-buttons/search/dark/active.svg");
}

.theme-dark #search-toggle.icon-button:disabled::after {
  content: url("../../../../images/icon-buttons/search/dark/disabled.svg");
}

.theme-dark #search-toggle.icon-button:focus::after {
  content: url("../../../../images/icon-buttons/search/dark/focus.svg");
}

.theme-dark #search-toggle.icon-button.selected::after {
  content: url("../../../../images/icon-buttons/search/dark/selected.svg");
}

/* hamburger button */
.icon-button.hamburger::after {
  content: url("../../../../images/icon-buttons/hamburger/light/default.svg");
}

.icon-button.hamburger:hover::after {
  content: url("../../../../images/icon-buttons/hamburger/light/hover.svg");
}

.icon-button.hamburger:active::after {
  content: url("../../../../images/icon-buttons/hamburger/light/active.svg");
}

.icon-button.hamburger:disabled::after {
  content: url("../../../../images/icon-buttons/hamburger/light/disabled.svg");
}

.icon-button.hamburger:focus::after {
  content: url("../../../../images/icon-buttons/hamburger/light/focus.svg");
}

.icon-button.hamburger.selected::after {
  content: url("../../../../images/icon-buttons/hamburger/light/selected.svg");
}

.theme-dark .icon-button.hamburger::after {
  content: url("../../../../images/icon-buttons/hamburger/dark/default.svg");
}

.theme-dark .icon-button.hamburger:hover::after {
  content: url("../../../../images/icon-buttons/hamburger/dark/hover.svg");
}

.theme-dark .icon-button.hamburger:active::after {
  content: url("../../../../images/icon-buttons/hamburger/dark/active.svg");
}

.theme-dark .icon-button.hamburger:disabled::after {
  content: url("../../../../images/icon-buttons/hamburger/dark/disabled.svg");
}

.theme-dark .icon-button.hamburger:focus::after {
  content: url("../../../../images/icon-buttons/hamburger/dark/focus.svg");
}

.theme-dark .icon-button.hamburger.selected::after {
  content: url("../../../../images/icon-buttons/hamburger/dark/selected.svg");
}

/*navigation arrow button */

.ar.icon-button::after {
  content: url("../../../../images/icon-buttons/arrow-right/light/default.svg");
}

.ar.icon-button:hover::after {
  content: url("../../../../images/icon-buttons/arrow-right/light/hover.svg");
}

.ar.icon-button:active::after {
  content: url("../../../../images/icon-buttons/arrow-right/light/active.svg");
}

.ar.icon-button:disabled::after {
  content: url("../../../../images/icon-buttons/arrow-right/light/disabled.svg");
}

.ar.icon-button:focus::after {
  content: url("../../../../images/icon-buttons/arrow-right/light/focus.svg");
}

.ar.icon-button.selected::after {
  content: url("../../../../images/icon-buttons/arrow-right/light/selected.svg");
}

.theme-dark .ar.icon-button::after {
  content: url("../../../../images/icon-buttons/arrow-right/dark/default.svg");
}

.theme-dark .ar.icon-button:hover::after {
  content: url("../../../../images/icon-buttons/arrow-right/dark/hover.svg");
}

.theme-dark .ar.icon-button:active::after {
  content: url("../../../../images/icon-buttons/arrow-right/dark/active.svg");
}

.theme-dark .ar.icon-button:disabled::after {
  content: url("../../../../images/icon-buttons/arrow-right/dark/disabled.svg");
}

.theme-dark .ar.icon-button:focus::after {
  content: url("../../../../images/icon-buttons/arrow-right/dark/focus.svg");
}

.theme-dark .ar.icon-button.selected::after {
  content: url("../../../../images/icon-buttons/arrow-right/dark/selected.svg");
}

.ar.icon-button.expanded::after {
  content: url("../../../../images/icon-buttons/arrow-down/light/default.svg");
}

.ar.icon-button.expanded:hover::after {
  content: url("../../../../images/icon-buttons/arrow-down/light/hover.svg");
}

.ar.icon-button.expanded:active::after {
  content: url("../../../../images/icon-buttons/arrow-down/light/active.svg");
}

.ar.icon-button.expanded:disabled::after {
  content: url("../../../../images/icon-buttons/arrow-down/light/disabled.svg");
}

.ar.icon-button.expanded:focus::after {
  content: url("../../../../images/icon-buttons/arrow-down/light/focus.svg");
}

.ar.icon-button.expanded.selected::after {
  content: url("../../../../images/icon-buttons/arrow-down/light/selected.svg");
}

.theme-dark .ar.icon-button.expanded::after {
  content: url("../../../../images/icon-buttons/arrow-down/dark/default.svg");
}

.theme-dark .ar.icon-button.expanded:hover::after {
  content: url("../../../../images/icon-buttons/arrow-down/dark/hover.svg");
}

.theme-dark .ar.icon-button.expanded:active::after {
  content: url("../../../../images/icon-buttons/arrow-down/dark/active.svg");
}

.theme-dark .ar.icon-button.expanded:disabled::after {
  content: url("../../../../images/icon-buttons/arrow-down/dark/disabled.svg");
}

.theme-dark .ar.icon-button.expanded:focus::after {
  content: url("../../../../images/icon-buttons/arrow-down/dark/focus.svg");
}

.theme-dark .ar.icon-button.expanded.selected::after {
  content: url("../../../../images/icon-buttons/arrow-down/dark/selected.svg");
}



/* mobile menu toggler */

#mobile-menu-toggle.icon-button.menu-shown::after {
  content: url("../../../../images/icon-buttons/menu-animated/light/default.svg");
}

#mobile-menu-toggle.icon-button.menu-shown:hover::after {
  content: url("../../../../images/icon-buttons/menu-animated/light/hover.svg");
}

#mobile-menu-toggle.icon-button.menu-shown:active::after {
  content: url("../../../../images/icon-buttons/menu-animated/light/active.svg");
}

#mobile-menu-toggle.icon-button.menu-shown:disabled::after {
  content: url("../../../../images/icon-buttons/menu-animated/light/disabled.svg");
}

#mobile-menu-toggle.icon-button.menu-shown:focus::after {
  content: url("../../../../images/icon-buttons/menu-animated/light/focus.svg");
}

#mobile-menu-toggle.icon-button.menu-shown.selected::after {
  content: url("../../../../images/icon-buttons/menu-animated/light/selected.svg");
}

.theme-dark #mobile-menu-toggle.icon-button.menu-shown::after {
  content: url("../../../../images/icon-buttons/menu-animated/dark/default.svg");
}

.theme-dark #mobile-menu-toggle.icon-button.menu-shown:hover::after {
  content: url("../../../../images/icon-buttons/menu-animated/dark/hover.svg");
}

.theme-dark #mobile-menu-toggle.icon-button.menu-shown:active::after {
  content: url("../../../../images/icon-buttons/menu-animated/dark/active.svg");
}

.theme-dark #mobile-menu-toggle.icon-button.menu-shown:disabled::after {
  content: url("../../../../images/icon-buttons/menu-animated/dark/disabled.svg");
}

.theme-dark #mobile-menu-toggle.icon-button.menu-shown:focus::after {
  content: url("../../../../images/icon-buttons/menu-animated/dark/focus.svg");
}

.theme-dark #mobile-menu-toggle.icon-button.menu-shown.selected::after {
  content: url("../../../../images/icon-buttons/menu-animated/dark/selected.svg");
}

/* gh button */

.icon-button.gh::after {
  content: url("../../../../images/icon-buttons/gh/light/default.svg");
}

.icon-button.gh:hover::after {
  content: url("../../../../images/icon-buttons/gh/light/hover.svg");
}

.icon-button.gh:active::after {
  content: url("../../../../images/icon-buttons/gh/light/active.svg");
}

.icon-button.gh:disabled::after {
  content: url("../../../../images/icon-buttons/gh/light/disabled.svg");
}

.icon-button.gh:focus::after {
  content: url("../../../../images/icon-buttons/gh/light/focus.svg");
}

.icon-button.gh.selected::after {
  content: url("../../../../images/icon-buttons/gh/light/selected.svg");
}

.theme-dark .icon-button.gh::after {
  content: url("../../../../images/icon-buttons/gh/dark/default.svg");
}

.theme-dark .icon-button.gh:hover::after {
  content: url("../../../../images/icon-buttons/gh/dark/hover.svg");
}

.theme-dark .icon-button.gh:active::after {
  content: url("../../../../images/icon-buttons/gh/dark/active.svg");
}

.theme-dark .icon-button.gh:disabled::after {
  content: url("../../../../images/icon-buttons/gh/dark/disabled.svg");
}

.theme-dark .icon-button.gh:focus::after {
  content: url("../../../../images/icon-buttons/gh/dark/focus.svg");
}

.theme-dark .icon-button.gh.selected::after {
  content: url("../../../../images/icon-buttons/gh/dark/selected.svg");
}

/* twitter button */

.icon-button.twitter::after {
  content: url("../../../../images/icon-buttons/twitter/light/default.svg");
}

.icon-button.twitter:hover::after {
  content: url("../../../../images/icon-buttons/twitter/light/hover.svg");
}

.icon-button.twitter:active::after {
  content: url("../../../../images/icon-buttons/twitter/light/active.svg");
}

.icon-button.twitter:disabled::after {
  content: url("../../../../images/icon-buttons/twitter/light/disabled.svg");
}

.icon-button.twitter:focus::after {
  content: url("../../../../images/icon-buttons/twitter/light/focus.svg");
}

.icon-button.twitter.selected::after {
  content: url("../../../../images/icon-buttons/twitter/light/selected.svg");
}

.theme-dark .icon-button.twitter::after {
  content: url("../../../../images/icon-buttons/twitter/dark/default.svg");
}

.theme-dark .icon-button.twitter:hover::after {
  content: url("../../../../images/icon-buttons/twitter/dark/hover.svg");
}

.theme-dark .icon-button.twitter:active::after {
  content: url("../../../../images/icon-buttons/twitter/dark/active.svg");
}

.theme-dark .icon-button.twitter:disabled::after {
  content: url("../../../../images/icon-buttons/twitter/dark/disabled.svg");
}

.theme-dark .icon-button.twitter:focus::after {
  content: url("../../../../images/icon-buttons/twitter/dark/focus.svg");
}

.theme-dark .icon-button.twitter.selected::after {
  content: url("../../../../images/icon-buttons/twitter/dark/selected.svg");
}

/* discord button */

.icon-button.discord::after {
  content: url("../../../../images/icon-buttons/discord/light/default.svg");
}

.icon-button.discord:hover::after {
  content: url("../../../../images/icon-buttons/discord/light/hover.svg");
}

.icon-button.discord:active::after {
  content: url("../../../../images/icon-buttons/discord/light/active.svg");
}

.icon-button.discord:disabled::after {
  content: url("../../../../images/icon-buttons/discord/light/disabled.svg");
}

.icon-button.discord:focus::after {
  content: url("../../../../images/icon-buttons/discord/light/focus.svg");
}

.icon-button.discord.selected::after {
  content: url("../../../../images/icon-buttons/discord/light/selected.svg");
}

.theme-dark .icon-button.discord::after {
  content: url("../../../../images/icon-buttons/discord/dark/default.svg");
}

.theme-dark .icon-button.discord:hover::after {
  content: url("../../../../images/icon-buttons/discord/dark/hover.svg");
}

.theme-dark .icon-button.discord:active::after {
  content: url("../../../../images/icon-buttons/discord/dark/active.svg");
}

.theme-dark .icon-button.discord:disabled::after {
  content: url("../../../../images/icon-buttons/discord/dark/disabled.svg");
}

.theme-dark .icon-button.discord:focus::after {
  content: url("../../../../images/icon-buttons/discord/dark/focus.svg");
}

.theme-dark .icon-button.discord.selected::after {
  content: url("../../../../images/icon-buttons/discord/dark/selected.svg");
}

/* gitter button */

.icon-button.gitter::after {
  content: url("../../../../images/icon-buttons/gitter/light/default.svg");
}

.icon-button.gitter:hover::after {
  content: url("../../../../images/icon-buttons/gitter/light/hover.svg");
}

.icon-button.gitter:active::after {
  content: url("../../../../images/icon-buttons/gitter/light/active.svg");
}

.icon-button.gitter:disabled::after {
  content: url("../../../../images/icon-buttons/gitter/light/disabled.svg");
}

.icon-button.gitter:focus::after {
  content: url("../../../../images/icon-buttons/gitter/light/focus.svg");
}

.icon-button.gitter.selected::after {
  content: url("../../../../images/icon-buttons/gitter/light/selected.svg");
}

.theme-dark .icon-button.gitter::after {
  content: url("../../../../images/icon-buttons/gitter/dark/default.svg");
}

.theme-dark .icon-button.gitter:hover::after {
  content: url("../../../../images/icon-buttons/gitter/dark/hover.svg");
}

.theme-dark .icon-button.gitter:active::after {
  content: url("../../../../images/icon-buttons/gitter/dark/active.svg");
}

.theme-dark .icon-button.gitter:disabled::after {
  content: url("../../../../images/icon-buttons/gitter/dark/disabled.svg");
}

.theme-dark .icon-button.gitter:focus::after {
  content: url("../../../../images/icon-buttons/gitter/dark/focus.svg");
}

.theme-dark .icon-button.gitter.selected::after {
  content: url("../../../../images/icon-buttons/gitter/dark/selected.svg");
}

/* custom button */

.icon-button.custom-dark{
  display: none;
}

.icon-button.custom::after {
  content: "";
  background-image: var(--bgimage);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.theme-dark .icon-button.custom-dark{
  display: unset;
}

.theme-dark .icon-button.custom-dark::after{
  content: "";
  background-image: var(--bgimage-dark);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.theme-dark .icon-button.custom{
  display: none;
}

.icon-button.custom:hover{
  opacity: 0.8;
}

.icon-button.custom-dark:hover{
  opacity: 0.8;
}

/* copy button */

.icon-button.copy-button::after {
  content: url("../../../../images/icon-buttons/copy/light/default.svg");
}

.icon-button.copy-button:hover::after {
  content: url("../../../../images/icon-buttons/copy/light/hover.svg");
}

.icon-button.copy-button:active::after {
  content: url("../../../../images/icon-buttons/copy/light/active.svg");
}

.icon-button.copy-button:disabled::after {
  content: url("../../../../images/icon-buttons/copy/light/disabled.svg");
}

.icon-button.copy-button:focus::after {
  content: url("../../../../images/icon-buttons/copy/light/focus.svg");
}

.icon-button.copy-button.selected::after {
  content: url("../../../../images/icon-buttons/copy/light/selected.svg");
}

.theme-dark .icon-button.copy-button::after {
  content: url("../../../../images/icon-buttons/copy/dark/default.svg");
}

.theme-dark .icon-button.copy-button:hover::after {
  content: url("../../../../images/icon-buttons/copy/dark/hover.svg");
}

.theme-dark .icon-button.copy-button:active::after {
  content: url("../../../../images/icon-buttons/copy/dark/active.svg");
}

.theme-dark .icon-button.copy-button:disabled::after {
  content: url("../../../../images/icon-buttons/copy/dark/disabled.svg");
}

.theme-dark .icon-button.copy-button:focus::after {
  content: url("../../../../images/icon-buttons/copy/dark/focus.svg");
}

.theme-dark .icon-button.copy-button.selected::after {
  content: url("../../../../images/icon-buttons/copy/dark/selected.svg");
}

/* show-content button */

.icon-button.show-content::after {
  content: url("../../../../images/icon-buttons/plus/light/default.svg");
}

.icon-button.show-content:hover::after {
  content: url("../../../../images/icon-buttons/plus/light/hover.svg");
}

.icon-button.show-content:active::after {
  content: url("../../../../images/icon-buttons/plus/light/active.svg");
}

.icon-button.show-content:disabled::after {
  content: url("../../../../images/icon-buttons/plus/light/disabled.svg");
}

.icon-button.show-content:focus::after {
  content: url("../../../../images/icon-buttons/plus/light/focus.svg");
}

.icon-button.show-content.selected::after {
  content: url("../../../../images/icon-buttons/plus/light/selected.svg");
}

.theme-dark .icon-button.show-content::after {
  content: url("../../../../images/icon-buttons/plus/dark/default.svg");
}

.theme-dark .icon-button.show-content:hover::after {
  content: url("../../../../images/icon-buttons/plus/dark/hover.svg");
}

.theme-dark .icon-button.show-content:active::after {
  content: url("../../../../images/icon-buttons/plus/dark/active.svg");
}

.theme-dark .icon-button.show-content:disabled::after {
  content: url("../../../../images/icon-buttons/plus/dark/disabled.svg");
}

.theme-dark .icon-button.show-content:focus::after {
  content: url("../../../../images/icon-buttons/plus/dark/focus.svg");
}

.theme-dark .icon-button.show-content.selected::after {
  content: url("../../../../images/icon-buttons/plus/dark/selected.svg");
}

.icon-button.show-content.expand::after {
  content: url("../../../../images/icon-buttons/minus/light/default.svg");
}

.icon-button.show-content.expand:hover::after {
  content: url("../../../../images/icon-buttons/minus/light/hover.svg");
}

.icon-button.show-content.expand:active::after {
  content: url("../../../../images/icon-buttons/minus/light/active.svg");
}

.icon-button.show-content.expand:disabled::after {
  content: url("../../../../images/icon-buttons/minus/light/disabled.svg");
}

.icon-button.show-content.expand:focus::after {
  content: url("../../../../images/icon-buttons/minus/light/focus.svg");
}

.icon-button.show-content.expand.selected::after {
  content: url("../../../../images/icon-buttons/minus/light/selected.svg");
}

.theme-dark .icon-button.show-content.expand::after {
  content: url("../../../../images/icon-buttons/minus/dark/default.svg");
}

.theme-dark .icon-button.show-content.expand:hover::after {
  content: url("../../../../images/icon-buttons/minus/dark/hover.svg");
}

.theme-dark .icon-button.show-content.expand:active::after {
  content: url("../../../../images/icon-buttons/minus/dark/active.svg");
}

.theme-dark .icon-button.show-content.expand:disabled::after {
  content: url("../../../../images/icon-buttons/minus/dark/disabled.svg");
}

.theme-dark .icon-button.show-content.expand:focus::after {
  content: url("../../../../images/icon-buttons/minus/dark/focus.svg");
}

.theme-dark .icon-button.show-content.expand.selected::after {
  content: url("../../../../images/icon-buttons/minus/dark/selected.svg");
}

.icon-button.close:disabled {
  opacity: 0.5;
}

.icon-button.close::after {
  content: url("../../../../images/icon-buttons/close/light/default.svg");
}

.icon-button.close:hover::after {
  content: url("../../../../images/icon-buttons/close/light/hover.svg");
}

.icon-button.close:active::after {
  content: url("../../../../images/icon-buttons/close/light/active.svg");
}

.icon-button.close:disabled::after {
  content: url("../../../../images/icon-buttons/close/light/disabled.svg");
}

.icon-button.close:focus::after {
  content: url("../../../../images/icon-buttons/close/light/focus.svg");
}

.icon-button.close.selected::after {
  content: url("../../../../images/icon-buttons/close/light/selected.svg");
}

.theme-dark .icon-button.close::after {
  content: url("../../../../images/icon-buttons/close/dark/default.svg");
}

.theme-dark .icon-button.close:hover::after {
  content: url("../../../../images/icon-buttons/close/dark/hover.svg");
}

.theme-dark .icon-button.close:active::after {
  content: url("../../../../images/icon-buttons/close/dark/active.svg");
}

.theme-dark .icon-button.close:disabled::after {
  content: url("../../../../images/icon-buttons/close/dark/disabled.svg");
}

.theme-dark .icon-button.close:focus::after {
  content: url("../../../../images/icon-buttons/close/dark/focus.svg");
}

.theme-dark .icon-button.close.selected::after {
  content: url("../../../../images/icon-buttons/close/dark/selected.svg");
}


/* member list expanding arrow */

.documentableElement .ar.icon-button::after {
  content: url("../../../../images/icon-buttons/arrow-right/light/default.svg");
}

.documentableElement .ar.icon-button:hover::after {
  content: url("../../../../images/icon-buttons/arrow-right/light/hover.svg");
}

.documentableElement .ar.icon-button:active::after {
  content: url("../../../../images/icon-buttons/arrow-right/light/active.svg");
}

.documentableElement .ar.icon-button:disabled::after {
  content: url("../../../../images/icon-buttons/arrow-right/light/disabled.svg");
}

.documentableElement .ar.icon-button:focus::after {
  content: url("../../../../images/icon-buttons/arrow-right/light/focus.svg");
}

.documentableElement .ar.icon-button.selected::after {
  content: url("../../../../images/icon-buttons/arrow-right/light/selected.svg");
}

.theme-dark .documentableElement .ar.icon-button::after {
  content: url("../../../../images/icon-buttons/arrow-right/dark/default.svg");
}

.theme-dark .documentableElement .ar.icon-button:hover::after {
  content: url("../../../../images/icon-buttons/arrow-right/dark/hover.svg");
}

.theme-dark .documentableElement .ar.icon-button:active::after {
  content: url("../../../../images/icon-buttons/arrow-right/dark/active.svg");
}

.theme-dark .documentableElement .ar.icon-button:disabled::after {
  content: url("../../../../images/icon-buttons/arrow-right/dark/disabled.svg");
}

.theme-dark .documentableElement .ar.icon-button:focus::after {
  content: url("../../../../images/icon-buttons/arrow-right/dark/focus.svg");
}

.theme-dark .documentableElement .ar.icon-button.selected::after {
  content: url("../../../../images/icon-buttons/arrow-right/dark/selected.svg");
}

.documentableElement .ar.icon-button.expanded::after {
  content: url("../../../../images/icon-buttons/arrow-down/light/default.svg");
}

.documentableElement .ar.icon-button.expanded:hover::after {
  content: url("../../../../images/icon-buttons/arrow-down/light/hover.svg");
}

.documentableElement .ar.icon-button.expanded:active::after {
  content: url("../../../../images/icon-buttons/arrow-down/light/active.svg");
}

.documentableElement .ar.icon-button.expanded:disabled::after {
  content: url("../../../../images/icon-buttons/arrow-down/light/disabled.svg");
}

.documentableElement .ar.icon-button.expanded:focus::after {
  content: url("../../../../images/icon-buttons/arrow-down/light/focus.svg");
}

.documentableElement .ar.icon-button.expanded.selected::after {
  content: url("../../../../images/icon-buttons/arrow-down/light/selected.svg");
}

.theme-dark .documentableElement .ar.icon-button.expanded::after {
  content: url("../../../../images/icon-buttons/arrow-down/dark/default.svg");
}

.theme-dark .documentableElement .ar.icon-button.expanded:hover::after {
  content: url("../../../../images/icon-buttons/arrow-down/dark/hover.svg");
}

.theme-dark .documentableElement .ar.icon-button.expanded:active::after {
  content: url("../../../../images/icon-buttons/arrow-down/dark/active.svg");
}

.theme-dark .documentableElement .ar.icon-button.expanded:disabled::after {
  content: url("../../../../images/icon-buttons/arrow-down/dark/disabled.svg");
}

.theme-dark .documentableElement .ar.icon-button.expanded:focus::after {
  content: url("../../../../images/icon-buttons/arrow-down/dark/focus.svg");
}

.theme-dark .documentableElement .ar.icon-button.expanded.selected::after {
  content: url("../../../../images/icon-buttons/arrow-down/dark/selected.svg");
}