bootstrap-sass-keppy 0.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (64) hide show
  1. data/LICENSE +14 -0
  2. data/README.md +97 -0
  3. data/lib/bootstrap-sass.rb +43 -0
  4. data/lib/bootstrap-sass/compass_functions.rb +10 -0
  5. data/lib/bootstrap-sass/engine.rb +7 -0
  6. data/lib/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 +129 -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
+ }