querobolsa-bootstrap-sass 0.1.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.
Files changed (64) hide show
  1. data/LICENSE +14 -0
  2. data/README.md +106 -0
  3. data/lib/querobolsa-bootstrap-sass.rb +43 -0
  4. data/lib/querobolsa-bootstrap-sass/compass_functions.rb +10 -0
  5. data/lib/querobolsa-bootstrap-sass/engine.rb +7 -0
  6. data/lib/querobolsa-bootstrap-sass/rails_functions.rb +14 -0
  7. data/templates/project/manifest.rb +18 -0
  8. data/templates/project/styles.scss +5 -0
  9. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  10. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  11. data/vendor/assets/javascripts/bootstrap-alert.js +90 -0
  12. data/vendor/assets/javascripts/bootstrap-button.js +96 -0
  13. data/vendor/assets/javascripts/bootstrap-carousel.js +169 -0
  14. data/vendor/assets/javascripts/bootstrap-collapse.js +157 -0
  15. data/vendor/assets/javascripts/bootstrap-dropdown.js +100 -0
  16. data/vendor/assets/javascripts/bootstrap-modal.js +218 -0
  17. data/vendor/assets/javascripts/bootstrap-popover.js +98 -0
  18. data/vendor/assets/javascripts/bootstrap-scrollspy.js +151 -0
  19. data/vendor/assets/javascripts/bootstrap-tab.js +135 -0
  20. data/vendor/assets/javascripts/bootstrap-tooltip.js +275 -0
  21. data/vendor/assets/javascripts/bootstrap-transition.js +61 -0
  22. data/vendor/assets/javascripts/bootstrap-typeahead.js +285 -0
  23. data/vendor/assets/javascripts/bootstrap.js +12 -0
  24. data/vendor/assets/stylesheets/_bootstrap-responsive.scss +35 -0
  25. data/vendor/assets/stylesheets/_bootstrap.scss +62 -0
  26. data/vendor/assets/stylesheets/bootstrap/_accordion.scss +33 -0
  27. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +56 -0
  28. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +24 -0
  29. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +178 -0
  30. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +171 -0
  31. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +116 -0
  32. data/vendor/assets/stylesheets/bootstrap/_close.scss +29 -0
  33. data/vendor/assets/stylesheets/bootstrap/_code.scss +56 -0
  34. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +20 -0
  35. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +137 -0
  36. data/vendor/assets/stylesheets/bootstrap/_forms.scss +482 -0
  37. data/vendor/assets/stylesheets/bootstrap/_grid.scss +5 -0
  38. data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +22 -0
  39. data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +50 -0
  40. data/vendor/assets/stylesheets/bootstrap/_layouts.scss +17 -0
  41. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +625 -0
  42. data/vendor/assets/stylesheets/bootstrap/_modals.scss +90 -0
  43. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +344 -0
  44. data/vendor/assets/stylesheets/bootstrap/_navs.scss +340 -0
  45. data/vendor/assets/stylesheets/bootstrap/_pager.scss +35 -0
  46. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +53 -0
  47. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +49 -0
  48. data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +118 -0
  49. data/vendor/assets/stylesheets/bootstrap/_reset.scss +110 -0
  50. data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +26 -0
  51. data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +136 -0
  52. data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +16 -0
  53. data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +147 -0
  54. data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +41 -0
  55. data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +29 -0
  56. data/vendor/assets/stylesheets/bootstrap/_sprites.scss +177 -0
  57. data/vendor/assets/stylesheets/bootstrap/_tables.scss +133 -0
  58. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +49 -0
  59. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +35 -0
  60. data/vendor/assets/stylesheets/bootstrap/_type.scss +224 -0
  61. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +23 -0
  62. data/vendor/assets/stylesheets/bootstrap/_variables.scss +237 -0
  63. data/vendor/assets/stylesheets/bootstrap/_wells.scss +27 -0
  64. metadata +142 -0
