@import "colors";

/* media queries breakpoints */
$media_breakpoint_l: 1380px;
$media_breakpoint_m: 1200px;


$root_max_width: 1540px;
$root_min_width: 1170px;

$footer_height: 125px;

$error_highlight_red: rgba(211, 97, 88, .3);

/* font weights */
$weight_light: 300;
$weight_book: 400;
$weight_bold: 500;
$weight_extra_bold: 700;

/* font sizes */
$font_size_default: 14px;
$font_size_small: 12px;
$font_size_heading_s: 16px;
$font_size_heading_m: 18px;
$font_size_heading_x: 24px;
$font_size_heading_xl: 32px;

$_font_size_label_medium: 12px;
$_font_size_label_default: 11px;
$_font_size_label_small: 10px;

/* line heights */
/* stylelint-disable unit-blacklist */
$line_height_default: 1.2em;
$line_height_heading: 1.38em;
$line_height_control: 1.43em;
$line_height_view: 30px;
$margin_view: 13px;
/* stylelint-enable unit-blacklist */

/* Borders */
$border_size_default: 1px;
$border_size_marker: 3px;
$border_main: $border_size_default solid $color_control_border_main;
$border_secondary: $border_size_default solid $color_control_border_secondary;
$border_control_default: $border_main;
$border_control_input: $border_size_default solid $color_control_border_input;
$border_radius_main: 3px;
$border_radius_secondary: 2px;

/* Offsets */
$offset_main: 10px;
$offset_main_half: 5px;
$layout_header_bottom_offset: $offset_main;
$menu_element_horizontal_padding: $offset_main * 2;
$menu_element_horizontal_padding_m: $offset_main * 1.5;
$submenu_element_horizontal_padding: 12px;

/* Controls sizes */
$control_form_size: 16px;

$control_height_small: 19px;
$control_height_normal: 30px;
$control_height_large: 40px;

$control_side_padding_normal: $offset_main * 1.5;

$default_transition_on: all .2s ease;
$default_transition_off: all .05s ease;
$artistic_transition_function: cubic-bezier(.42,0,.08,1);
$artistic_transition_duration: .25s;
$artistic_transition_duration_off: .15s;
$toggle_transition: all $artistic_transition_duration $artistic_transition_function;
$toggle_transition_off: all $artistic_transition_duration_off $artistic_transition_function;

/* Shadows */
$control_box-shadow_default: inset 0 0 0 rgba($black ,0), inset 0 0 0 0 rgba($black, 0), 0 0 0 rgba($black ,0);
$control_box-shadow_hover: inset 0 0 0 rgba($black ,0), inset 0 0 0 0 rgba($black, 0), 0 1px 1px 0 rgba($black ,0.1);
$control_box-shadow_active: inset 0 0 5px rgba($black ,0.2), inset 0 1px 1px rgba($black, 0.1), 0 0 0 rgba($black ,0.1);
$control_box-shadow_primary_active: inset 0 0 5px rgba($black ,0.2), inset 0 1px 0 rgba($black, 0.3), 0 0 0 rgba($black ,0.1);
$panel_box_shadow: 0 1px 5px 0 rgba($black, .2);
$control_box_shadow: 0 0 4px 0 rgba($color_action_main, .5);

/* Elements sizes */
$icon-default-size: 16px;
$icon-medium-size: 20px;
$icon-medium-to-big-size: 25px;
$icon-big-size: 32px;
$piechart-legend-color-size: 12px;

/* Login and password */
$appuser_width: 640px;
$appuser_height: 340px;
$login_top_height: 54px;

/* Grid */
$grid_columns: 12;

/* Big element sizes */
$appuser_edit_width: 350px;
$form_item_standart_width: 330px;
$list_max-height: 240px;


/* Field sizes */
$duration_field_width: 70px;
$short_number_field_width: 60px;
$per_page_select_width: 150px;

$in_page_search_width: 520px;
$form_item_publisher_width: 160px;
$form_item_now_view_width: 300px;

$select_filter_default_width: 220px;
$datepicker-width: 150px;

$text_node_paragraph_top_offset: .6em;