modules/workspaces/css/workspaces.toolbar.css
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Styling for Workspaces module's toolbar tab.
 */

/* Toolbar tab */

.toolbar .toolbar-bar .workspaces-toolbar-tab {
  color: #000;
  background-color: #e09600;
}

.toolbar .toolbar-bar .workspaces-toolbar-tab--is-default {
  background-color: #81c071;
}

.toolbar-oriented .toolbar-bar .workspaces-toolbar-tab {
  float: right; /* LTR */

  /**
   * Chromium and Webkit do not yet support flow relative logical properties,
   * such as float: inline-end. However, PostCSS Logical does not compile this
   * value, so we accommodate by not using these.
   *
   * @see https://caniuse.com/mdn-css_properties_clear_flow_relative_values
   * @see https://github.com/csstools/postcss-plugins/issues/632
   */
}

:is(.toolbar-oriented .toolbar-bar .workspaces-toolbar-tab):dir(rtl) {
  float: left;
}

@media (min-width: 16.5rem) {
  .toolbar:not(.toolbar-oriented) .toolbar-bar .workspaces-toolbar-tab {
    float: right; /* LTR */

    /**
     * Chromium and Webkit do not yet support flow relative logical properties,
     * such as float: inline-end. However, PostCSS Logical does not compile this
     * value, so we accommodate by not using these.
     *
     * @see https://caniuse.com/mdn-css_properties_clear_flow_relative_values
     * @see https://github.com/csstools/postcss-plugins/issues/632
     */
  }
  :is(.toolbar:not(.toolbar-oriented) .toolbar-bar .workspaces-toolbar-tab):dir(rtl) {
    float: left;
  }
}

/* Link within the toolbar tab. */

.toolbar .toolbar-bar .workspaces-toolbar-tab .toolbar-item {
  width: 100%;
  margin: 0;
  text-align: start;
  color: inherit;
}

.toolbar-oriented :is(.toolbar .toolbar-bar .workspaces-toolbar-tab .toolbar-item) {
  width: auto;
  text-align: initial;
}

.toolbar .toolbar-icon-workspace::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e  %3cpath d='M14,12 L16,12 L16,0 L4,0 L4,2 L14,2 L14,12 Z M0,4 L12,4 L12,16 L0,16 L0,4 Z'/%3e%3c/svg%3e");
}

@media all and (max-width: 47.875rem) {
  .toolbar-oriented .toolbar-bar .workspaces-toolbar-tab .toolbar-icon-workspace {
    width: auto;
    max-width: 8em;
  }

  .toolbar .toolbar-bar .workspaces-toolbar-tab .toolbar-icon-workspace {
    overflow: hidden;
    padding-inline: 2.75em 1.3333em;
    white-space: nowrap;
    text-indent: 0;
    text-overflow: ellipsis;
  }

  .toolbar .toolbar-bar .workspaces-toolbar-tab .toolbar-icon-workspace::before {
    inset-inline-start: 0.6667em;
    width: 1.25rem;
    background-size: 100% auto;
  }
}
