Statistics
| Branch: | Tag: | Revision:

root / snf-astakos-app / astakos / im / static / im / less / variables.less @ cf4c546f

History | View | Annotate | Download (2.1 kB)

1 13858d75 Kostas Papadimitriou
/* Variables.less
2 13858d75 Kostas Papadimitriou
 * Variables to customize the look and feel of Bootstrap
3 13858d75 Kostas Papadimitriou
 * ----------------------------------------------------- */
4 13858d75 Kostas Papadimitriou
5 13858d75 Kostas Papadimitriou
// Grays
6 13858d75 Kostas Papadimitriou
@black:             #000;
7 13858d75 Kostas Papadimitriou
@grayDark:          lighten(@black, 25%);
8 13858d75 Kostas Papadimitriou
@gray:              lighten(@black, 50%);
9 13858d75 Kostas Papadimitriou
@grayLight:         lighten(@black, 75%);
10 13858d75 Kostas Papadimitriou
@grayLighter:       lighten(@black, 90%);
11 13858d75 Kostas Papadimitriou
@white:             #fff;
12 13858d75 Kostas Papadimitriou
13 13858d75 Kostas Papadimitriou
// Accent Colors
14 13858d75 Kostas Papadimitriou
@blue:              #3582AC;
15 13858d75 Kostas Papadimitriou
@blueDark:          darken(@blue, 25%);
16 13858d75 Kostas Papadimitriou
@green:             #46a546;
17 13858d75 Kostas Papadimitriou
@red:               #9d261d;
18 13858d75 Kostas Papadimitriou
@yellow:            #ffc40d;
19 13858d75 Kostas Papadimitriou
@orange:            #f89406;
20 13858d75 Kostas Papadimitriou
@pink:              #c3325f;
21 13858d75 Kostas Papadimitriou
@purple:            #7a43b6;
22 13858d75 Kostas Papadimitriou
@blueLight:         #80CFD1;
23 13858d75 Kostas Papadimitriou
@grayExtra:         #CFCDC7;
24 13858d75 Kostas Papadimitriou
@altColor:          #C3C3B9;
25 13858d75 Kostas Papadimitriou
26 13858d75 Kostas Papadimitriou
// Semantic colors
27 13858d75 Kostas Papadimitriou
@linkColor:         #F89A1C;
28 13858d75 Kostas Papadimitriou
@linkColorHover:    darken(@linkColor, 15);
29 13858d75 Kostas Papadimitriou
@baseColor:         @blue;                  // Set a base color
30 13858d75 Kostas Papadimitriou
@extraColor:        @blueLight;
31 13858d75 Kostas Papadimitriou
@mainColor:         @black;
32 13858d75 Kostas Papadimitriou
@shadowColor:       @grayExtra;
33 13858d75 Kostas Papadimitriou
@menuLinkColor:     @linkColor;
34 13858d75 Kostas Papadimitriou
@mainBorderColor:   @gray;
35 13858d75 Kostas Papadimitriou
@buttonColor:       @white;
36 13858d75 Kostas Papadimitriou
@buttonBg:          @baseColor;
37 13858d75 Kostas Papadimitriou
38 13858d75 Kostas Papadimitriou
// Baseline grid
39 13858d75 Kostas Papadimitriou
@basefont:          14px;
40 13858d75 Kostas Papadimitriou
@baseline:          22px;
41 13858d75 Kostas Papadimitriou
42 13858d75 Kostas Papadimitriou
// Griditude
43 13858d75 Kostas Papadimitriou
// Modify the grid styles in mixins.less
44 13858d75 Kostas Papadimitriou
@gridColumns:       12;
45 13858d75 Kostas Papadimitriou
@gridColumnWidth:   60px;
46 13858d75 Kostas Papadimitriou
@gridGutterWidth:   22px;
47 13858d75 Kostas Papadimitriou
@extraSpace:        (@gridGutterWidth + @gridColumnWidth); // For our grid calculations
48 13858d75 Kostas Papadimitriou
@siteWhiteSpace:    (@gridGutterWidth + @gridColumnWidth);
49 13858d75 Kostas Papadimitriou
@siteWidth:         (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)) - 2 - 2*(@siteWhiteSpace);
50 13858d75 Kostas Papadimitriou
51 13858d75 Kostas Papadimitriou
// Color Scheme
52 13858d75 Kostas Papadimitriou
// Use this to roll your own color schemes if you like (unused by Bootstrap by default)
53 13858d75 Kostas Papadimitriou
@complement:        spin(@baseColor, 180);  // Determine a complementary color
54 13858d75 Kostas Papadimitriou
@split1:            spin(@baseColor, 158);  // Split complements
55 13858d75 Kostas Papadimitriou
@split2:            spin(@baseColor, -158);
56 13858d75 Kostas Papadimitriou
@triad1:            spin(@baseColor, 135);  // Triads colors
57 13858d75 Kostas Papadimitriou
@triad2:            spin(@baseColor, -135);
58 13858d75 Kostas Papadimitriou
@tetra1:            spin(@baseColor, 90);   // Tetra colors
59 13858d75 Kostas Papadimitriou
@tetra2:            spin(@baseColor, -90);
60 13858d75 Kostas Papadimitriou
@analog1:           spin(@baseColor, 22);   // Analogs colors
61 13858d75 Kostas Papadimitriou
@analog2:           spin(@baseColor, -22);