bootstrap-sass 2.0.4.2 → 2.1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of bootstrap-sass might be problematic. Click here for more details.
- data/README.md +3 -6
- data/vendor/assets/images/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/bootstrap-affix.js +104 -0
- data/vendor/assets/javascripts/bootstrap-alert.js +1 -1
- data/vendor/assets/javascripts/bootstrap-button.js +1 -1
- data/vendor/assets/javascripts/bootstrap-carousel.js +12 -5
- data/vendor/assets/javascripts/bootstrap-collapse.js +4 -3
- data/vendor/assets/javascripts/bootstrap-dropdown.js +66 -16
- data/vendor/assets/javascripts/bootstrap-modal.js +95 -74
- data/vendor/assets/javascripts/bootstrap-popover.js +9 -4
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +9 -9
- data/vendor/assets/javascripts/bootstrap-tab.js +2 -2
- data/vendor/assets/javascripts/bootstrap-tooltip.js +15 -15
- data/vendor/assets/javascripts/bootstrap-transition.js +2 -3
- data/vendor/assets/javascripts/bootstrap-typeahead.js +51 -36
- data/vendor/assets/javascripts/bootstrap.js +1 -0
- data/vendor/assets/stylesheets/_bootstrap-responsive.scss +15 -8
- data/vendor/assets/stylesheets/_bootstrap.scss +2 -2
- data/vendor/assets/stylesheets/bootstrap/_accordion.scss +3 -2
- data/vendor/assets/stylesheets/bootstrap/_alerts.scss +19 -10
- data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +11 -11
- data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +94 -28
- data/vendor/assets/stylesheets/bootstrap/_buttons.scss +94 -54
- data/vendor/assets/stylesheets/bootstrap/_carousel.scss +22 -7
- data/vendor/assets/stylesheets/bootstrap/_close.scss +5 -3
- data/vendor/assets/stylesheets/bootstrap/_code.scss +8 -6
- data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +7 -4
- data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +90 -17
- data/vendor/assets/stylesheets/bootstrap/_forms.scss +243 -90
- data/vendor/assets/stylesheets/bootstrap/_grid.scss +17 -2
- data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +4 -2
- data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +25 -5
- data/vendor/assets/stylesheets/bootstrap/_layouts.scss +1 -2
- data/vendor/assets/stylesheets/bootstrap/_mixins.scss +143 -134
- data/vendor/assets/stylesheets/bootstrap/_modals.scss +13 -6
- data/vendor/assets/stylesheets/bootstrap/_navbar.scss +263 -141
- data/vendor/assets/stylesheets/bootstrap/_navs.scss +75 -31
- data/vendor/assets/stylesheets/bootstrap/_pager.scss +7 -5
- data/vendor/assets/stylesheets/bootstrap/_pagination.scss +22 -11
- data/vendor/assets/stylesheets/bootstrap/_popovers.scss +101 -33
- data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +23 -19
- data/vendor/assets/stylesheets/bootstrap/_reset.scss +35 -11
- data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +9 -7
- data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +103 -72
- data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +8 -5
- data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +26 -9
- data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +17 -15
- data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +26 -4
- data/vendor/assets/stylesheets/bootstrap/_sprites.scss +19 -9
- data/vendor/assets/stylesheets/bootstrap/_tables.scss +94 -23
- data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +10 -7
- data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +47 -12
- data/vendor/assets/stylesheets/bootstrap/_type.scss +71 -89
- data/vendor/assets/stylesheets/bootstrap/_utilities.scss +9 -2
- data/vendor/assets/stylesheets/bootstrap/_variables.scss +108 -68
- data/vendor/assets/stylesheets/bootstrap/_wells.scss +8 -6
- metadata +3 -2
@@ -1,3 +1,8 @@
|
|
1
|
+
//
|
2
|
+
// Responsive: Navbar
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
1
6
|
// TABLETS AND BELOW
|
2
7
|
// -----------------
|
3
8
|
@media (max-width: 979px) {
|
@@ -8,8 +13,9 @@
|
|
8
13
|
body {
|
9
14
|
padding-top: 0;
|
10
15
|
}
|
11
|
-
// Unfix the
|
12
|
-
.navbar-fixed-top,
|
16
|
+
// Unfix the navbars
|
17
|
+
.navbar-fixed-top,
|
18
|
+
.navbar-fixed-bottom {
|
13
19
|
position: static;
|
14
20
|
}
|
15
21
|
.navbar-fixed-top {
|
@@ -18,7 +24,8 @@
|
|
18
24
|
.navbar-fixed-bottom {
|
19
25
|
margin-top: $baseLineHeight;
|
20
26
|
}
|
21
|
-
.navbar-fixed-top .navbar-inner,
|
27
|
+
.navbar-fixed-top .navbar-inner,
|
28
|
+
.navbar-fixed-bottom .navbar-inner {
|
22
29
|
padding: 5px;
|
23
30
|
}
|
24
31
|
.navbar .container {
|
@@ -57,8 +64,9 @@
|
|
57
64
|
text-shadow: none;
|
58
65
|
}
|
59
66
|
// Nav and dropdown links in navbar
|
60
|
-
.nav-collapse .nav > li > a,
|
61
|
-
|
67
|
+
.nav-collapse .nav > li > a,
|
68
|
+
.nav-collapse .dropdown-menu a {
|
69
|
+
padding: 9px 15px;
|
62
70
|
font-weight: bold;
|
63
71
|
color: $navbarLinkColor;
|
64
72
|
@include border-radius(3px);
|
@@ -72,9 +80,14 @@
|
|
72
80
|
.nav-collapse .dropdown-menu li + li a {
|
73
81
|
margin-bottom: 2px;
|
74
82
|
}
|
75
|
-
.nav-collapse .nav > li > a:hover,
|
83
|
+
.nav-collapse .nav > li > a:hover,
|
84
|
+
.nav-collapse .dropdown-menu a:hover {
|
76
85
|
background-color: $navbarBackground;
|
77
86
|
}
|
87
|
+
.navbar-inverse .nav-collapse .nav > li > a:hover,
|
88
|
+
.navbar-inverse .nav-collapse .dropdown-menu a:hover {
|
89
|
+
background-color: $navbarInverseBackground;
|
90
|
+
}
|
78
91
|
// Buttons in the navbar
|
79
92
|
.nav-collapse.in .btn-group {
|
80
93
|
margin-top: 5px;
|
@@ -95,14 +108,16 @@
|
|
95
108
|
@include border-radius(0);
|
96
109
|
@include box-shadow(none);
|
97
110
|
}
|
98
|
-
.nav-collapse .dropdown-menu:before,
|
111
|
+
.nav-collapse .dropdown-menu:before,
|
112
|
+
.nav-collapse .dropdown-menu:after {
|
99
113
|
display: none;
|
100
114
|
}
|
101
115
|
.nav-collapse .dropdown-menu .divider {
|
102
116
|
display: none;
|
103
117
|
}
|
104
118
|
// Forms in navbar
|
105
|
-
.nav-collapse .navbar-form,
|
119
|
+
.nav-collapse .navbar-form,
|
120
|
+
.nav-collapse .navbar-search {
|
106
121
|
float: none;
|
107
122
|
padding: ($baseLineHeight / 2) 15px;
|
108
123
|
margin: ($baseLineHeight / 2) 0;
|
@@ -138,10 +153,12 @@
|
|
138
153
|
// DEFAULT DESKTOP
|
139
154
|
// ---------------
|
140
155
|
|
141
|
-
// Required to make the collapsing navbar work on regular desktops
|
142
156
|
@media (min-width: 980px) {
|
157
|
+
|
158
|
+
// Required to make the collapsing navbar work on regular desktops
|
143
159
|
.nav-collapse.collapse {
|
144
160
|
height: auto !important;
|
145
161
|
overflow: visible !important;
|
146
162
|
}
|
163
|
+
|
147
164
|
}
|
@@ -1,5 +1,7 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Responsive: Utility classes
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
3
5
|
|
4
6
|
// Hide from screenreaders and browsers
|
5
7
|
// Credit: HTML5 Boilerplate
|
@@ -13,29 +15,29 @@
|
|
13
15
|
// For desktops
|
14
16
|
.visible-phone { display: none !important; }
|
15
17
|
.visible-tablet { display: none !important; }
|
16
|
-
.visible-desktop { } // Don't set initially
|
17
18
|
.hidden-phone { }
|
18
19
|
.hidden-tablet { }
|
19
20
|
.hidden-desktop { display: none !important; }
|
20
|
-
|
21
|
-
// Phones only
|
22
|
-
@media (max-width: 767px) {
|
23
|
-
// Show
|
24
|
-
.visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
|
25
|
-
// Hide
|
26
|
-
.hidden-phone { display: none !important; }
|
27
|
-
// Hide everything else
|
28
|
-
.hidden-desktop { display: inherit !important; }
|
29
|
-
.visible-desktop { display: none !important; }
|
30
|
-
}
|
21
|
+
.visible-desktop { display: inherit !important; }
|
31
22
|
|
32
23
|
// Tablets & small desktops only
|
33
24
|
@media (min-width: 768px) and (max-width: 979px) {
|
25
|
+
// Hide everything else
|
26
|
+
.hidden-desktop { display: inherit !important; }
|
27
|
+
.visible-desktop { display: none !important ; }
|
34
28
|
// Show
|
35
29
|
.visible-tablet { display: inherit !important; }
|
36
30
|
// Hide
|
37
31
|
.hidden-tablet { display: none !important; }
|
32
|
+
}
|
33
|
+
|
34
|
+
// Phones only
|
35
|
+
@media (max-width: 767px) {
|
38
36
|
// Hide everything else
|
39
37
|
.hidden-desktop { display: inherit !important; }
|
40
|
-
.visible-desktop { display: none !important
|
38
|
+
.visible-desktop { display: none !important; }
|
39
|
+
// Show
|
40
|
+
.visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
|
41
|
+
// Hide
|
42
|
+
.hidden-phone { display: none !important; }
|
41
43
|
}
|
@@ -1,10 +1,10 @@
|
|
1
|
+
//
|
1
2
|
// Scaffolding
|
2
|
-
//
|
3
|
-
// -------------------------------------------------------------------------------------------
|
3
|
+
// --------------------------------------------------
|
4
4
|
|
5
5
|
|
6
6
|
// Body reset
|
7
|
-
//
|
7
|
+
// -------------------------
|
8
8
|
|
9
9
|
body {
|
10
10
|
margin: 0;
|
@@ -17,7 +17,7 @@ body {
|
|
17
17
|
|
18
18
|
|
19
19
|
// Links
|
20
|
-
//
|
20
|
+
// -------------------------
|
21
21
|
|
22
22
|
a {
|
23
23
|
color: $linkColor;
|
@@ -26,4 +26,26 @@ a {
|
|
26
26
|
a:hover {
|
27
27
|
color: $linkColorHover;
|
28
28
|
text-decoration: underline;
|
29
|
+
}
|
30
|
+
|
31
|
+
|
32
|
+
// Images
|
33
|
+
// -------------------------
|
34
|
+
|
35
|
+
.img-rounded {
|
36
|
+
@include border-radius(6px);
|
37
|
+
}
|
38
|
+
|
39
|
+
.img-polaroid {
|
40
|
+
padding: 4px;
|
41
|
+
background-color: #fff;
|
42
|
+
border: 1px solid #ccc;
|
43
|
+
border: 1px solid rgba(0,0,0,.2);
|
44
|
+
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
|
45
|
+
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
|
46
|
+
box-shadow: 0 1px 3px rgba(0,0,0,.1);
|
47
|
+
}
|
48
|
+
|
49
|
+
.img-circle {
|
50
|
+
@include border-radius(500px);
|
29
51
|
}
|
@@ -1,20 +1,21 @@
|
|
1
|
-
//
|
2
|
-
//
|
3
|
-
//
|
1
|
+
//
|
2
|
+
// Sprites
|
3
|
+
// --------------------------------------------------
|
4
4
|
|
5
5
|
|
6
6
|
// ICONS
|
7
7
|
// -----
|
8
8
|
|
9
|
-
// All icons receive the styles of the <i> tag with a base class
|
10
|
-
// of .i and are then given a unique class to add width, height,
|
9
|
+
// All icons receive the styles of the <i> tag with a base class
|
10
|
+
// of .i and are then given a unique class to add width, height,
|
11
11
|
// and background-position. Your resulting HTML will look like
|
12
12
|
// <i class="icon-inbox"></i>.
|
13
13
|
|
14
14
|
// For the white version of the icons, just add the .icon-white class:
|
15
15
|
// <i class="icon-inbox icon-white"></i>
|
16
16
|
|
17
|
-
[class^="icon-"],
|
17
|
+
[class^="icon-"],
|
18
|
+
[class*=" icon-"] {
|
18
19
|
display: inline-block;
|
19
20
|
width: 14px;
|
20
21
|
height: 14px;
|
@@ -24,8 +25,17 @@
|
|
24
25
|
background-image: $iconSpritePath;
|
25
26
|
background-position: 14px 14px;
|
26
27
|
background-repeat: no-repeat;
|
28
|
+
margin-top: 1px;
|
27
29
|
}
|
28
|
-
|
30
|
+
|
31
|
+
/* White icons with optional class, or on hover/active states of certain elements */
|
32
|
+
.icon-white,
|
33
|
+
.nav > .active > a > [class^="icon-"],
|
34
|
+
.nav > .active > a > [class*=" icon-"],
|
35
|
+
.dropdown-menu > li > a:hover > [class^="icon-"],
|
36
|
+
.dropdown-menu > li > a:hover > [class*=" icon-"],
|
37
|
+
.dropdown-menu > .active > a > [class^="icon-"],
|
38
|
+
.dropdown-menu > .active > a > [class*=" icon-"] {
|
29
39
|
background-image: $iconWhiteSpritePath;
|
30
40
|
}
|
31
41
|
|
@@ -143,7 +153,7 @@
|
|
143
153
|
.icon-warning-sign { background-position: -144px -120px; }
|
144
154
|
.icon-plane { background-position: -168px -120px; }
|
145
155
|
.icon-calendar { background-position: -192px -120px; }
|
146
|
-
.icon-random { background-position: -216px -120px; }
|
156
|
+
.icon-random { background-position: -216px -120px; width: 16px; }
|
147
157
|
.icon-comment { background-position: -240px -120px; }
|
148
158
|
.icon-magnet { background-position: -264px -120px; }
|
149
159
|
.icon-chevron-up { background-position: -288px -120px; }
|
@@ -151,7 +161,7 @@
|
|
151
161
|
.icon-retweet { background-position: -336px -120px; }
|
152
162
|
.icon-shopping-cart { background-position: -360px -120px; }
|
153
163
|
.icon-folder-close { background-position: -384px -120px; }
|
154
|
-
.icon-folder-open { background-position: -408px -120px; }
|
164
|
+
.icon-folder-open { background-position: -408px -120px; width: 16px; }
|
155
165
|
.icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off
|
156
166
|
.icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off
|
157
167
|
|
@@ -1,7 +1,6 @@
|
|
1
1
|
//
|
2
|
-
// Tables
|
3
|
-
//
|
4
|
-
// ----------------------------------------
|
2
|
+
// Tables
|
3
|
+
// --------------------------------------------------
|
5
4
|
|
6
5
|
|
7
6
|
// BASE TABLES
|
@@ -21,7 +20,8 @@ table {
|
|
21
20
|
width: 100%;
|
22
21
|
margin-bottom: $baseLineHeight;
|
23
22
|
// Cells
|
24
|
-
th,
|
23
|
+
th,
|
24
|
+
td {
|
25
25
|
padding: 8px;
|
26
26
|
line-height: $baseLineHeight;
|
27
27
|
text-align: left;
|
@@ -36,9 +36,12 @@ table {
|
|
36
36
|
vertical-align: bottom;
|
37
37
|
}
|
38
38
|
// Remove top border from thead by default
|
39
|
-
caption + thead tr:first-child th,
|
40
|
-
|
41
|
-
thead
|
39
|
+
caption + thead tr:first-child th,
|
40
|
+
caption + thead tr:first-child td,
|
41
|
+
colgroup + thead tr:first-child th,
|
42
|
+
colgroup + thead tr:first-child td,
|
43
|
+
thead:first-child tr:first-child th,
|
44
|
+
thead:first-child tr:first-child td {
|
42
45
|
border-top: 0;
|
43
46
|
}
|
44
47
|
// Account for multiple tbody instances
|
@@ -53,7 +56,8 @@ table {
|
|
53
56
|
// -------------------------------
|
54
57
|
|
55
58
|
.table-condensed {
|
56
|
-
th,
|
59
|
+
th,
|
60
|
+
td {
|
57
61
|
padding: 4px 5px;
|
58
62
|
}
|
59
63
|
}
|
@@ -65,50 +69,86 @@ table {
|
|
65
69
|
.table-bordered {
|
66
70
|
border: 1px solid $tableBorder;
|
67
71
|
border-collapse: separate; // Done so we can round those corners!
|
68
|
-
*border-collapse:
|
72
|
+
*border-collapse: collapse; // IE7 can't round corners anyway
|
69
73
|
border-left: 0;
|
70
74
|
@include border-radius(4px);
|
71
|
-
th,
|
75
|
+
th,
|
76
|
+
td {
|
72
77
|
border-left: 1px solid $tableBorder;
|
73
78
|
}
|
74
79
|
// Prevent a double border
|
75
|
-
caption + thead tr:first-child th,
|
76
|
-
|
77
|
-
|
80
|
+
caption + thead tr:first-child th,
|
81
|
+
caption + tbody tr:first-child th,
|
82
|
+
caption + tbody tr:first-child td,
|
83
|
+
colgroup + thead tr:first-child th,
|
84
|
+
colgroup + tbody tr:first-child th,
|
85
|
+
colgroup + tbody tr:first-child td,
|
86
|
+
thead:first-child tr:first-child th,
|
87
|
+
tbody:first-child tr:first-child th,
|
88
|
+
tbody:first-child tr:first-child td {
|
78
89
|
border-top: 0;
|
79
90
|
}
|
80
91
|
// For first th or td in the first row in the first thead or tbody
|
81
|
-
thead:first-child tr:first-child th:first-child,
|
92
|
+
thead:first-child tr:first-child th:first-child,
|
93
|
+
tbody:first-child tr:first-child td:first-child {
|
82
94
|
-webkit-border-top-left-radius: 4px;
|
83
95
|
border-top-left-radius: 4px;
|
84
96
|
-moz-border-radius-topleft: 4px;
|
85
97
|
}
|
86
|
-
thead:first-child tr:first-child th:last-child,
|
98
|
+
thead:first-child tr:first-child th:last-child,
|
99
|
+
tbody:first-child tr:first-child td:last-child {
|
87
100
|
-webkit-border-top-right-radius: 4px;
|
88
101
|
border-top-right-radius: 4px;
|
89
102
|
-moz-border-radius-topright: 4px;
|
90
103
|
}
|
91
104
|
// For first th or td in the first row in the first thead or tbody
|
92
|
-
thead:last-child tr:last-child th:first-child,
|
105
|
+
thead:last-child tr:last-child th:first-child,
|
106
|
+
tbody:last-child tr:last-child td:first-child,
|
107
|
+
tfoot:last-child tr:last-child td:first-child {
|
108
|
+
@include border-radius(0 0 0 4px);
|
93
109
|
-webkit-border-bottom-left-radius: 4px;
|
94
110
|
border-bottom-left-radius: 4px;
|
95
111
|
-moz-border-radius-bottomleft: 4px;
|
96
112
|
}
|
97
|
-
thead:last-child tr:last-child th:last-child,
|
113
|
+
thead:last-child tr:last-child th:last-child,
|
114
|
+
tbody:last-child tr:last-child td:last-child,
|
115
|
+
tfoot:last-child tr:last-child td:last-child {
|
98
116
|
-webkit-border-bottom-right-radius: 4px;
|
99
117
|
border-bottom-right-radius: 4px;
|
100
|
-
-moz-border-radius-bottomright: 4px;
|
118
|
+
-moz-border-radius-bottomright: 4px;
|
101
119
|
}
|
120
|
+
|
121
|
+
// Special fixes to round the left border on the first td/th
|
122
|
+
caption + thead tr:first-child th:first-child,
|
123
|
+
caption + tbody tr:first-child td:first-child,
|
124
|
+
colgroup + thead tr:first-child th:first-child,
|
125
|
+
colgroup + tbody tr:first-child td:first-child {
|
126
|
+
-webkit-border-top-left-radius: 4px;
|
127
|
+
border-top-left-radius: 4px;
|
128
|
+
-moz-border-radius-topleft: 4px;
|
129
|
+
}
|
130
|
+
caption + thead tr:first-child th:last-child,
|
131
|
+
caption + tbody tr:first-child td:last-child,
|
132
|
+
colgroup + thead tr:first-child th:last-child,
|
133
|
+
colgroup + tbody tr:first-child td:last-child {
|
134
|
+
-webkit-border-top-right-radius: 4px;
|
135
|
+
border-top-right-radius: 4px;
|
136
|
+
-moz-border-right-topleft: 4px;
|
137
|
+
}
|
138
|
+
|
102
139
|
}
|
103
140
|
|
104
141
|
|
142
|
+
|
143
|
+
|
105
144
|
// ZEBRA-STRIPING
|
106
145
|
// --------------
|
107
146
|
|
108
147
|
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
109
148
|
.table-striped {
|
110
149
|
tbody {
|
111
|
-
tr:nth-child(odd) td,
|
150
|
+
tr:nth-child(odd) td,
|
151
|
+
tr:nth-child(odd) th {
|
112
152
|
background-color: $tableBackgroundAccent;
|
113
153
|
}
|
114
154
|
}
|
@@ -118,16 +158,47 @@ table {
|
|
118
158
|
// HOVER EFFECT
|
119
159
|
// ------------
|
120
160
|
// Placed here since it has to come after the potential zebra striping
|
121
|
-
.table {
|
122
|
-
tbody
|
123
|
-
|
161
|
+
.table-hover {
|
162
|
+
tbody {
|
163
|
+
tr:hover td,
|
164
|
+
tr:hover th {
|
165
|
+
background-color: $tableBackgroundHover;
|
166
|
+
}
|
124
167
|
}
|
125
168
|
}
|
126
169
|
|
170
|
+
|
127
171
|
// TABLE CELL SIZING
|
128
172
|
// -----------------
|
173
|
+
|
174
|
+
// Reset default grid behavior
|
175
|
+
table [class*=span],
|
176
|
+
.row-fluid table [class*=span] {
|
177
|
+
display: table-cell;
|
178
|
+
float: none; // undo default grid column styles
|
179
|
+
margin-left: 0; // undo default grid column styles
|
180
|
+
}
|
181
|
+
|
182
|
+
// Change the column widths to account for td/th padding
|
129
183
|
table {
|
130
184
|
@for $i from 1 through $gridColumns {
|
131
185
|
.span#{$i} { @include tableColumns($i); }
|
132
186
|
}
|
133
|
-
}
|
187
|
+
}
|
188
|
+
|
189
|
+
|
190
|
+
// TABLE BACKGROUNDS
|
191
|
+
// -----------------
|
192
|
+
// Exact selectors below required to override .table-striped
|
193
|
+
|
194
|
+
.table {
|
195
|
+
tbody tr.success td {
|
196
|
+
background-color: $successBackground;
|
197
|
+
}
|
198
|
+
tbody tr.error td {
|
199
|
+
background-color: $errorBackground;
|
200
|
+
}
|
201
|
+
tbody tr.info td {
|
202
|
+
background-color: $infoBackground;
|
203
|
+
}
|
204
|
+
}
|
@@ -1,5 +1,8 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Thumbnails
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
3
6
|
// Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
|
4
7
|
|
5
8
|
// Make wrapper ul behave like the grid
|
@@ -15,8 +18,6 @@
|
|
15
18
|
|
16
19
|
// Float li to make thumbnails appear in a row
|
17
20
|
.thumbnails > li {
|
18
|
-
float: left;
|
19
|
-
margin: 0 0 $baseLineHeight $gridGutterWidth;
|
20
21
|
float: left; // Explicity set the float since we don't require .span* classes
|
21
22
|
margin-bottom: $baseLineHeight;
|
22
23
|
margin-left: $gridGutterWidth;
|
@@ -26,17 +27,18 @@
|
|
26
27
|
.thumbnail {
|
27
28
|
display: block;
|
28
29
|
padding: 4px;
|
29
|
-
line-height:
|
30
|
+
line-height: $baseLineHeight;
|
30
31
|
border: 1px solid #ddd;
|
31
32
|
@include border-radius(4px);
|
32
|
-
@include box-shadow(0 1px
|
33
|
+
@include box-shadow(0 1px 3px rgba(0,0,0,.055));
|
34
|
+
@include transition(all .2s ease-in-out);
|
33
35
|
}
|
34
|
-
|
35
36
|
// Add a hover state for linked versions only
|
36
37
|
a.thumbnail:hover {
|
37
38
|
border-color: $linkColor;
|
38
39
|
@include box-shadow(0 1px 4px rgba(0,105,214,.25));
|
39
40
|
}
|
41
|
+
|
40
42
|
// Images and captions
|
41
43
|
.thumbnail > img {
|
42
44
|
display: block;
|
@@ -46,4 +48,5 @@ a.thumbnail:hover {
|
|
46
48
|
}
|
47
49
|
.thumbnail .caption {
|
48
50
|
padding: 9px;
|
51
|
+
color: $gray;
|
49
52
|
}
|