.al-search-breadcrumb, .al-show-breadcrumb { font-size: $font-size-sm; margin-bottom: $spacer; } .al-show-breadcrumb .breadcrumb { background-color: transparent; margin-bottom: 0; padding: 0; .breadcrumb-item + .breadcrumb-item { padding-top: 2px; &::before { content: ''; } } } .breadcrumb-home-link { margin-bottom: ($spacer / 4); } .al-show-actions-box { border: $default-border-styling; background-color: $gray-200; font-size: $font-size-sm; height: 100%; margin-bottom: $spacer * 2; padding: ($spacer * .5) $spacer ($spacer * .75); @media (max-width: 767px) { margin-top: $spacer; } .al-collection-id { margin-bottom: $spacer * .75; } &-options { display: flex; align-items: center; } &-downloads { padding-top: $spacer * .25; white-space: nowrap; &-container { margin-top: $spacer * .5; } &-file { &.blacklight-icons { margin-right: $spacer * .5; svg { fill: $secondary; } } } } } .al-show-breadcrumb h1 { font-size: 1.5rem; &.media .col { padding-top: $spacer * .25; } } .breadcrumb-item { flex: 1 0 100%; &.al-bc-item { &::before { content: 'ยป' !important; } } } // Show page breadcrumbs @for $i from 1 to 14 { .breadcrumb-item.breadcrumb-item-#{$i}.media { padding-left: 0; @media (max-width: 767px) { &::before { padding-right: 0; } } @media (min-width: 768px) { padding-left: ($i - 1) * 10px; } } } // Show page metadata. // Indent to match terminal show page breadcrumb. @for $i from 1 to 14 { .al-metadata-section.breadcrumb-item-#{$i} { padding-left: 0; @media (min-width: 768px) { padding-left: ($i * 10) + 10px; } } } // Collapse +/- indicators .al-toggle-view-children { &::after { content: image-url('blacklight/plus.svg'); } &:not(.collapsed)::after { content: image-url('blacklight/minus.svg'); } } .al-toggle-children-container { margin-left: -1.5rem; } .bookmark-toggle .toggle-bookmark { display: inline; margin-bottom: 0; white-space: nowrap; } .bookmark-toggle { display: inline; } .al-hierarchy-side-content { .al-request-form { display: inline; float: right; } } .al-request-button { &.btn-link { font-weight: 600; line-height: 1; } @media (min-width: 1200px) { margin-right: ($spacer / 2); } &:before { content: "\0229F"; } } dl dd { overflow-wrap: break-word; } dl.deflist dt { text-align: left; } .chronlist-head, .list-head { caption-side: top; font-size: 1.25rem; font-weight: 500; margin-bottom: 1rem; } .chronlist th, .chronlist-item-date { font-weight: 500; } .chronlist-item-date { width: 15ch; } .chronlist-item-event { div:not(:last-child) { margin-bottom: 0.75rem; } } .text-underline { text-decoration: underline; }