root / snf-astakos-app / astakos / im / static / im / less / variables.less @ fb9d96e9
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); |