Statistics
| Branch: | Tag: | Revision:

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

History | View | Annotate | Download (2.1 kB)

1
/* Variables.less
2
 * Variables to customize the look and feel of Bootstrap
3
 * ----------------------------------------------------- */
4

    
5
// Grays
6
@black:             #000;
7
@grayDark:          lighten(@black, 25%);
8
@gray:              lighten(@black, 50%);
9
@grayLight:         lighten(@black, 75%);
10
@grayLighter:       lighten(@black, 90%);
11
@white:             #fff;
12

    
13
// Accent Colors
14
@blue:              #3582AC;
15
@blueDark:          darken(@blue, 25%);
16
@green:             #46a546;
17
@red:               #9d261d;
18
@yellow:            #ffc40d;
19
@orange:            #f89406;
20
@pink:              #c3325f;
21
@purple:            #7a43b6;
22
@blueLight:         #80CFD1;
23
@grayExtra:         #CFCDC7;
24
@altColor:          #C3C3B9;
25

    
26
// Semantic colors
27
@linkColor:         #F89A1C;
28
@linkColorHover:    darken(@linkColor, 15);
29
@baseColor:         @blue;                  // Set a base color
30
@extraColor:        @blueLight;
31
@mainColor:         @black;
32
@shadowColor:       @grayExtra;
33
@menuLinkColor:     @linkColor;
34
@mainBorderColor:   @gray;
35
@buttonColor:       @white;
36
@buttonBg:          @baseColor;
37

    
38
// Baseline grid
39
@basefont:          14px;
40
@baseline:          22px;
41

    
42
// Griditude
43
// Modify the grid styles in mixins.less
44
@gridColumns:       12;
45
@gridColumnWidth:   60px;
46
@gridGutterWidth:   22px;
47
@extraSpace:        (@gridGutterWidth + @gridColumnWidth); // For our grid calculations
48
@siteWhiteSpace:    (@gridGutterWidth + @gridColumnWidth);
49
@siteWidth:         (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)) - 2 - 2*(@siteWhiteSpace);
50

    
51
// Color Scheme
52
// Use this to roll your own color schemes if you like (unused by Bootstrap by default)
53
@complement:        spin(@baseColor, 180);  // Determine a complementary color
54
@split1:            spin(@baseColor, 158);  // Split complements
55
@split2:            spin(@baseColor, -158);
56
@triad1:            spin(@baseColor, 135);  // Triads colors
57
@triad2:            spin(@baseColor, -135);
58
@tetra1:            spin(@baseColor, 90);   // Tetra colors
59
@tetra2:            spin(@baseColor, -90);
60
@analog1:           spin(@baseColor, 22);   // Analogs colors
61
@analog2:           spin(@baseColor, -22);
62