@@ -0,0 +1,16 @@
1
+ // PORTRAIT TABLET TO DEFAULT DESKTOP
2
+ // ----------------------------------
3
+
4
+ @media (min-width: 768px) and (max-width: 979px) {
5
+
6
+ // Fixed grid
7
+ @include gridCore($gridColumnWidthTablet, $gridGutterWidthTablet);
8
+
9
+ // Fluid grid
10
+ @include gridFluid($fluidGridColumnWidthTablet, $fluidGridGutterWidthTablet);
11
+
12
+ // Input grid
13
+ @include gridInput($gridColumnWidthTablet, $gridGutterWidthTablet);
14
+
15
+ // No need to reset .thumbnails here since it's the same $gridGutterWidth
16
+ }
@@ -0,0 +1,147 @@
1
+ // TABLETS AND BELOW
2
+ // -----------------
3
+ @media (max-width: 979px) {
4
+
5
+ // UNFIX THE TOPBAR
6
+ // ----------------
7
+ // Remove any padding from the body
8
+ body {
9
+ padding-top: 0;
10
+ }
11
+ // Unfix the navbar
12
+ .navbar-fixed-top, .navbar-fixed-bottom {
13
+ position: static;
14
+ }
15
+ .navbar-fixed-top {
16
+ margin-bottom: $baseLineHeight;
17
+ }
18
+ .navbar-fixed-bottom {
19
+ margin-top: $baseLineHeight;
20
+ }
21
+ .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
22
+ padding: 5px;
23
+ }
24
+ .navbar .container {
25
+ width: auto;
26
+ padding: 0;
27
+ }
28
+ // Account for brand name
29
+ .navbar .brand {
30
+ padding-left: 10px;
31
+ padding-right: 10px;
32
+ margin: 0 0 0 -5px;
33
+ }
34
+
35
+ // COLLAPSIBLE NAVBAR
36
+ // ------------------
37
+ // Nav collapse clears brand
38
+ .nav-collapse {
39
+ clear: both;
40
+ }
41
+ // Block-level the nav
42
+ .nav-collapse .nav {
43
+ float: none;
44
+ margin: 0 0 ($baseLineHeight / 2);
45
+ }
46
+ .nav-collapse .nav > li {
47
+ float: none;
48
+ }
49
+ .nav-collapse .nav > li > a {
50
+ margin-bottom: 2px;
51
+ }
52
+ .nav-collapse .nav > .divider-vertical {
53
+ display: none;
54
+ }
55
+ .nav-collapse .nav .nav-header {
56
+ color: $navbarText;
57
+ text-shadow: none;
58
+ }
59
+ // Nav and dropdown links in navbar
60
+ .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
61
+ padding: 6px 15px;
62
+ font-weight: bold;
63
+ color: $navbarLinkColor;
64
+ @include border-radius(3px);
65
+ }
66
+ // Buttons
67
+ .nav-collapse .btn {
68
+ padding: 4px 10px 4px;
69
+ font-weight: normal;
70
+ @include border-radius(4px);
71
+ }
72
+ .nav-collapse .dropdown-menu li + li a {
73
+ margin-bottom: 2px;
74
+ }
75
+ .nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {
76
+ background-color: $navbarBackground;
77
+ }
78
+ // Buttons in the navbar
79
+ .nav-collapse.in .btn-group {
80
+ margin-top: 5px;
81
+ padding: 0;
82
+ }
83
+ // Dropdowns in the navbar
84
+ .nav-collapse .dropdown-menu {
85
+ position: static;
86
+ top: auto;
87
+ left: auto;
88
+ float: none;
89
+ display: block;
90
+ max-width: none;
91
+ margin: 0 15px;
92
+ padding: 0;
93
+ background-color: transparent;
94
+ border: none;
95
+ @include border-radius(0);
96
+ @include box-shadow(none);
97
+ }
98
+ .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after {
99
+ display: none;
100
+ }
101
+ .nav-collapse .dropdown-menu .divider {
102
+ display: none;
103
+ }
104
+ // Forms in navbar
105
+ .nav-collapse .navbar-form, .nav-collapse .navbar-search {
106
+ float: none;
107
+ padding: ($baseLineHeight / 2) 15px;
108
+ margin: ($baseLineHeight / 2) 0;
109
+ border-top: 1px solid $navbarBackground;
110
+ border-bottom: 1px solid $navbarBackground;
111
+ @include box-shadow(#{inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)});
112
+ }
113
+ // Pull right (secondary) nav content
114
+ .navbar .nav-collapse .nav.pull-right {
115
+ float: none;
116
+ margin-left: 0;
117
+ }
118
+ // Hide everything in the navbar save .brand and toggle button */
119
+ .nav-collapse,
120
+ .nav-collapse.collapse {
121
+ overflow: hidden;
122
+ height: 0;
123
+ }
124
+ // Navbar button
125
+ .navbar .btn-navbar {
126
+ display: block;
127
+ }
128
+
129
+ // STATIC NAVBAR
130
+ // -------------
131
+ .navbar-static .navbar-inner {
132
+ padding-left: 10px;
133
+ padding-right: 10px;
134
+ }
135
+ }
136
+
137
+
138
+ // DEFAULT DESKTOP
139
+ // ---------------
140
+
141
+ // Required to make the collapsing navbar work on regular desktops
142
+ @media (min-width: 980px) {
143
+ .nav-collapse.collapse {
144
+ height: auto !important;
145
+ overflow: visible !important;
146
+ }
147
+ }
@@ -0,0 +1,41 @@
1
+ // RESPONSIVE CLASSES
2
+ // ------------------
3
+
4
+ // Hide from screenreaders and browsers
5
+ // Credit: HTML5 Boilerplate
6
+ .hidden {
7
+ display: none;
8
+ visibility: hidden;
9
+ }
10
+
11
+ // Visibility utilities
12
+
13
+ // For desktops
14
+ .visible-phone { display: none !important; }
15
+ .visible-tablet { display: none !important; }
16
+ .visible-desktop { } // Don't set initially
17
+ .hidden-phone { }
18
+ .hidden-tablet { }
19
+ .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
+ }
31
+
32
+ // Tablets & small desktops only
33
+ @media (min-width: 768px) and (max-width: 979px) {
34
+ // Show
35
+ .visible-tablet { display: inherit !important; }
36
+ // Hide
37
+ .hidden-tablet { display: none !important; }
38
+ // Hide everything else
39
+ .hidden-desktop { display: inherit !important; }
40
+ .visible-desktop { display: none !important ; }
41
+ }
@@ -0,0 +1,29 @@
1
+ // Scaffolding
2
+ // Basic and global styles for generating a grid system, structural layout, and page templates
3
+ // -------------------------------------------------------------------------------------------
4
+
5
+
6
+ // Body reset
7
+ // -----------------
8
+
9
+ body {
10
+ margin: 0;
11
+ font-family: $baseFontFamily;
12
+ font-size: $baseFontSize;
13
+ line-height: $baseLineHeight;
14
+ color: $textColor;
15
+ background-color: $bodyBackground;
16
+ }
17
+
18
+
19
+ // Links
20
+ // -----
21
+
22
+ a {
23
+ color: $linkColor;
24
+ text-decoration: none;
25
+ }
26
+ a:hover {
27
+ color: $linkColorHover;
28
+ text-decoration: underline;
29
+ }
@@ -0,0 +1,177 @@
1
+ // SPRITES
2
+ // Glyphs and icons for buttons, nav, and more
3
+ // -------------------------------------------
4
+
5
+
6
+ // ICONS
7
+ // -----
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,
11
+ // and background-position. Your resulting HTML will look like
12
+ // <i class="icon-inbox"></i>.
13
+
14
+ // For the white version of the icons, just add the .icon-white class:
15
+ // <i class="icon-inbox icon-white"></i>
16
+
17
+ [class^="icon-"], [class*=" icon-"] {
18
+ display: inline-block;
19
+ width: 14px;
20
+ height: 14px;
21
+ @include ie7-restore-right-whitespace();
22
+ line-height: 14px;
23
+ vertical-align: text-top;
24
+ background-image: $iconSpritePath;
25
+ background-position: 14px 14px;
26
+ background-repeat: no-repeat;
27
+ }
28
+ .icon-white {
29
+ background-image: $iconWhiteSpritePath;
30
+ }
31
+
32
+ .icon-glass { background-position: 0 0; }
33
+ .icon-music { background-position: -24px 0; }
34
+ .icon-search { background-position: -48px 0; }
35
+ .icon-envelope { background-position: -72px 0; }
36
+ .icon-heart { background-position: -96px 0; }
37
+ .icon-star { background-position: -120px 0; }
38
+ .icon-star-empty { background-position: -144px 0; }
39
+ .icon-user { background-position: -168px 0; }
40
+ .icon-film { background-position: -192px 0; }
41
+ .icon-th-large { background-position: -216px 0; }
42
+ .icon-th { background-position: -240px 0; }
43
+ .icon-th-list { background-position: -264px 0; }
44
+ .icon-ok { background-position: -288px 0; }
45
+ .icon-remove { background-position: -312px 0; }
46
+ .icon-zoom-in { background-position: -336px 0; }
47
+ .icon-zoom-out { background-position: -360px 0; }
48
+ .icon-off { background-position: -384px 0; }
49
+ .icon-signal { background-position: -408px 0; }
50
+ .icon-cog { background-position: -432px 0; }
51
+ .icon-trash { background-position: -456px 0; }
52
+
53
+ .icon-home { background-position: 0 -24px; }
54
+ .icon-file { background-position: -24px -24px; }
55
+ .icon-time { background-position: -48px -24px; }
56
+ .icon-road { background-position: -72px -24px; }
57
+ .icon-download-alt { background-position: -96px -24px; }
58
+ .icon-download { background-position: -120px -24px; }
59
+ .icon-upload { background-position: -144px -24px; }
60
+ .icon-inbox { background-position: -168px -24px; }
61
+ .icon-play-circle { background-position: -192px -24px; }
62
+ .icon-repeat { background-position: -216px -24px; }
63
+ .icon-refresh { background-position: -240px -24px; }
64
+ .icon-list-alt { background-position: -264px -24px; }
65
+ .icon-lock { background-position: -287px -24px; } // 1px off
66
+ .icon-flag { background-position: -312px -24px; }
67
+ .icon-headphones { background-position: -336px -24px; }
68
+ .icon-volume-off { background-position: -360px -24px; }
69
+ .icon-volume-down { background-position: -384px -24px; }
70
+ .icon-volume-up { background-position: -408px -24px; }
71
+ .icon-qrcode { background-position: -432px -24px; }
72
+ .icon-barcode { background-position: -456px -24px; }
73
+
74
+ .icon-tag { background-position: 0 -48px; }
75
+ .icon-tags { background-position: -25px -48px; } // 1px off
76
+ .icon-book { background-position: -48px -48px; }
77
+ .icon-bookmark { background-position: -72px -48px; }
78
+ .icon-print { background-position: -96px -48px; }
79
+ .icon-camera { background-position: -120px -48px; }
80
+ .icon-font { background-position: -144px -48px; }
81
+ .icon-bold { background-position: -167px -48px; } // 1px off
82
+ .icon-italic { background-position: -192px -48px; }
83
+ .icon-text-height { background-position: -216px -48px; }
84
+ .icon-text-width { background-position: -240px -48px; }
85
+ .icon-align-left { background-position: -264px -48px; }
86
+ .icon-align-center { background-position: -288px -48px; }
87
+ .icon-align-right { background-position: -312px -48px; }
88
+ .icon-align-justify { background-position: -336px -48px; }
89
+ .icon-list { background-position: -360px -48px; }
90
+ .icon-indent-left { background-position: -384px -48px; }
91
+ .icon-indent-right { background-position: -408px -48px; }
92
+ .icon-facetime-video { background-position: -432px -48px; }
93
+ .icon-picture { background-position: -456px -48px; }
94
+
95
+ .icon-pencil { background-position: 0 -72px; }
96
+ .icon-map-marker { background-position: -24px -72px; }
97
+ .icon-adjust { background-position: -48px -72px; }
98
+ .icon-tint { background-position: -72px -72px; }
99
+ .icon-edit { background-position: -96px -72px; }
100
+ .icon-share { background-position: -120px -72px; }
101
+ .icon-check { background-position: -144px -72px; }
102
+ .icon-move { background-position: -168px -72px; }
103
+ .icon-step-backward { background-position: -192px -72px; }
104
+ .icon-fast-backward { background-position: -216px -72px; }
105
+ .icon-backward { background-position: -240px -72px; }
106
+ .icon-play { background-position: -264px -72px; }
107
+ .icon-pause { background-position: -288px -72px; }
108
+ .icon-stop { background-position: -312px -72px; }
109
+ .icon-forward { background-position: -336px -72px; }
110
+ .icon-fast-forward { background-position: -360px -72px; }
111
+ .icon-step-forward { background-position: -384px -72px; }
112
+ .icon-eject { background-position: -408px -72px; }
113
+ .icon-chevron-left { background-position: -432px -72px; }
114
+ .icon-chevron-right { background-position: -456px -72px; }
115
+
116
+ .icon-plus-sign { background-position: 0 -96px; }
117
+ .icon-minus-sign { background-position: -24px -96px; }
118
+ .icon-remove-sign { background-position: -48px -96px; }
119
+ .icon-ok-sign { background-position: -72px -96px; }
120
+ .icon-question-sign { background-position: -96px -96px; }
121
+ .icon-info-sign { background-position: -120px -96px; }
122
+ .icon-screenshot { background-position: -144px -96px; }
123
+ .icon-remove-circle { background-position: -168px -96px; }
124
+ .icon-ok-circle { background-position: -192px -96px; }
125
+ .icon-ban-circle { background-position: -216px -96px; }
126
+ .icon-arrow-left { background-position: -240px -96px; }
127
+ .icon-arrow-right { background-position: -264px -96px; }
128
+ .icon-arrow-up { background-position: -289px -96px; } // 1px off
129
+ .icon-arrow-down { background-position: -312px -96px; }
130
+ .icon-share-alt { background-position: -336px -96px; }
131
+ .icon-resize-full { background-position: -360px -96px; }
132
+ .icon-resize-small { background-position: -384px -96px; }
133
+ .icon-plus { background-position: -408px -96px; }
134
+ .icon-minus { background-position: -433px -96px; }
135
+ .icon-asterisk { background-position: -456px -96px; }
136
+
137
+ .icon-exclamation-sign { background-position: 0 -120px; }
138
+ .icon-gift { background-position: -24px -120px; }
139
+ .icon-leaf { background-position: -48px -120px; }
140
+ .icon-fire { background-position: -72px -120px; }
141
+ .icon-eye-open { background-position: -96px -120px; }
142
+ .icon-eye-close { background-position: -120px -120px; }
143
+ .icon-warning-sign { background-position: -144px -120px; }
144
+ .icon-plane { background-position: -168px -120px; }
145
+ .icon-calendar { background-position: -192px -120px; }
146
+ .icon-random { background-position: -216px -120px; }
147
+ .icon-comment { background-position: -240px -120px; }
148
+ .icon-magnet { background-position: -264px -120px; }
149
+ .icon-chevron-up { background-position: -288px -120px; }
150
+ .icon-chevron-down { background-position: -313px -119px; } // 1px, 1px off
151
+ .icon-retweet { background-position: -336px -120px; }
152
+ .icon-shopping-cart { background-position: -360px -120px; }
153
+ .icon-folder-close { background-position: -384px -120px; }
154
+ .icon-folder-open { background-position: -408px -120px; }
155
+ .icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off
156
+ .icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off
157
+
158
+ .icon-hdd { background-position: 0 -144px; }
159
+ .icon-bullhorn { background-position: -24px -144px; }
160
+ .icon-bell { background-position: -48px -144px; }
161
+ .icon-certificate { background-position: -72px -144px; }
162
+ .icon-thumbs-up { background-position: -96px -144px; }
163
+ .icon-thumbs-down { background-position: -120px -144px; }
164
+ .icon-hand-right { background-position: -144px -144px; }
165
+ .icon-hand-left { background-position: -168px -144px; }
166
+ .icon-hand-up { background-position: -192px -144px; }
167
+ .icon-hand-down { background-position: -216px -144px; }
168
+ .icon-circle-arrow-right { background-position: -240px -144px; }
169
+ .icon-circle-arrow-left { background-position: -264px -144px; }
170
+ .icon-circle-arrow-up { background-position: -288px -144px; }
171
+ .icon-circle-arrow-down { background-position: -312px -144px; }
172
+ .icon-globe { background-position: -336px -144px; }
173
+ .icon-wrench { background-position: -360px -144px; }
174
+ .icon-tasks { background-position: -384px -144px; }
175
+ .icon-filter { background-position: -408px -144px; }
176
+ .icon-briefcase { background-position: -432px -144px; }
177
+ .icon-fullscreen { background-position: -456px -144px; }
@@ -0,0 +1,133 @@
1
+ //
2
+ // Tables.less
3
+ // Tables for, you guessed it, tabular data
4
+ // ----------------------------------------
5
+
6
+
7
+ // BASE TABLES
8
+ // -----------------
9
+
10
+ table {
11
+ max-width: 100%;
12
+ background-color: $tableBackground;
13
+ border-collapse: collapse;
14
+ border-spacing: 0;
15
+ }
16
+
17
+ // BASELINE STYLES
18
+ // ---------------
19
+
20
+ .table {
21
+ width: 100%;
22
+ margin-bottom: $baseLineHeight;
23
+ // Cells
24
+ th, td {
25
+ padding: 8px;
26
+ line-height: $baseLineHeight;
27
+ text-align: left;
28
+ vertical-align: top;
29
+ border-top: 1px solid $tableBorder;
30
+ }
31
+ th {
32
+ font-weight: bold;
33
+ }
34
+ // Bottom align for column headings
35
+ thead th {
36
+ vertical-align: bottom;
37
+ }
38
+ // Remove top border from thead by default
39
+ caption + thead tr:first-child th, caption + thead tr:first-child td,
40
+ colgroup + thead tr:first-child th, colgroup + thead tr:first-child td,
41
+ thead:first-child tr:first-child th, thead:first-child tr:first-child td {
42
+ border-top: 0;
43
+ }
44
+ // Account for multiple tbody instances
45
+ tbody + tbody {
46
+ border-top: 2px solid $tableBorder;
47
+ }
48
+ }
49
+
50
+
51
+
52
+ // CONDENSED TABLE W/ HALF PADDING
53
+ // -------------------------------
54
+
55
+ .table-condensed {
56
+ th, td {
57
+ padding: 4px 5px;
58
+ }
59
+ }
60
+
61
+
62
+ // BORDERED VERSION
63
+ // ----------------
64
+
65
+ .table-bordered {
66
+ border: 1px solid $tableBorder;
67
+ border-collapse: separate; // Done so we can round those corners!
68
+ *border-collapse: collapsed; // IE7 can't round corners anyway
69
+ border-left: 0;
70
+ @include border-radius(4px);
71
+ th, td {
72
+ border-left: 1px solid $tableBorder;
73
+ }
74
+ // Prevent a double border
75
+ caption + thead tr:first-child th, caption + tbody tr:first-child th, caption + tbody tr:first-child td,
76
+ colgroup + thead tr:first-child th, colgroup + tbody tr:first-child th, colgroup + tbody tr:first-child td,
77
+ thead:first-child tr:first-child th, tbody:first-child tr:first-child th, tbody:first-child tr:first-child td {
78
+ border-top: 0;
79
+ }
80
+ // 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, tbody:first-child tr:first-child td:first-child {
82
+ -webkit-border-top-left-radius: 4px;
83
+ border-top-left-radius: 4px;
84
+ -moz-border-radius-topleft: 4px;
85
+ }
86
+ thead:first-child tr:first-child th:last-child, tbody:first-child tr:first-child td:last-child {
87
+ -webkit-border-top-right-radius: 4px;
88
+ border-top-right-radius: 4px;
89
+ -moz-border-radius-topright: 4px;
90
+ }
91
+ // 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, tbody:last-child tr:last-child td:first-child {
93
+ -webkit-border-bottom-left-radius: 4px;
94
+ border-bottom-left-radius: 4px;
95
+ -moz-border-radius-bottomleft: 4px;
96
+ }
97
+ thead:last-child tr:last-child th:last-child, tbody:last-child tr:last-child td:last-child {
98
+ -webkit-border-bottom-right-radius: 4px;
99
+ border-bottom-right-radius: 4px;
100
+ -moz-border-radius-bottomright: 4px;
101
+ }
102
+ }
103
+
104
+
105
+ // ZEBRA-STRIPING
106
+ // --------------
107
+
108
+ // Default zebra-stripe styles (alternating gray and transparent backgrounds)
109
+ .table-striped {
110
+ tbody {
111
+ tr:nth-child(odd) td, tr:nth-child(odd) th {
112
+ background-color: $tableBackgroundAccent;
113
+ }
114
+ }
115
+ }
116
+
117
+
118
+ // HOVER EFFECT
119
+ // ------------
120
+ // Placed here since it has to come after the potential zebra striping
121
+ .table {
122
+ tbody tr:hover td, tbody tr:hover th {
123
+ background-color: $tableBackgroundHover;
124
+ }
125
+ }
126
+
127
+ // TABLE CELL SIZING
128
+ // -----------------
129
+ table {
130
+ @for $i from 1 through $gridColumns {
131
+ .span#{$i} { @include tableColumns($i); }
132
+ }
133
+ }