@hashicorp/react-subnav/partials/DropdownTrigger/style.module.css

Displays a navigation bar, with links and a call-to-action.

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

/* Note: consumes from theme.module.css, as marked */

.root {
  composes: g-type-body-small-strong from global;
  border: none;
  background: none;
  align-items: center;
  display: flex;
  height: 100%;
  line-height: 2.5rem;
  padding-left: 16px;
  position: relative;
  white-space: nowrap;
  cursor: pointer;

  & svg {
    margin-top: 1px;
    margin-bottom: -1px;
    margin-left: 6px;
    width: 12px;
    height: 12px;
    transition: transform 0.3s;
    transform: rotate(-180deg);
    & [stroke] {
      stroke-width: 2.5;
      stroke: var(--menu-item-text-color); /* from theme.module.css */
    }

    & [fill] {
      fill: var(--menu-item-text-color); /* from theme.module.css */
    }
  }

  &.isCollapsed svg {
    transform: rotate(0deg);
  }
}