@arco-design/web-react/lib/PageHeader/style/index.css

Arco Design React UI Library.

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