otm-core/assets/css/sass/_base.scss at 238f64ba4abff0454b01063eedb7c7460172efb0 · OpenTreeMap/otm-core · GitHub

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
// Where assets used in url(...) are
//$staticUrl: '../../' !default;
$staticUrl: '../../';

// Fonts
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Roboto:100,400,700);
$base-font-family               : 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
$base-font-size                 : 62.5%;

// Colors
$paper                          : #ffffff;
$primary-color                  : #8baa3d !default; // OTM Green color
$secondary-color                : #56abb2 !default; // OTM Teal color
$success-color                  : #add142; // OTM Lime Green color
$warning-color                  : #e0c122; // Warning color
$alert-color                    : #df4425; // OTM Red color

$navbar-color                   : #42424a; // Navbar gray color
$well-color                     : #d1d2d4; // Well gray color

$main-text-color                : #231f20; // Black text color
$subtext-color                  : #799397; // Midtone gray text color
$light-gray-color               : #f1f2f2; // Light gray color

// Button Colors
$button-default                 : #f1f2f2;
$button-primary                 : #8baa3d;
$button-success                 : #add142;
$button-info                    : #5bc0de;
$button-warning                 : #f0ad4e;
$button-danger                  : #df4425;
$button-inverse                 : #231f20;

// Background Image
$background-image               : url('#{$staticUrl}img/default-background.jpg') !default; // Standard tree background

//Management
$body-management                : #f1f4f9;
$dark-primary                   : #3d404f;
$dark-secondary                 : #55555e;
$table-gray                     : #DFE2E8;


// Media Queries
$screen-xs    : "(max-width: 767px)";
$screen-gtxs  : "(min-width: 768px)";
$screen-sm    : "(min-width: 768px) and (max-width: 991px)";
$screen-gtsm  : "(min-width: 992px)";
$screen-ltmd  : "(max-width: 991px)";
$screen-md    : "(min-width: 992px) and (max-width: 1199px)";
$screen-ltlg  : "(max-width: 1199px)";
$screen-lg    : "(min-width: 1200px)";

// Dimensions
$search-button-group-width        : 128px;
$mobile-search-button-group-width : 137px;
$navbar-height                    :  45px;