@bee-design/ui/lib/PageHeader/style/index.css

Bee Design React UI Library.

.bee-page-header{padding:16px 0}.bee-breadcrumb+.bee-page-header-head{margin-top:4px}.bee-page-header-head{display:flex;align-items:center;justify-content:space-between;line-height:28px}.bee-page-header-head-left{display:flex;align-items:center}.bee-page-header-head-wrapper{padding-left:24px;padding-right:20px}.bee-page-header-head-main{display:flex;align-items:center;min-height:30px;overflow:hidden}.bee-page-header-head-main-with-back{margin-left:-8px;padding-left:8px}.bee-page-header-head-extra{white-space:nowrap}.bee-page-header .bee-icon-hover.bee-page-header-icon-hover::before{width:30px;height:30px}.bee-page-header .bee-icon-hover.bee-page-header-icon-hover:hover::before{background-color:var(--bee-color-fill-2)}.bee-page-header-back{color:var(--bee-color-text-2);font-size:14px;margin-right:12px}.bee-page-header-back:focus-visible::before{box-shadow:inset 0 0 0 2px var(--bee-color-primary-light-3)}.bee-page-header-back-icon{position:relative}.bee-page-header-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--bee-color-text-1);font-size:14px;font-weight:600}.bee-page-header-divider{width:1px;margin-left:12px;margin-right:12px;height:16px;background-color:var(--bee-color-fill-3)}.bee-page-header-sub-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--bee-color-text-3);font-size:14px}.bee-page-header-content{padding:20px 32px;border-top:1px solid var(--bee-color-neutral-3)}.bee-page-header-footer{padding:16px 20px 0 24px}.bee-page-header-with-breadcrumb{padding:12px 0}.bee-page-header-with-breadcrumb .bee-page-header-footer{padding-top:12px}.bee-page-header-with-content .bee-page-header-head-wrapper{padding-bottom:12px}.bee-page-header-with-footer{padding-bottom:0}.bee-page-header-wrap .bee-page-header-head{flex-wrap:wrap}.bee-page-header-wrap .bee-page-header-head .bee-page-header-head-extra{margin-top:4px}.bee-page-header-rtl .bee-page-header-head-wrapper{padding-left:20px;padding-right:24px}.bee-page-header-rtl .bee-page-header-head-main-with-back{margin-right:-8px;padding-right:8px;margin-left:0;padding-left:0}.bee-page-header-rtl .bee-page-header-back{margin-left:12px;margin-right:0}.bee-page-header-rtl .bee-page-header-divider{margin-right:12px;margin-left:12px}