bootstrapped-rails 2.0.7.1 → 2.0.7.2
Sign up to get free protection for your applications and to get access to all the features.
- data/lib/bootstrapped-rails/version.rb +1 -1
- data/readme.md +1 -9
- data/vendor/assets/stylesheets/{bootstrapped/responsive.scss → _bootstrap-responsive.scss} +28 -33
- data/vendor/assets/stylesheets/_bootstrap.scss +63 -0
- data/vendor/assets/stylesheets/bootstrapped-responsive.css.scss +1 -0
- data/vendor/assets/stylesheets/{bootstrapped/accordion.scss → bootstrapped-sass/_accordion.scss} +1 -1
- data/vendor/assets/stylesheets/{bootstrapped/alerts.scss → bootstrapped-sass/_alerts.scss} +8 -16
- data/vendor/assets/stylesheets/{bootstrapped/breadcrumbs.scss → bootstrapped-sass/_breadcrumbs.scss} +2 -2
- data/vendor/assets/stylesheets/{bootstrapped/button-groups.scss → bootstrapped-sass/_button-groups.scss} +8 -19
- data/vendor/assets/stylesheets/bootstrapped-sass/_buttons.scss +163 -0
- data/vendor/assets/stylesheets/{bootstrapped/carousel.scss → bootstrapped-sass/_carousel.scss} +7 -12
- data/vendor/assets/stylesheets/{bootstrapped/close.scss → bootstrapped-sass/_close.scss} +2 -2
- data/vendor/assets/stylesheets/{bootstrapped/code.scss → bootstrapped-sass/_code.scss} +16 -4
- data/vendor/assets/stylesheets/{bootstrapped/component-animations.scss → bootstrapped-sass/_component-animations.scss} +1 -1
- data/vendor/assets/stylesheets/{bootstrapped/dropdowns.scss → bootstrapped-sass/_dropdowns.scss} +6 -11
- data/vendor/assets/stylesheets/{bootstrapped/forms.scss → bootstrapped-sass/_forms.scss} +71 -124
- data/vendor/assets/stylesheets/bootstrapped-sass/_grid.scss +8 -0
- data/vendor/assets/stylesheets/{bootstrapped/hero-unit.scss → bootstrapped-sass/_hero-unit.scss} +1 -1
- data/vendor/assets/stylesheets/bootstrapped-sass/_labels.scss +32 -0
- data/vendor/assets/stylesheets/{bootstrapped/layouts.scss → bootstrapped-sass/_layouts.scss} +0 -0
- data/vendor/assets/stylesheets/{bootstrapped/mixins.scss → bootstrapped-sass/_mixins.scss} +109 -90
- data/vendor/assets/stylesheets/{bootstrapped/modals.scss → bootstrapped-sass/_modals.scss} +15 -4
- data/vendor/assets/stylesheets/{bootstrapped/navbar.scss → bootstrapped-sass/_navbar.scss} +32 -42
- data/vendor/assets/stylesheets/{bootstrapped/navs.scss → bootstrapped-sass/_navs.scss} +42 -60
- data/vendor/assets/stylesheets/{bootstrapped/pager.scss → bootstrapped-sass/_pager.scss} +1 -1
- data/vendor/assets/stylesheets/{bootstrapped/pagination.scss → bootstrapped-sass/_pagination.scss} +5 -7
- data/vendor/assets/stylesheets/{bootstrapped/popovers.scss → bootstrapped-sass/_popovers.scss} +5 -5
- data/vendor/assets/stylesheets/{bootstrapped/progress-bars.scss → bootstrapped-sass/_progress-bars.scss} +1 -1
- data/vendor/assets/stylesheets/{bootstrapped/reset.scss → bootstrapped-sass/_reset.scss} +11 -32
- data/vendor/assets/stylesheets/{bootstrapped/scaffolding.scss → bootstrapped-sass/_scaffolding.scss} +1 -1
- data/vendor/assets/stylesheets/{bootstrapped/sprites.scss → bootstrapped-sass/_sprites.scss} +0 -0
- data/vendor/assets/stylesheets/{bootstrapped/tables.scss → bootstrapped-sass/_tables.scss} +26 -30
- data/vendor/assets/stylesheets/{bootstrapped/thumbnails.scss → bootstrapped-sass/_thumbnails.scss} +3 -3
- data/vendor/assets/stylesheets/{bootstrapped/tooltip.scss → bootstrapped-sass/_tooltip.scss} +5 -5
- data/vendor/assets/stylesheets/{bootstrapped/type.scss → bootstrapped-sass/_type.scss} +7 -15
- data/vendor/assets/stylesheets/{bootstrapped/utilities.scss → bootstrapped-sass/_utilities.scss} +1 -1
- data/vendor/assets/stylesheets/bootstrapped-sass/_variables.scss +103 -0
- data/vendor/assets/stylesheets/{bootstrapped/wells.scss → bootstrapped-sass/_wells.scss} +1 -1
- data/vendor/assets/stylesheets/{bootstrapped → bootstrapped-sass}/fontawesome-webfont.eot +0 -0
- data/vendor/assets/stylesheets/{bootstrapped → bootstrapped-sass}/fontawesome-webfont.svg +0 -0
- data/vendor/assets/stylesheets/{bootstrapped → bootstrapped-sass}/fontawesome-webfont.svgz +0 -0
- data/vendor/assets/stylesheets/{bootstrapped → bootstrapped-sass}/fontawesome-webfont.ttf +0 -0
- data/vendor/assets/stylesheets/{bootstrapped → bootstrapped-sass}/fontawesome-webfont.woff +0 -0
- data/vendor/assets/stylesheets/bootstrapped.css.scss +1 -0
- data/vendor/assets/stylesheets/bootstrapped.css.scss.css +1 -0
- data/vendor/assets/stylesheets/custom_partials/transition.scss +1 -1
- data/vendor/assets/stylesheets/fontawesome-webfont.eot +0 -0
- data/vendor/assets/stylesheets/fontawesome-webfont.svg +175 -0
- data/vendor/assets/stylesheets/fontawesome-webfont.svgz +0 -0
- data/vendor/assets/stylesheets/fontawesome-webfont.ttf +0 -0
- data/vendor/assets/stylesheets/fontawesome-webfont.woff +0 -0
- metadata +56 -55
- data/vendor/assets/stylesheets/bootstrap-xtra/mixins.scss +0 -19
- data/vendor/assets/stylesheets/bootstrap-xtra/patterns_xtra.scss +0 -178
- data/vendor/assets/stylesheets/bootstrap-xtra/type_xtra.css +0 -12
- data/vendor/assets/stylesheets/bootstrap-xtra/variables_xtra.scss +0 -13
- data/vendor/assets/stylesheets/bootstrap-xtra/xtra.scss +0 -24
- data/vendor/assets/stylesheets/bootstrapped.css +0 -4
- data/vendor/assets/stylesheets/bootstrapped/bootstrap.scss +0 -62
- data/vendor/assets/stylesheets/bootstrapped/buttons.scss +0 -189
- data/vendor/assets/stylesheets/bootstrapped/grid.scss +0 -8
- data/vendor/assets/stylesheets/bootstrapped/labels.scss +0 -16
- data/vendor/assets/stylesheets/bootstrapped/variables.scss +0 -99
data/vendor/assets/stylesheets/{bootstrapped/pagination.scss → bootstrapped-sass/_pagination.scss}
RENAMED
@@ -14,8 +14,8 @@
|
|
14
14
|
@include box-shadow(0 1px 2px rgba(0,0,0,.05));
|
15
15
|
}
|
16
16
|
.pagination li {
|
17
|
-
|
18
|
-
|
17
|
+
display: inline;
|
18
|
+
}
|
19
19
|
.pagination a {
|
20
20
|
float: left;
|
21
21
|
padding: 0 14px;
|
@@ -24,16 +24,14 @@
|
|
24
24
|
border: 1px solid #ddd;
|
25
25
|
border-left-width: 0;
|
26
26
|
}
|
27
|
-
.pagination a:hover,
|
28
|
-
.pagination .active a {
|
27
|
+
.pagination a:hover, .pagination .active a {
|
29
28
|
background-color: #f5f5f5;
|
30
29
|
}
|
31
30
|
.pagination .active a {
|
32
31
|
color: $grayLight;
|
33
32
|
cursor: default;
|
34
33
|
}
|
35
|
-
.pagination .disabled a,
|
36
|
-
.pagination .disabled a:hover {
|
34
|
+
.pagination .disabled a, .pagination .disabled a:hover {
|
37
35
|
color: $grayLight;
|
38
36
|
background-color: transparent;
|
39
37
|
cursor: default;
|
@@ -52,4 +50,4 @@
|
|
52
50
|
}
|
53
51
|
.pagination-right {
|
54
52
|
text-align: right;
|
55
|
-
}
|
53
|
+
}
|
data/vendor/assets/stylesheets/{bootstrapped/popovers.scss → bootstrapped-sass/_popovers.scss}
RENAMED
@@ -12,10 +12,10 @@
|
|
12
12
|
&.right { margin-left: 5px; }
|
13
13
|
&.bottom { margin-top: 5px; }
|
14
14
|
&.left { margin-left: -5px; }
|
15
|
-
&.top .arrow { @include
|
16
|
-
&.right .arrow { @include
|
17
|
-
&.bottom .arrow { @include
|
18
|
-
&.left .arrow { @include
|
15
|
+
&.top .arrow { @include popoverArrowTop(); }
|
16
|
+
&.right .arrow { @include popoverArrowRight(); }
|
17
|
+
&.bottom .arrow { @include popoverArrowBottom(); }
|
18
|
+
&.left .arrow { @include popoverArrowLeft(); }
|
19
19
|
.arrow {
|
20
20
|
position: absolute;
|
21
21
|
width: 0;
|
@@ -46,4 +46,4 @@
|
|
46
46
|
p, ul, ol {
|
47
47
|
margin-bottom: 0;
|
48
48
|
}
|
49
|
-
}
|
49
|
+
}
|
@@ -1,29 +1,18 @@
|
|
1
|
-
// Reset.
|
1
|
+
// Reset.css.scss
|
2
2
|
// Adapted from Normalize.css http://github.com/necolas/normalize.css
|
3
3
|
// ------------------------------------------------------------------------
|
4
4
|
|
5
5
|
// Display in IE6-9 and FF3
|
6
6
|
// -------------------------
|
7
7
|
|
8
|
-
article,
|
9
|
-
aside,
|
10
|
-
details,
|
11
|
-
figcaption,
|
12
|
-
figure,
|
13
|
-
footer,
|
14
|
-
header,
|
15
|
-
hgroup,
|
16
|
-
nav,
|
17
|
-
section {
|
8
|
+
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
|
18
9
|
display: block;
|
19
10
|
}
|
20
11
|
|
21
12
|
// Display block in IE6-9 and FF3
|
22
13
|
// -------------------------
|
23
14
|
|
24
|
-
audio,
|
25
|
-
canvas,
|
26
|
-
video {
|
15
|
+
audio, canvas, video {
|
27
16
|
display: inline-block;
|
28
17
|
*display: inline;
|
29
18
|
*zoom: 1;
|
@@ -49,16 +38,14 @@ a:focus {
|
|
49
38
|
@include tab-focus();
|
50
39
|
}
|
51
40
|
// Hover & Active
|
52
|
-
a:hover,
|
53
|
-
a:active {
|
41
|
+
a:hover, a:active {
|
54
42
|
outline: 0;
|
55
43
|
}
|
56
44
|
|
57
45
|
// Prevents sub and sup affecting line-height in all browsers
|
58
46
|
// -------------------------
|
59
47
|
|
60
|
-
sub,
|
61
|
-
sup {
|
48
|
+
sub, sup {
|
62
49
|
position: relative;
|
63
50
|
font-size: 75%;
|
64
51
|
line-height: 0;
|
@@ -85,30 +72,22 @@ img {
|
|
85
72
|
// -------------------------
|
86
73
|
|
87
74
|
// Font size in all browsers, margin changes, misc consistency
|
88
|
-
button,
|
89
|
-
input,
|
90
|
-
select,
|
91
|
-
textarea {
|
75
|
+
button, input, select, textarea {
|
92
76
|
margin: 0;
|
93
77
|
font-size: 100%;
|
94
78
|
vertical-align: middle;
|
95
79
|
}
|
96
|
-
button,
|
97
|
-
input {
|
80
|
+
button, input {
|
98
81
|
*overflow: visible; // Inner spacing ie IE6/7
|
99
82
|
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
100
83
|
}
|
101
|
-
button::-moz-focus-inner,
|
102
|
-
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
|
84
|
+
button::-moz-focus-inner, input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
|
103
85
|
padding: 0;
|
104
86
|
border: 0;
|
105
87
|
}
|
106
|
-
button,
|
107
|
-
input[type="button"],
|
108
|
-
input[type="reset"],
|
109
|
-
input[type="submit"] {
|
88
|
+
button, input[type="button"], input[type="reset"], input[type="submit"] {
|
110
89
|
cursor: pointer; // Cursors on all buttons applied consistently
|
111
|
-
-webkit-appearance: button; // Style
|
90
|
+
-webkit-appearance: button; // Style clickable inputs in iOS
|
112
91
|
}
|
113
92
|
input[type="search"] { // Appearance in Safari/Chrome
|
114
93
|
-webkit-appearance: textfield;
|
@@ -123,4 +102,4 @@ input[type="search"]::-webkit-search-cancel-button {
|
|
123
102
|
textarea {
|
124
103
|
overflow: auto; // Remove vertical scrollbar in IE6-9
|
125
104
|
vertical-align: top; // Readability and alignment cross-browser
|
126
|
-
}
|
105
|
+
}
|
data/vendor/assets/stylesheets/{bootstrapped/sprites.scss → bootstrapped-sass/_sprites.scss}
RENAMED
File without changes
|
@@ -20,23 +20,22 @@ table {
|
|
20
20
|
width: 100%;
|
21
21
|
margin-bottom: $baseLineHeight;
|
22
22
|
// Cells
|
23
|
-
th,
|
24
|
-
td {
|
23
|
+
th, td {
|
25
24
|
padding: 8px;
|
26
25
|
line-height: $baseLineHeight;
|
27
26
|
text-align: left;
|
27
|
+
vertical-align: top;
|
28
28
|
border-top: 1px solid #ddd;
|
29
29
|
}
|
30
30
|
th {
|
31
31
|
font-weight: bold;
|
32
|
-
vertical-align: bottom;
|
33
32
|
}
|
34
|
-
|
35
|
-
|
33
|
+
// Bottom align for column headings
|
34
|
+
thead th {
|
35
|
+
vertical-align: bottom;
|
36
36
|
}
|
37
37
|
// Remove top border from thead by default
|
38
|
-
thead:first-child tr th,
|
39
|
-
thead:first-child tr td {
|
38
|
+
thead:first-child tr th, thead:first-child tr td {
|
40
39
|
border-top: 0;
|
41
40
|
}
|
42
41
|
// Account for multiple tbody instances
|
@@ -51,8 +50,7 @@ table {
|
|
51
50
|
// -------------------------------
|
52
51
|
|
53
52
|
.table-condensed {
|
54
|
-
th,
|
55
|
-
td {
|
53
|
+
th, td {
|
56
54
|
padding: 4px 5px;
|
57
55
|
}
|
58
56
|
}
|
@@ -66,34 +64,25 @@ table {
|
|
66
64
|
border-collapse: separate; // Done so we can round those corners!
|
67
65
|
*border-collapse: collapsed; // IE7 can't round corners anyway
|
68
66
|
@include border-radius(4px);
|
69
|
-
th + th,
|
70
|
-
td + td,
|
71
|
-
th + td,
|
72
|
-
td + th {
|
67
|
+
th + th, td + td, th + td, td + th {
|
73
68
|
border-left: 1px solid #ddd;
|
74
69
|
}
|
75
70
|
// Prevent a double border
|
76
|
-
thead:first-child tr:first-child th,
|
77
|
-
tbody:first-child tr:first-child th,
|
78
|
-
tbody:first-child tr:first-child td {
|
71
|
+
thead:first-child tr:first-child th, tbody:first-child tr:first-child th, tbody:first-child tr:first-child td {
|
79
72
|
border-top: 0;
|
80
73
|
}
|
81
74
|
// For first th or td in the first row in the first thead or tbody
|
82
|
-
thead:first-child tr:first-child th:first-child,
|
83
|
-
tbody:first-child tr:first-child td:first-child {
|
75
|
+
thead:first-child tr:first-child th:first-child, tbody:first-child tr:first-child td:first-child {
|
84
76
|
@include border-radius(4px 0 0 0);
|
85
77
|
}
|
86
|
-
thead:first-child tr:first-child th:last-child,
|
87
|
-
tbody:first-child tr:first-child td:last-child {
|
78
|
+
thead:first-child tr:first-child th:last-child, tbody:first-child tr:first-child td:last-child {
|
88
79
|
@include border-radius(0 4px 0 0);
|
89
80
|
}
|
90
81
|
// For first th or td in the first row in the first thead or tbody
|
91
|
-
thead:last-child tr:last-child th:first-child,
|
92
|
-
tbody:last-child tr:last-child td:first-child {
|
82
|
+
thead:last-child tr:last-child th:first-child, tbody:last-child tr:last-child td:first-child {
|
93
83
|
@include border-radius(0 0 0 4px);
|
94
84
|
}
|
95
|
-
thead:last-child tr:last-child th:last-child,
|
96
|
-
tbody:last-child tr:last-child td:last-child {
|
85
|
+
thead:last-child tr:last-child th:last-child, tbody:last-child tr:last-child td:last-child {
|
97
86
|
@include border-radius(0 0 4px 0);
|
98
87
|
}
|
99
88
|
}
|
@@ -105,26 +94,33 @@ table {
|
|
105
94
|
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
106
95
|
.table-striped {
|
107
96
|
tbody {
|
108
|
-
tr:nth-child(odd) td,
|
109
|
-
tr:nth-child(odd) th {
|
97
|
+
tr:nth-child(odd) td, tr:nth-child(odd) th {
|
110
98
|
background-color: #f9f9f9;
|
111
99
|
}
|
112
100
|
}
|
113
101
|
}
|
114
102
|
|
115
103
|
|
104
|
+
// HOVER EFFECT
|
105
|
+
// ------------
|
106
|
+
// Placed here since it has to come after the potential zebra striping
|
107
|
+
.table {
|
108
|
+
tbody tr:hover td, tbody tr:hover th {
|
109
|
+
background-color: #f5f5f5;
|
110
|
+
}
|
111
|
+
}
|
116
112
|
|
117
113
|
// TABLE CELL SIZING
|
118
114
|
// -----------------
|
119
115
|
|
120
116
|
// Change the columns
|
121
|
-
@mixin
|
117
|
+
@mixin tableColumns($columnSpan: 1) {
|
122
118
|
float: none;
|
123
119
|
width: (($gridColumnWidth) * $columnSpan) + ($gridGutterWidth * ($columnSpan - 1)) - 16;
|
124
120
|
margin-left: 0;
|
125
121
|
}
|
126
122
|
table {
|
127
|
-
@for $i from 1 through
|
128
|
-
.span#{$i} { @include
|
123
|
+
@for $i from 1 through $gridColumns {
|
124
|
+
.span#{$i} { @include tableColumns($i); }
|
129
125
|
}
|
130
|
-
}
|
126
|
+
}
|
data/vendor/assets/stylesheets/{bootstrapped/thumbnails.scss → bootstrapped-sass/_thumbnails.scss}
RENAMED
@@ -2,13 +2,13 @@
|
|
2
2
|
// ----------
|
3
3
|
|
4
4
|
.thumbnails {
|
5
|
-
margin-left:
|
5
|
+
margin-left: -$gridGutterWidth;
|
6
6
|
list-style: none;
|
7
7
|
@include clearfix();
|
8
8
|
}
|
9
9
|
.thumbnails > li {
|
10
10
|
float: left;
|
11
|
-
margin: 0 0 $baseLineHeight
|
11
|
+
margin: 0 0 $baseLineHeight $gridGutterWidth;
|
12
12
|
}
|
13
13
|
.thumbnail {
|
14
14
|
display: block;
|
@@ -32,4 +32,4 @@ a.thumbnail:hover {
|
|
32
32
|
}
|
33
33
|
.thumbnail .caption {
|
34
34
|
padding: 9px;
|
35
|
-
}
|
35
|
+
}
|
data/vendor/assets/stylesheets/{bootstrapped/tooltip.scss → bootstrapped-sass/_tooltip.scss}
RENAMED
@@ -9,15 +9,15 @@
|
|
9
9
|
padding: 5px;
|
10
10
|
font-size: 11px;
|
11
11
|
@include opacity(0);
|
12
|
-
&.in { @include opacity(
|
12
|
+
&.in { @include opacity(0.8); }
|
13
13
|
&.top { margin-top: -2px; }
|
14
14
|
&.right { margin-left: 2px; }
|
15
15
|
&.bottom { margin-top: 2px; }
|
16
16
|
&.left { margin-left: -2px; }
|
17
|
-
&.top .tooltip-arrow { @include
|
18
|
-
&.left .tooltip-arrow { @include
|
19
|
-
&.bottom .tooltip-arrow { @include
|
20
|
-
&.right .tooltip-arrow { @include
|
17
|
+
&.top .tooltip-arrow { @include popoverArrowTop(); }
|
18
|
+
&.left .tooltip-arrow { @include popoverArrowLeft(); }
|
19
|
+
&.bottom .tooltip-arrow { @include popoverArrowBottom(); }
|
20
|
+
&.right .tooltip-arrow { @include popoverArrowRight(); }
|
21
21
|
}
|
22
22
|
.tooltip-inner {
|
23
23
|
max-width: 200px;
|
@@ -95,10 +95,7 @@ ul, ol {
|
|
95
95
|
padding: 0;
|
96
96
|
margin: 0 0 $baseLineHeight / 2 25px;
|
97
97
|
}
|
98
|
-
ul ul,
|
99
|
-
ul ol,
|
100
|
-
ol ol,
|
101
|
-
ol ul {
|
98
|
+
ul ul, ul ol, ol ol, ol ul {
|
102
99
|
margin-bottom: 0;
|
103
100
|
}
|
104
101
|
ul {
|
@@ -110,7 +107,7 @@ ol {
|
|
110
107
|
li {
|
111
108
|
line-height: $baseLineHeight;
|
112
109
|
}
|
113
|
-
ul.unstyled {
|
110
|
+
ul.unstyled, ol.unstyled {
|
114
111
|
margin-left: 0;
|
115
112
|
list-style: none;
|
116
113
|
}
|
@@ -119,8 +116,7 @@ ul.unstyled {
|
|
119
116
|
dl {
|
120
117
|
margin-bottom: $baseLineHeight;
|
121
118
|
}
|
122
|
-
dt,
|
123
|
-
dd {
|
119
|
+
dt, dd {
|
124
120
|
line-height: $baseLineHeight;
|
125
121
|
}
|
126
122
|
dt {
|
@@ -137,7 +133,7 @@ dd {
|
|
137
133
|
hr {
|
138
134
|
margin: $baseLineHeight 0;
|
139
135
|
border: 0;
|
140
|
-
border-top: 1px solid
|
136
|
+
border-top: 1px solid $hrBorder;
|
141
137
|
border-bottom: 1px solid $white;
|
142
138
|
}
|
143
139
|
|
@@ -185,18 +181,14 @@ blockquote {
|
|
185
181
|
padding-right: 15px;
|
186
182
|
border-left: 0;
|
187
183
|
border-right: 5px solid $grayLighter;
|
188
|
-
p,
|
189
|
-
small {
|
184
|
+
p, small {
|
190
185
|
text-align: right;
|
191
186
|
}
|
192
187
|
}
|
193
188
|
}
|
194
189
|
|
195
190
|
// Quotes
|
196
|
-
q:before,
|
197
|
-
q:after,
|
198
|
-
blockquote:before,
|
199
|
-
blockquote:after {
|
191
|
+
q:before, q:after, blockquote:before, blockquote:after {
|
200
192
|
content: "";
|
201
193
|
}
|
202
194
|
|
@@ -214,4 +206,4 @@ small {
|
|
214
206
|
}
|
215
207
|
cite {
|
216
208
|
font-style: normal;
|
217
|
-
}
|
209
|
+
}
|
@@ -0,0 +1,103 @@
|
|
1
|
+
// Variables.less
|
2
|
+
// Variables to customize the look and feel of Bootstrap
|
3
|
+
// -----------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
|
7
|
+
// GLOBAL VALUES
|
8
|
+
// --------------------------------------------------
|
9
|
+
|
10
|
+
// Links
|
11
|
+
$linkColor: #08c !default;
|
12
|
+
$linkColorHover: darken($linkColor, 15%) !default;
|
13
|
+
|
14
|
+
// Grays
|
15
|
+
$black: #000 !default;
|
16
|
+
$grayDarker: #222 !default;
|
17
|
+
$grayDark: #333 !default;
|
18
|
+
$gray: #555 !default;
|
19
|
+
$grayLight: #999 !default;
|
20
|
+
$grayLighter: #eee !default;
|
21
|
+
$white: #fff !default;
|
22
|
+
|
23
|
+
// Accent colors
|
24
|
+
$blue: #049cdb !default;
|
25
|
+
$blueDark: #0064cd !default;
|
26
|
+
$green: #46a546 !default;
|
27
|
+
$red: #9d261d !default;
|
28
|
+
$yellow: #ffc40d !default;
|
29
|
+
$orange: #f89406 !default;
|
30
|
+
$pink: #c3325f !default;
|
31
|
+
$purple: #7a43b6 !default;
|
32
|
+
|
33
|
+
// Typography
|
34
|
+
$baseFontSize: 13px !default;
|
35
|
+
$baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
36
|
+
$baseLineHeight: 18px !default;
|
37
|
+
$textColor: $grayDark !default;
|
38
|
+
|
39
|
+
// Buttons
|
40
|
+
$primaryButtonBackground: $linkColor !default;
|
41
|
+
|
42
|
+
|
43
|
+
|
44
|
+
// COMPONENT VARIABLES
|
45
|
+
// --------------------------------------------------
|
46
|
+
|
47
|
+
// Z-index master list
|
48
|
+
// Used for a bird's eye view of components dependent on the z-axis
|
49
|
+
// Try to avoid customizing these :)
|
50
|
+
$zindexDropdown: 1000;
|
51
|
+
$zindexPopover: 1010;
|
52
|
+
$zindexTooltip: 1020;
|
53
|
+
$zindexFixedNavbar: 1030;
|
54
|
+
$zindexModalBackdrop: 1040;
|
55
|
+
$zindexModal: 1050;
|
56
|
+
|
57
|
+
// Input placeholder text color
|
58
|
+
$placeholderText: $grayLight !default;
|
59
|
+
|
60
|
+
// HR border color
|
61
|
+
$hrBorder: $grayLighter !default;
|
62
|
+
|
63
|
+
// Navbar
|
64
|
+
$navbarHeight: 40px !default;
|
65
|
+
$navbarBackground: $grayDarker !default;
|
66
|
+
$navbarBackgroundHighlight: $grayDark !default;
|
67
|
+
$navbarLinkBackgroundHover: transparent !default;
|
68
|
+
|
69
|
+
$navbarText: $grayLight !default;
|
70
|
+
$navbarLinkColor: $grayLight !default;
|
71
|
+
$navbarLinkColorHover: $white !default;
|
72
|
+
|
73
|
+
// Form states and alerts
|
74
|
+
$warningText: #c09853 !default;
|
75
|
+
$warningBackground: #fcf8e3 !default;
|
76
|
+
$warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default;
|
77
|
+
|
78
|
+
$errorText: #b94a48 !default;
|
79
|
+
$errorBackground: #f2dede !default;
|
80
|
+
$errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default;
|
81
|
+
|
82
|
+
$successText: #468847 !default;
|
83
|
+
$successBackground: #dff0d8 !default;
|
84
|
+
$successBorder: darken(adjust-hue($successBackground, -10), 5%) !default;
|
85
|
+
|
86
|
+
$infoText: #3a87ad !default;
|
87
|
+
$infoBackground: #d9edf7 !default;
|
88
|
+
$infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
|
89
|
+
|
90
|
+
|
91
|
+
|
92
|
+
// GRID
|
93
|
+
// --------------------------------------------------
|
94
|
+
|
95
|
+
// Default 940px grid
|
96
|
+
$gridColumns: 12 !default;
|
97
|
+
$gridColumnWidth: 60px !default;
|
98
|
+
$gridGutterWidth: 20px !default;
|
99
|
+
$gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
|
100
|
+
|
101
|
+
// Fluid grid
|
102
|
+
$fluidGridColumnWidth: 6.382978723% !default;
|
103
|
+
$fluidGridGutterWidth: 2.127659574% !default;
|