bootplus-rails 0.0.1 → 0.0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- data/lib/bootplus/rails/version.rb +1 -1
- data/vendor/assets/javascripts/bootstrap-affix.js +117 -0
- data/vendor/assets/javascripts/bootstrap-alert.js +99 -0
- data/vendor/assets/javascripts/bootstrap-button.js +105 -0
- data/vendor/assets/javascripts/bootstrap-carousel.js +207 -0
- data/vendor/assets/javascripts/bootstrap-collapse.js +167 -0
- data/vendor/assets/javascripts/bootstrap-dropdown.js +169 -0
- data/vendor/assets/javascripts/bootstrap-modal.js +247 -0
- data/vendor/assets/javascripts/bootstrap-popover.js +114 -0
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +162 -0
- data/vendor/assets/javascripts/bootstrap-tab.js +144 -0
- data/vendor/assets/javascripts/bootstrap-tooltip.js +361 -0
- data/vendor/assets/javascripts/bootstrap-transition.js +60 -0
- data/vendor/assets/javascripts/bootstrap-typeahead.js +335 -0
- data/vendor/assets/stylesheets/accordion.less +34 -0
- data/vendor/assets/stylesheets/alerts.less +79 -0
- data/vendor/assets/stylesheets/bootplus/accordion.less +24 -0
- data/vendor/assets/stylesheets/bootplus/alerts.less +13 -0
- data/vendor/assets/stylesheets/bootplus/bootplus.less +92 -0
- data/vendor/assets/stylesheets/bootplus/button-groups.less +23 -0
- data/vendor/assets/stylesheets/bootplus/buttons.less +272 -0
- data/vendor/assets/stylesheets/bootplus/cards.less +243 -0
- data/vendor/assets/stylesheets/bootplus/dropdowns.less +124 -0
- data/vendor/assets/stylesheets/bootplus/forms.less +119 -0
- data/vendor/assets/stylesheets/bootplus/hero-unit.less +9 -0
- data/vendor/assets/stylesheets/bootplus/icons.less +22 -0
- data/vendor/assets/stylesheets/bootplus/labels-badges.less +22 -0
- data/vendor/assets/stylesheets/bootplus/media.less +19 -0
- data/vendor/assets/stylesheets/bootplus/mixins.less +12 -0
- data/vendor/assets/stylesheets/bootplus/modals.less +59 -0
- data/vendor/assets/stylesheets/bootplus/navbar.less +131 -0
- data/vendor/assets/stylesheets/bootplus/navs.less +180 -0
- data/vendor/assets/stylesheets/bootplus/popovers.less +18 -0
- data/vendor/assets/stylesheets/bootplus/progress-bars.less +64 -0
- data/vendor/assets/stylesheets/bootplus/responsive-navbar.less +23 -0
- data/vendor/assets/stylesheets/bootplus/responsive.less +49 -0
- data/vendor/assets/stylesheets/bootplus/tooltip.less +14 -0
- data/vendor/assets/stylesheets/bootplus/variables.less +316 -0
- data/vendor/assets/stylesheets/bootplus/wells.less +25 -0
- data/vendor/assets/stylesheets/bootstrap.less +63 -0
- data/vendor/assets/stylesheets/breadcrumbs.less +24 -0
- data/vendor/assets/stylesheets/button-groups.less +229 -0
- data/vendor/assets/stylesheets/buttons.less +241 -0
- data/vendor/assets/stylesheets/carousel.less +158 -0
- data/vendor/assets/stylesheets/close.less +32 -0
- data/vendor/assets/stylesheets/code.less +61 -0
- data/vendor/assets/stylesheets/component-animations.less +22 -0
- data/vendor/assets/stylesheets/dropdowns.less +248 -0
- data/vendor/assets/stylesheets/forms.less +690 -0
- data/vendor/assets/stylesheets/grid.less +21 -0
- data/vendor/assets/stylesheets/hero-unit.less +25 -0
- data/vendor/assets/stylesheets/labels-badges.less +84 -0
- data/vendor/assets/stylesheets/layouts.less +16 -0
- data/vendor/assets/stylesheets/media.less +55 -0
- data/vendor/assets/stylesheets/mixins.less +702 -0
- data/vendor/assets/stylesheets/modals.less +95 -0
- data/vendor/assets/stylesheets/navbar.less +497 -0
- data/vendor/assets/stylesheets/navs.less +409 -0
- data/vendor/assets/stylesheets/pager.less +43 -0
- data/vendor/assets/stylesheets/pagination.less +123 -0
- data/vendor/assets/stylesheets/popovers.less +133 -0
- data/vendor/assets/stylesheets/progress-bars.less +122 -0
- data/vendor/assets/stylesheets/reset.less +216 -0
- data/vendor/assets/stylesheets/responsive-1200px-min.less +28 -0
- data/vendor/assets/stylesheets/responsive-767px-max.less +193 -0
- data/vendor/assets/stylesheets/responsive-768px-979px.less +19 -0
- data/vendor/assets/stylesheets/responsive-navbar.less +189 -0
- data/vendor/assets/stylesheets/responsive-utilities.less +59 -0
- data/vendor/assets/stylesheets/responsive.less +48 -0
- data/vendor/assets/stylesheets/scaffolding.less +53 -0
- data/vendor/assets/stylesheets/sprites.less +197 -0
- data/vendor/assets/stylesheets/tables.less +244 -0
- data/vendor/assets/stylesheets/thumbnails.less +53 -0
- data/vendor/assets/stylesheets/tooltip.less +70 -0
- data/vendor/assets/stylesheets/type.less +247 -0
- data/vendor/assets/stylesheets/utilities.less +30 -0
- data/vendor/assets/stylesheets/variables.less +301 -0
- data/vendor/assets/stylesheets/wells.less +29 -0
- metadata +78 -1
@@ -0,0 +1,180 @@
|
|
1
|
+
//
|
2
|
+
// Navs
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
// NAV LIST
|
6
|
+
// --------
|
7
|
+
.nav-list {
|
8
|
+
background-color: @grayLighter;
|
9
|
+
border: 1px solid @navlistBorder;
|
10
|
+
border-bottom: 1px solid @navlistBorderBottom;
|
11
|
+
border-bottom-width: 2px;
|
12
|
+
border-top-width: 0;
|
13
|
+
.border-radius(@borderRadiusSmall);
|
14
|
+
}
|
15
|
+
|
16
|
+
.nav-list > li {
|
17
|
+
background-color: @white;
|
18
|
+
}
|
19
|
+
|
20
|
+
|
21
|
+
.nav-list > li > a,
|
22
|
+
.nav-list .nav-header {
|
23
|
+
padding: 9px 18px;
|
24
|
+
margin-top: 1px;
|
25
|
+
border-left: 2px solid transparent;
|
26
|
+
.transition(border .218s);
|
27
|
+
background-color: @white;
|
28
|
+
font-size: 14px;
|
29
|
+
line-height: 1.4;
|
30
|
+
color: @navbarLinkColor;
|
31
|
+
text-shadow: none;
|
32
|
+
text-overflow: ellipsis;
|
33
|
+
overflow: hidden;
|
34
|
+
}
|
35
|
+
|
36
|
+
.nav-list .nav-header {
|
37
|
+
color: @linkColor;
|
38
|
+
}
|
39
|
+
|
40
|
+
.nav li + .nav-header {
|
41
|
+
margin-top: 1px;
|
42
|
+
}
|
43
|
+
|
44
|
+
.nav-list > li > a:hover, .nav-list > li > a:focus,
|
45
|
+
.nav-list > .active > a,
|
46
|
+
.nav-list > .active > a:hover,
|
47
|
+
.nav-list > .active > a:focus {
|
48
|
+
border-color: @navbarBorder;
|
49
|
+
color: @navbarLinkColorHover;
|
50
|
+
text-shadow: none;
|
51
|
+
background-color: @grayLighter;
|
52
|
+
}
|
53
|
+
|
54
|
+
|
55
|
+
/* just ignore divider, default nav-list has always dividers between items */
|
56
|
+
.nav-list .divider {
|
57
|
+
display: none;
|
58
|
+
}
|
59
|
+
|
60
|
+
|
61
|
+
|
62
|
+
.nav-tabs .dropdown-toggle .caret,
|
63
|
+
.navbar .nav li.dropdown > .dropdown-toggle .caret {
|
64
|
+
margin-top: 0;
|
65
|
+
}
|
66
|
+
|
67
|
+
.navbar .nav li.dropdown.open > .dropdown-toggle,
|
68
|
+
.navbar .nav li.dropdown.active > .dropdown-toggle,
|
69
|
+
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
|
70
|
+
color: @graySemiLight;
|
71
|
+
}
|
72
|
+
|
73
|
+
|
74
|
+
|
75
|
+
// TABS
|
76
|
+
// ----
|
77
|
+
.nav-tabs > li > a {
|
78
|
+
.border-radius(2px 2px 0 0);
|
79
|
+
}
|
80
|
+
|
81
|
+
// Active state, and it's :hover/:focus to override normal :hover/:focus
|
82
|
+
.nav-tabs > .active > a,
|
83
|
+
.nav-tabs > .active > a:hover,
|
84
|
+
.nav-tabs > .active > a:focus {
|
85
|
+
color: @navbarLinkColorHover;
|
86
|
+
background-color: @white;
|
87
|
+
}
|
88
|
+
|
89
|
+
|
90
|
+
// PILLS
|
91
|
+
// -----
|
92
|
+
.nav-pills > li > a {
|
93
|
+
border-bottom: 2px solid transparent;
|
94
|
+
color: @navbarLinkColor;
|
95
|
+
white-space: nowrap;
|
96
|
+
.border-radius(0);
|
97
|
+
background-color: transparent;
|
98
|
+
}
|
99
|
+
|
100
|
+
// Active state
|
101
|
+
.nav-pills > .active > a,
|
102
|
+
.nav-pills > .active > a:hover,
|
103
|
+
.nav-pills > .active > a:focus {
|
104
|
+
border-color: @navbarBorder;
|
105
|
+
color: @navbarLinkColorHover;
|
106
|
+
font-weight: bold;
|
107
|
+
text-decoration: none;
|
108
|
+
.box-shadow(none);
|
109
|
+
.transition(border-color 0.218s ease 0s);
|
110
|
+
background-color: transparent;
|
111
|
+
}
|
112
|
+
|
113
|
+
|
114
|
+
.nav.nav-pills > li > a:hover, .nav.nav-pills > li > a:focus {
|
115
|
+
background-color: transparent;
|
116
|
+
border-color: @navbarBorder;
|
117
|
+
}
|
118
|
+
|
119
|
+
.nav.nav-pills > .disabled > a {
|
120
|
+
border-color: transparent;
|
121
|
+
}
|
122
|
+
|
123
|
+
|
124
|
+
// STACKED NAV
|
125
|
+
// -----------
|
126
|
+
|
127
|
+
.nav-pills.nav-stacked > .active > a,
|
128
|
+
.nav-pills.nav-stacked > .active > a:hover,
|
129
|
+
.nav-pills.nav-stacked > .active > a:focus {
|
130
|
+
border-color: transparent;
|
131
|
+
background-color: @navbarBorder;
|
132
|
+
color: @navbarLinkColorActive;
|
133
|
+
}
|
134
|
+
|
135
|
+
.nav-pills.nav-stacked > li > a:hover, .nav-pills.nav-stacked > li > a:focus {
|
136
|
+
background-color: @grayLighter;
|
137
|
+
border-color: transparent;
|
138
|
+
}
|
139
|
+
|
140
|
+
|
141
|
+
// DROPDOWNS
|
142
|
+
// ---------
|
143
|
+
.nav-tabs .dropdown-menu {
|
144
|
+
.border-radius(0 0 3px 3px); // remove the top rounded corners here since there is a hard edge above the menu
|
145
|
+
}
|
146
|
+
.nav-pills .dropdown-menu {
|
147
|
+
.border-radius(3px); // make rounded corners match the pills
|
148
|
+
}
|
149
|
+
|
150
|
+
// Open dropdowns
|
151
|
+
// -------------------------
|
152
|
+
.nav-tabs .open .dropdown-toggle,
|
153
|
+
.nav-pills .open .dropdown-toggle,
|
154
|
+
.nav > li.dropdown.open.active > a:hover,
|
155
|
+
.nav > li.dropdown.open.active > a:focus {
|
156
|
+
color: @navbarText;
|
157
|
+
background-color: transparent;
|
158
|
+
border-color: transparent;
|
159
|
+
}
|
160
|
+
|
161
|
+
|
162
|
+
.nav .dropdown-toggle .caret {
|
163
|
+
margin-top: 0;
|
164
|
+
}
|
165
|
+
|
166
|
+
|
167
|
+
|
168
|
+
|
169
|
+
// TABBABLE
|
170
|
+
// --------
|
171
|
+
.tabs-below > .nav-tabs > li > a {
|
172
|
+
.border-radius(0 0 2px 2px);
|
173
|
+
}
|
174
|
+
.tabs-left > .nav-tabs > li > a {
|
175
|
+
.border-radius(2px 0 0 2px);
|
176
|
+
}
|
177
|
+
.tabs-right > .nav-tabs > li > a {
|
178
|
+
.border-radius(0 2px 2px 0);
|
179
|
+
}
|
180
|
+
|
@@ -0,0 +1,18 @@
|
|
1
|
+
//
|
2
|
+
// Popovers
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
.popover {
|
6
|
+
.border-radius(@borderRadiusSmall);
|
7
|
+
.box-shadow(0 2px 8px rgba(0,0,0,0.2));
|
8
|
+
}
|
9
|
+
|
10
|
+
.popover-title {
|
11
|
+
border: 0;
|
12
|
+
.border-radius(@borderRadiusSmall);
|
13
|
+
color: #262626;
|
14
|
+
}
|
15
|
+
|
16
|
+
.popover-content {
|
17
|
+
color: @graySemiLight;
|
18
|
+
}
|
@@ -0,0 +1,64 @@
|
|
1
|
+
//
|
2
|
+
// Progress bars
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
.progress {
|
6
|
+
height: 10px;
|
7
|
+
padding: 1px;
|
8
|
+
border: 1px solid @grayLight;
|
9
|
+
.no-background;
|
10
|
+
.box-shadow(none);
|
11
|
+
.border-radius(0);
|
12
|
+
}
|
13
|
+
|
14
|
+
|
15
|
+
.progress .bar {
|
16
|
+
.no-background;
|
17
|
+
.box-shadow(none);
|
18
|
+
background-color: #6188F5;
|
19
|
+
}
|
20
|
+
|
21
|
+
|
22
|
+
.progress-striped .bar {
|
23
|
+
#gradient > .striped(#6188F5);
|
24
|
+
.background-size(40px 40px);
|
25
|
+
}
|
26
|
+
|
27
|
+
.progress .bar + .bar {
|
28
|
+
.box-shadow(none);
|
29
|
+
}
|
30
|
+
|
31
|
+
// COLORS
|
32
|
+
// ------
|
33
|
+
|
34
|
+
// Danger (red)
|
35
|
+
.progress-danger .bar, .progress .bar-danger {
|
36
|
+
background-color: #c13e2c;
|
37
|
+
}
|
38
|
+
.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
|
39
|
+
#gradient > .striped(#ee5f5b);
|
40
|
+
}
|
41
|
+
|
42
|
+
// Success (green)
|
43
|
+
.progress-success .bar, .progress .bar-success {
|
44
|
+
background-color: #2f973f;
|
45
|
+
}
|
46
|
+
.progress-success.progress-striped .bar, .progress-striped .bar-success {
|
47
|
+
#gradient > .striped(#2f973f);
|
48
|
+
}
|
49
|
+
|
50
|
+
// Info (teal)
|
51
|
+
.progress-info .bar, .progress .bar-info {
|
52
|
+
background-color: #53bddc;
|
53
|
+
}
|
54
|
+
.progress-info.progress-striped .bar, .progress-striped .bar-info {
|
55
|
+
#gradient > .striped(#53bddc);
|
56
|
+
}
|
57
|
+
|
58
|
+
// Warning (orange)
|
59
|
+
.progress-warning .bar, .progress .bar-warning {
|
60
|
+
background-color: lighten(@orange, 15%);
|
61
|
+
}
|
62
|
+
.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
|
63
|
+
#gradient > .striped(lighten(@orange, 15%));
|
64
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
//
|
2
|
+
// Responsive: Navbar
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
@media (max-width: @navbarCollapseWidth) {
|
6
|
+
|
7
|
+
// Nav and dropdown links in navbar
|
8
|
+
.nav-collapse .nav > li > a,
|
9
|
+
.nav-collapse .dropdown-menu a {
|
10
|
+
border: 0;
|
11
|
+
border-left: 2px solid transparent;
|
12
|
+
.border-radius(0);
|
13
|
+
}
|
14
|
+
|
15
|
+
.nav-collapse .nav > li > a:hover,
|
16
|
+
.nav-collapse .nav > li > a:focus,
|
17
|
+
.nav-collapse .dropdown-menu a:hover,
|
18
|
+
.nav-collapse .dropdown-menu a:focus {
|
19
|
+
border-color: @navbarBorder;
|
20
|
+
}
|
21
|
+
|
22
|
+
|
23
|
+
}
|
@@ -0,0 +1,49 @@
|
|
1
|
+
/*!
|
2
|
+
* Bootplus Responsive v1.0.3
|
3
|
+
*
|
4
|
+
* Copyright 2013 Marcello Palmitessa
|
5
|
+
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) or the GPL v2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
|
6
|
+
*
|
7
|
+
* based on Twitter Bootstrap v2.3.2
|
8
|
+
*/
|
9
|
+
|
10
|
+
|
11
|
+
// Responsive.less
|
12
|
+
// For phone and tablet devices
|
13
|
+
// -------------------------------------------------------------
|
14
|
+
|
15
|
+
|
16
|
+
// REPEAT VARIABLES & MIXINS
|
17
|
+
// -------------------------
|
18
|
+
// Required since we compile the responsive stuff separately
|
19
|
+
|
20
|
+
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
|
21
|
+
@import "../mixins.less";
|
22
|
+
@import "mixins.less";
|
23
|
+
|
24
|
+
|
25
|
+
// RESPONSIVE CLASSES
|
26
|
+
// ------------------
|
27
|
+
|
28
|
+
@import "../responsive-utilities.less";
|
29
|
+
|
30
|
+
|
31
|
+
// MEDIA QUERIES
|
32
|
+
// ------------------
|
33
|
+
|
34
|
+
// Large desktops
|
35
|
+
@import "../responsive-1200px-min.less";
|
36
|
+
|
37
|
+
// Tablets to regular desktops
|
38
|
+
@import "../responsive-768px-979px.less";
|
39
|
+
|
40
|
+
// Phones to portrait tablets and narrow desktops
|
41
|
+
@import "../responsive-767px-max.less";
|
42
|
+
|
43
|
+
|
44
|
+
// RESPONSIVE NAVBAR
|
45
|
+
// ------------------
|
46
|
+
|
47
|
+
// From 979px and below, show a button to toggle navbar contents
|
48
|
+
@import "../responsive-navbar.less";
|
49
|
+
@import "responsive-navbar.less";
|
@@ -0,0 +1,316 @@
|
|
1
|
+
//
|
2
|
+
// Variables
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// Global values
|
7
|
+
// --------------------------------------------------
|
8
|
+
|
9
|
+
|
10
|
+
// Grays
|
11
|
+
// -------------------------
|
12
|
+
@black: #000;
|
13
|
+
@grayDarker: #222;
|
14
|
+
@grayDarken: #333;
|
15
|
+
@grayDark: #444;
|
16
|
+
@gray: #333;
|
17
|
+
@graySemiLight: #737373;
|
18
|
+
@grayLight: #999;
|
19
|
+
@grayLighter: #f5f5f5;
|
20
|
+
@white: #fff;
|
21
|
+
@whiteSmoke: #E5E5E5;
|
22
|
+
@whiteSmokeLighter: #f1f1f1;
|
23
|
+
|
24
|
+
// Accent colors
|
25
|
+
// -------------------------
|
26
|
+
@blue: #049cdb;
|
27
|
+
@blueDark: #0064cd;
|
28
|
+
@green: #46a546;
|
29
|
+
@red: #9d261d;
|
30
|
+
@yellow: #ffc40d;
|
31
|
+
@orange: #f89406;
|
32
|
+
@pink: #c3325f;
|
33
|
+
@purple: #7a43b6;
|
34
|
+
|
35
|
+
|
36
|
+
// Scaffolding
|
37
|
+
// -------------------------
|
38
|
+
@bodyBackground: @whiteSmoke;
|
39
|
+
@textColor: @grayDark;
|
40
|
+
|
41
|
+
|
42
|
+
// Links
|
43
|
+
// -------------------------
|
44
|
+
@linkColor: #4d90fe;
|
45
|
+
@linkColorHover: darken(@linkColor, 15%);
|
46
|
+
|
47
|
+
|
48
|
+
// Typography
|
49
|
+
// -------------------------
|
50
|
+
@sansFontFamily: Roboto,arial,sans-serif;
|
51
|
+
@serifFontFamily: Georgia, "Times New Roman", Times, serif;
|
52
|
+
@monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace;
|
53
|
+
|
54
|
+
@baseFontSize: 13px;
|
55
|
+
@baseFontFamily: @sansFontFamily;
|
56
|
+
@baseLineHeight: 20px;
|
57
|
+
@altFontFamily: @serifFontFamily;
|
58
|
+
|
59
|
+
@headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
|
60
|
+
@headingsFontWeight: 300; // instead of browser default, bold
|
61
|
+
@headingsColor: inherit; // empty to use BS default, @textColor
|
62
|
+
|
63
|
+
|
64
|
+
// Component sizing
|
65
|
+
// -------------------------
|
66
|
+
// Based on 14px font-size and 20px line-height
|
67
|
+
|
68
|
+
@fontSizeLarge: @baseFontSize * 1.25; // ~18px
|
69
|
+
@fontSizeSmall: @baseFontSize * 0.85; // ~12px
|
70
|
+
@fontSizeMini: @baseFontSize * 0.75; // ~11px
|
71
|
+
|
72
|
+
@paddingLarge: 11px 19px; // 44px
|
73
|
+
@paddingSmall: 2px 10px; // 26px
|
74
|
+
@paddingMini: 0 4px; // 22px
|
75
|
+
|
76
|
+
@baseBorderRadius: 2px;
|
77
|
+
@borderRadiusLarge: 2px;
|
78
|
+
@borderRadiusSmall: 3px;
|
79
|
+
|
80
|
+
|
81
|
+
// Tables
|
82
|
+
// -------------------------
|
83
|
+
@tableBackground: transparent; // overall background-color
|
84
|
+
@tableBackgroundAccent: #f9f9f9; // for striping
|
85
|
+
@tableBackgroundHover: #ffffd6; // for hover
|
86
|
+
@tableBorder: @whiteSmoke; // table and cell border
|
87
|
+
|
88
|
+
// Buttons
|
89
|
+
// -------------------------
|
90
|
+
@btnBackground: @white;
|
91
|
+
@btnBackgroundHighlight: @whiteSmokeLighter;
|
92
|
+
@btnBorder: rgba(0, 0, 0, 0.1); // #dcdcdc;
|
93
|
+
|
94
|
+
@btnPrimaryBackground: #4D90FE;
|
95
|
+
@btnPrimaryBackgroundHighlight: #357AE8;
|
96
|
+
|
97
|
+
@btnInfoBackground: #5bc0de;
|
98
|
+
@btnInfoBackgroundHighlight: #57b6db;
|
99
|
+
|
100
|
+
@btnSuccessBackground: #53a93f;
|
101
|
+
@btnSuccessBackgroundHighlight: #65b045;
|
102
|
+
|
103
|
+
@btnWarningBackground: #fbb450;
|
104
|
+
@btnWarningBackgroundHighlight: #f5ab3f;
|
105
|
+
|
106
|
+
@btnDangerBackground: #dd4b39;
|
107
|
+
@btnDangerBackgroundHighlight: #d14836;
|
108
|
+
|
109
|
+
@btnInverseBackground: #555;
|
110
|
+
@btnInverseBackgroundHighlight: #514b52;
|
111
|
+
|
112
|
+
|
113
|
+
// Forms
|
114
|
+
// -------------------------
|
115
|
+
@inputBackground: @white;
|
116
|
+
@inputBorder: #d9d9d9;
|
117
|
+
@inputBorderRadius: 1px;
|
118
|
+
@inputDisabledBackground: @grayLighter;
|
119
|
+
@formActionsBackground: @white;
|
120
|
+
@inputHeight: @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
|
121
|
+
|
122
|
+
|
123
|
+
// Dropdowns
|
124
|
+
// -------------------------
|
125
|
+
@dropdownBackground: @white;
|
126
|
+
@dropdownBorder: rgba(0,0,0,.2);
|
127
|
+
@dropdownDividerTop: @whiteSmoke;
|
128
|
+
@dropdownDividerBottom: @white;
|
129
|
+
|
130
|
+
@dropdownLinkColor: @grayDark;
|
131
|
+
@dropdownLinkColorHover: @grayDark;
|
132
|
+
@dropdownLinkColorActive: @black;
|
133
|
+
|
134
|
+
@dropdownLinkBackgroundActive: @grayLighter;
|
135
|
+
@dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
|
136
|
+
|
137
|
+
|
138
|
+
|
139
|
+
// COMPONENT VARIABLES
|
140
|
+
// --------------------------------------------------
|
141
|
+
|
142
|
+
|
143
|
+
// Z-index master list
|
144
|
+
// -------------------------
|
145
|
+
// Used for a bird's eye view of components dependent on the z-axis
|
146
|
+
// Try to avoid customizing these :)
|
147
|
+
@zindexDropdown: 1000;
|
148
|
+
@zindexPopover: 1010;
|
149
|
+
@zindexTooltip: 1030;
|
150
|
+
@zindexFixedNavbar: 1030;
|
151
|
+
@zindexModalBackdrop: 1040;
|
152
|
+
@zindexModal: 1050;
|
153
|
+
|
154
|
+
|
155
|
+
// Sprite icons path
|
156
|
+
// -------------------------
|
157
|
+
//@iconSpritePath: "../img/glyphicons-halflings.png";
|
158
|
+
//@iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
|
159
|
+
|
160
|
+
|
161
|
+
// Input placeholder text color
|
162
|
+
// -------------------------
|
163
|
+
@placeholderText: @grayLight;
|
164
|
+
|
165
|
+
|
166
|
+
// Hr border color
|
167
|
+
// -------------------------
|
168
|
+
@hrBorder: @grayLighter;
|
169
|
+
|
170
|
+
|
171
|
+
// Horizontal forms & lists
|
172
|
+
// -------------------------
|
173
|
+
@horizontalComponentOffset: 180px;
|
174
|
+
|
175
|
+
|
176
|
+
// Wells
|
177
|
+
// -------------------------
|
178
|
+
@wellBackground: @white;
|
179
|
+
|
180
|
+
|
181
|
+
// Navbar
|
182
|
+
// -------------------------
|
183
|
+
@navbarCollapseWidth: 979px;
|
184
|
+
@navbarCollapseDesktopWidth: @navbarCollapseWidth + 1;
|
185
|
+
|
186
|
+
@navbarHeight: 44px;
|
187
|
+
@navbarBackgroundHighlight: #ffffff;
|
188
|
+
@navbarBackground: @grayLighter; //darken(@navbarBackgroundHighlight, 5%);
|
189
|
+
@navbarBorder: #427fed; //darken(@navbarBackground, 12%);
|
190
|
+
|
191
|
+
@navbarText: @graySemiLight;
|
192
|
+
@navbarLinkColor: @graySemiLight;
|
193
|
+
@navbarLinkColorHover: #262626;
|
194
|
+
@navbarLinkColorActive: @white;
|
195
|
+
@navbarLinkBackgroundHover: transparent;
|
196
|
+
@navbarLinkBackgroundActive: transparent;
|
197
|
+
|
198
|
+
@navbarBrandColor: @navbarLinkColor;
|
199
|
+
|
200
|
+
// Inverted navbar
|
201
|
+
@navbarInverseBackground: @white;
|
202
|
+
@navbarInverseBackgroundHighlight: @grayLighter;
|
203
|
+
@navbarInverseBorder: @navbarBorder;
|
204
|
+
|
205
|
+
@navbarInverseText: @grayLight;
|
206
|
+
@navbarInverseLinkColor: @grayLight;
|
207
|
+
@navbarInverseLinkColorHover: #262626;
|
208
|
+
@navbarInverseLinkColorActive: @white;
|
209
|
+
@navbarInverseLinkBackgroundHover: transparent;
|
210
|
+
@navbarInverseLinkBackgroundActive: transparent;
|
211
|
+
|
212
|
+
@navbarInverseSearchBackground: @white; //lighten(@navbarInverseBackground, 25%);
|
213
|
+
@navbarInverseSearchBackgroundFocus: @white;
|
214
|
+
@navbarInverseSearchBorder: @navbarInverseBackground;
|
215
|
+
@navbarInverseSearchPlaceholderColor: #ccc;
|
216
|
+
|
217
|
+
@navbarInverseBrandColor: @navbarInverseLinkColor;
|
218
|
+
|
219
|
+
// Nav-List
|
220
|
+
// -------------------------
|
221
|
+
@navlistBorder: #D8D8D8;
|
222
|
+
@navlistBorderBottom: #d5d5d5;
|
223
|
+
|
224
|
+
|
225
|
+
// Pagination
|
226
|
+
// -------------------------
|
227
|
+
@paginationBackground: #fff;
|
228
|
+
@paginationBorder: #ddd;
|
229
|
+
@paginationActiveBackground: #f5f5f5;
|
230
|
+
|
231
|
+
|
232
|
+
// Hero unit
|
233
|
+
// -------------------------
|
234
|
+
@heroUnitBackground: @white;
|
235
|
+
@heroUnitHeadingColor: inherit;
|
236
|
+
@heroUnitLeadColor: inherit;
|
237
|
+
|
238
|
+
|
239
|
+
// Form states and alerts
|
240
|
+
// -------------------------
|
241
|
+
@warningText: #c09853;
|
242
|
+
@warningBackground: #f9edbe;
|
243
|
+
@warningBorder: #f0c36d;
|
244
|
+
|
245
|
+
@errorText: #dd4b39;
|
246
|
+
@errorBackground: #dd4b39;
|
247
|
+
@errorBorder: darken(spin(@errorBackground, -10), 3%);
|
248
|
+
|
249
|
+
@successText: #3d9400;
|
250
|
+
@successBackground: #3d9400;
|
251
|
+
@successBorder: darken(spin(@successBackground, -10), 5%);
|
252
|
+
|
253
|
+
@infoText: #5bc0de;
|
254
|
+
@infoBackground: #5bc0de;
|
255
|
+
@infoBorder: darken(spin(@infoBackground, -10), 7%);
|
256
|
+
|
257
|
+
|
258
|
+
// Tooltips and popovers
|
259
|
+
// -------------------------
|
260
|
+
@tooltipColor: @white;
|
261
|
+
@tooltipBackground: @black;
|
262
|
+
@tooltipArrowWidth: 5px;
|
263
|
+
@tooltipArrowColor: @tooltipBackground;
|
264
|
+
|
265
|
+
@popoverBackground: @white;
|
266
|
+
@popoverArrowWidth: 5px;
|
267
|
+
@popoverArrowColor: @white;
|
268
|
+
@popoverTitleBackground: @popoverBackground; //darken(@popoverBackground, 3%);
|
269
|
+
|
270
|
+
// Special enhancement for popovers
|
271
|
+
@popoverArrowOuterWidth: @popoverArrowWidth + 1;
|
272
|
+
@popoverArrowOuterColor: @white;
|
273
|
+
|
274
|
+
|
275
|
+
|
276
|
+
// GRID
|
277
|
+
// --------------------------------------------------
|
278
|
+
|
279
|
+
|
280
|
+
// Default 940px grid
|
281
|
+
// -------------------------
|
282
|
+
@gridColumns: 12;
|
283
|
+
@gridColumnWidth: 60px;
|
284
|
+
@gridGutterWidth: 20px;
|
285
|
+
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
|
286
|
+
|
287
|
+
// 1200px min
|
288
|
+
@gridColumnWidth1200: 70px;
|
289
|
+
@gridGutterWidth1200: 30px;
|
290
|
+
@gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));
|
291
|
+
|
292
|
+
// 768px-979px
|
293
|
+
@gridColumnWidth768: 42px;
|
294
|
+
@gridGutterWidth768: 20px;
|
295
|
+
@gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));
|
296
|
+
|
297
|
+
|
298
|
+
// Fluid grid
|
299
|
+
// -------------------------
|
300
|
+
@fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
|
301
|
+
@fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);
|
302
|
+
|
303
|
+
// 1200px min
|
304
|
+
@fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
|
305
|
+
@fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);
|
306
|
+
|
307
|
+
// 768px-979px
|
308
|
+
@fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
|
309
|
+
@fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);
|
310
|
+
|
311
|
+
|
312
|
+
|
313
|
+
|
314
|
+
// Cards
|
315
|
+
// -------------------------
|
316
|
+
@cardFooterBackground: #F8F8F8;
|