bootstrap-sass 2.0.4.2 → 2.1.0.0
Sign up to get free protection for your applications and to get access to all the features.
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
|
}
|