devextreme/less/sources/widgets/material/size-schemes/compact.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/material/size-schemes/compact.less)
* Version: 19.2.6
* Build date: Thu Jan 30 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
@MATERIAL_SIZE_POSTFIX: ".compact";

// Font sizes
@MATERIAL_BASE_FONT_SIZE: 13px;
@MATERIAL_BASE_LINE_HEIGHT: 1.2857;

@MATERIAL_XL_FONT_SIZE: 24px;
@MATERIAL_L_FONT_SIZE: 20px;
@MATERIAL_M_FONT_SIZE: 16px;
@MATERIAL_S_FONT_SIZE: 14px;
@MATERIAL_XS_FONT_SIZE: 12px;

@MATERIAL_H1_FONT_SIZE: 64px;
@MATERIAL_H2_FONT_SIZE: 42px;
@MATERIAL_H3_FONT_SIZE: 20px;
@MATERIAL_H4_FONT_SIZE: 18px;
@MATERIAL_H5_FONT_SIZE: 16px;
@MATERIAL_H6_FONT_SIZE: 14px;

@MATERIAL_FORM_LABEL_FONT_SIZE: 12px;
@MATERIAL_FORM_GROUP_CAPTION_FONT_SIZE: 16px;
@MATERIAL_FORM_GROUP_CONTENT_PADDING_BOTTOM: 10px;

// Base sizes
@MATERIAL_BASE_INLINE_WIDGET_HEIGHT: 40px;
@MATERIAL_BASE_INLINE_BLOCK_HEIGHT: 15px;
@MATERIAL_BASE_ICON_SIZE: 18px;
@MATERIAL_BASE_INLINE_HORIZONTAL_PADDING: 8px;

@MATERIAL_BASE_BORDER_RADIUS: 2px;

@MATERIAL_GRID_BASE_NODATA_FONT_SIZE: 14px;
@MATERIAL_DATAGRID_CELL_PADDING: 7px;

@PIVOTGRID_EXPAND_ICON_OFFSET: -5px;
@PIVOTGRID_EXPAND_ICON_TEXT_OFFSET: 0;

@PIVOTGRID_EMPTY_COLUMN_WIDTH: 19px;

@PIVOTGRID_COMMON_LEFT_RIGHT_PADDING: 8px;
@PIVOTGRID_COMMON_TOP_BOTTOM_PADDING: 7px;
@PIVOTGRID_FIELD_INDICATORS_OFFSET: 6px;
@PIVOTGRID_INDICATORS_LINE_HEIGHT: 12px;

@TREELIST_EXPANDED_ICON_MARGIN_LEFT: 5px;
@TREELIST_COLLAPSED_ICON_MARGIN_LEFT: 6px;
@TREELIST_ICON_MARGIN_TOP: @MATERIAL_BASE_ICON_SIZE/2;

@dropdown-widgets-shadow: 0 2px 4px @selectbox-shadow-color;

@FILEMANAGER_TOOLBAR_SEPARATOR_HEIGHT: 26px;
@FILEMANAGER_TOOLBAR_VIEWMODE_WIDTH: 150px;
@FILEMANAGER_FILE_ACTIONS_BUTTON_WIDTH: 26px;
@FILEMANAGER_FILE_ACTIONS_BUTTON_HEIGHT: 18px;
@FILEMANAGER_FILE_ACTIONS_BUTTON_TOP_BOTTOM_PADDING: 9px;
@FILEMANAGER_CONTEXTMENU_TEXT_ITEM_LEFT_MARGIN: 30px;
@FILEMANAGER_LARGE_ICON_SIZE: 16px;

@GANTT_HEADER_ITEM_HEIGHT: 51px;
@GANTT_TASK_WRAPPER_PADDING_TOP: 9px;
@GANTT_TASK_HEIGHT: 20px;
@GANTT_DEPENDENCY_SUCCESSOR_SIZE: 10px;
@GANTT_MILESTONE_SIZE: 14px;

@MATERIAL_CHECKBOX_SIZE: 16px;
@MATERIAL_SWITCH_HEIGHT: 18px;
@MATERIAL_LIST_ITEM_HEIGHT: 36px;

@import (once) "shared/base.less";

.dx-size-compact;