resources/assets/stylesheets/less/variables.less


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

@text-color:              #000;

@font-family-base:        "Lato", sans-serif;

@font-size-base:          14px;
@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px

@font-size-h1:            floor((@font-size-base * 1.4)); // ~36px
@font-size-h2:            floor((@font-size-base * 1.2)); // ~30px
@font-size-h3:            ceil((@font-size-base * 1.1)); // ~24px
@font-size-h4:            @font-size-base; // ~18px
@font-size-h5:            @font-size-base;
@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px

//** Unit-less `line-height` for use in components like buttons.
@line-height-base:        1.428571429; // 20/14
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px

//** By default, this inherits from the `<body>`.
@headings-font-family:    inherit;
@headings-font-weight:    550;
@headings-line-height:    1.1;
@headings-color:          @base-gray;

// Design specific
@bar-bottom-container-height: 40px;
@header-height: 70px;

// Drag & Drop specific:
@drag_and_drop_z_index:    1000;
@drag_and_drop_border:     1px solid @base-color;

//Avatar sizes:
@avatar-small:  25px;
@avatar-medium: 100px;
@avatar-normal: 250px;