@hashicorp/react-subnav
Version:
Displays a navigation bar, with links and a call-to-action.
43 lines (37 loc) • 842 B
CSS
/**
* 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);
}
}