Sha256: b68a03a17b95b12fe47e3fd12a5f229a33e9c44867ecf60901c267c51f74d6ea
Contents?: true
Size: 1.53 KB
Versions: 6
Compression:
Stored size: 1.53 KB
Contents
/* OP PageHeader */
.PageHeader {
display: flex;
padding-bottom: var(--stack-padding-condensed);
margin-bottom: var(--stack-gap-normal);
border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted);
flex-flow: column;
}
.PageHeader--withTabNav {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.PageHeader-contextBar {
display: flex;
flex-flow: row;
justify-content: flex-end;
align-items: center;
margin-bottom: var(--base-size-8);
}
.PageHeader-titleBar {
display: flex;
flex-flow: row;
justify-content: flex-end;
align-items: center; /* Keep back button vertically aligned. */
margin-bottom: var(--base-size-8);
}
.PageHeader-title {
font-size: var(--text-title-size-medium);
font-weight: var(--base-text-weight-normal);
flex: 1 1 auto;
}
.PageHeader-title--large {
font-size: var(--text-title-size-large);
}
/* One-liner of supporting text */
.PageHeader-description {
font-size: var(--text-body-size-medium);
color: var(--fgColor-muted);
flex: 1 100%;
}
.PageHeader-tabNavBar {
overflow: auto;
}
.PageHeader-tabNavBar .PageHeader-tabNav {
min-width: max-content;
}
.PageHeader--withTabNav .PageHeader-description {
margin-bottom: var(--base-size-16);
}
.PageHeader-actions {
justify-content: flex-end;
display: flex;
align-items: center;
}
.PageHeader-breadcrumbs {
display: block;
width: 100%;
}
.PageHeader-leadingAction {
margin-top: 2px; /* to center align with label */
margin-right: var(--base-size-4);
}
.PageHeader-parentLink {
flex: 1 1 auto;
}
Version data entries
6 entries across 6 versions & 1 rubygems