preact-arco-design/es/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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:28px}.arco-page-header-head-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.arco-page-header-head-wrapper{padding-left:24px;padding-right:20px}.arco-page-header-head-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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;overflow:hidden}.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-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{-ms-flex-wrap:wrap;flex-wrap:wrap}.arco-page-header-wrap .arco-page-header-head .arco-page-header-head-extra{margin-top:4px}