vault/ui/app/styles/components/page-header-old.scss

48 lines
825 B
SCSS

@use '../utils/mixins';
@use '../utils/size_variables';
/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
.page-header {
padding-bottom: size_variables.$spacing-4;
padding-top: size_variables.$spacing-20;
.level {
align-items: flex-end;
}
.level-left,
.level-right {
flex-grow: 1;
flex-shrink: 1;
@include mixins.until(size_variables.$mobile) {
margin-top: 0.5rem;
}
}
.level-right {
@include mixins.from(size_variables.$mobile) {
justify-content: flex-end;
}
}
.title {
margin-top: size_variables.$spacing-16;
}
.title-with-icon {
display: flex;
}
.breadcrumb + .level .title {
margin-top: size_variables.$spacing-20;
}
.title .icon {
height: auto;
vertical-align: -0.15em;
width: auto;
}
}