winbox-ui-next/es/page-header/style/token.less

We Design Vue 2.0: A Vue.js 3 UI Library

@import '../../style/theme/index.less';

@page-header-padding-left: @spacing-9;
@page-header-padding-right: @spacing-9;
@page-header-padding-vertical: @spacing-7;
@page-header-padding-vertical_breadcrumb: @spacing-6;
@page-header-color-back-icon: var(~'@{winbox-cssvars-prefix}-color-text-2');
@page-header-size-back-icon: 18px;
@page-header-margin-right: @spacing-6;
@page-header-margin-back-icon-right: @spacing-3;
@page-header-line-height: @size-5;
@page-header-color-title-text: var(~'@{winbox-cssvars-prefix}-color-text-1');
@page-header-weight-title-text: @font-weight-500;
@page-header-size-title-text: @font-size-title-1;

@page-header-color-sub-title-text: var(
  ~'@{winbox-cssvars-prefix}-color-text-3'
);
@page-header-size-sub-title-text: @font-size-body-3;
@page-header-padding-content-vertical: @spacing-5;
@page-header-padding-content-horizontal: @spacing-9;
@page-header-margin-breadcrumb-bottom: @spacing-6;