Sha256: 4189d5f0379cc4cd1bfd0069e8d08d678c1393977a85a315f74e52915314b0cf
Contents?: true
Size: 1.51 KB
Versions: 11
Compression:
Stored size: 1.51 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;
@media (max-width: 767.98px) {
border-bottom: 0;
}
}
.PageHeader-contextBar {
display: flex;
flex-flow: row;
justify-content: flex-end;
align-items: center;
}
.PageHeader-titleBar {
display: flex;
flex-flow: row;
justify-content: flex-end;
align-items: center; /* Keep back button vertically aligned. */
}
.PageHeader-title {
font-size: 24px;
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%;
}
/* Add 1 or 2 buttons to the right of the heading */
.PageHeader-actions {
margin: 0 0 0 var(--base-size-4);
justify-content: flex-end;
display: flex;
& + .PageHeader-description {
margin-top: var(--base-size-4);
}
}
.PageHeader-breadcrumbs {
display: block;
width: 100%;
margin-bottom: var(--base-size-8);
padding-bottom: var(--base-size-4);
}
.PageHeader-backButton {
margin-top: 2px; /* to center align with label */
margin-right: var(--base-size-4);
}
.PageHeader-parentLink {
flex: 1 1 auto;
margin-bottom: var(--base-size-4);
}
.PageHeader-contextBarActions {
margin: 0 0 0 var(--base-size-4);
}
Version data entries
11 entries across 11 versions & 1 rubygems