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