index.scss
2.22 KB
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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
/**
* If you want to override some bootstrap variables, you have to change values here.
* The list of variables are listed here bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_variables.scss
*/
$icon-font-path: "../../bower_components/bootstrap-sass/assets/fonts/bootstrap/";
$fa-font-path: "../../bower_components/font-awesome/fonts";
@import "../../bower_components/font-awesome/scss/font-awesome.scss";
$navbar-height: 50px;
$navbar-padding-vertical: 9px;
$line-height-computed: 32px;
$brand-success: #1E96D0;
$text-color: #676767;
$panel-default-text: rgb(44, 62, 80);
$link-color: #007EBB;
$body-bg: #f5f8fa;
$page-header-border-color: #eee;
//global bg color
$main-bg-color: #e7ebee;
//primary colors
$primary-color: #03a9f4;
$primary-color-dark: #0288d1;
//OTHER COLORS
$default-bg-hover-color: #f8f8f8;
$red-color: #e84e40;
$red-color-dark: #dd191d;
$green-color: #8bc34a;
$green-color-dark: #689f38;
//GRID - media queries breakpoints
$break-xxs-min: 420px;
$break-xs-min: 768px;
$break-sm-min: 992px;
$break-xxs-max: ($break-xxs-min - 1);
$break-sm-max: ($break-sm-min - 1);
$break-xs-max: ($break-xs-min - 1);
// TODO: improve this method to collect all the paddings with a single var
$wrapper-padding: 15px 15px 35px 15px;
$wrapper-padding-top: 15px;
$wrapper-padding-right: 15px;
$wrapper-padding-bottom: 35px;
$wrapper-padding-left: 15px;
@import "../../bower_components/bootswatch/flatly/_variables.scss";
/**
* Do not remove the comments below. It's the markers used by wiredep to inject
* sass dependencies when defined in the bower.json of your dependencies
*/
// bower:scss
// endbower
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.thumbnail {
height: 200px;
img.pull-right {
width: 50px;
}
}
h1, h2, h3, h4, h5 {
color: #237394;
}
/**
* Do not remove the comments below. It's the markers used by gulp-inject to inject
* all your sass files automatically
*/
// injector
// endinjector
@import "../../bower_components/bootswatch/flatly/_bootswatch.scss";
@import "layout/scss/mixins";
@import "layout/scss/bootstrap-overrides";
@import "layout/scss/layout";
@import "layout/scss/sidebar";
@import "layout/scss/tables";
@import "layout/scss/forms";