bootstrap-on-rails 0.0.1

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 (66) hide show
  1. data/.gitignore +4 -0
  2. data/Gemfile +4 -0
  3. data/README.md +34 -0
  4. data/Rakefile +1 -0
  5. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  6. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.svg +228 -0
  7. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  8. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  9. data/app/assets/javascripts/bootstrap/affix.js +126 -0
  10. data/app/assets/javascripts/bootstrap/alert.js +98 -0
  11. data/app/assets/javascripts/bootstrap/button.js +109 -0
  12. data/app/assets/javascripts/bootstrap/carousel.js +217 -0
  13. data/app/assets/javascripts/bootstrap/collapse.js +179 -0
  14. data/app/assets/javascripts/bootstrap/dropdown.js +154 -0
  15. data/app/assets/javascripts/bootstrap/modal.js +246 -0
  16. data/app/assets/javascripts/bootstrap/popover.js +117 -0
  17. data/app/assets/javascripts/bootstrap/scrollspy.js +158 -0
  18. data/app/assets/javascripts/bootstrap/tab.js +135 -0
  19. data/app/assets/javascripts/bootstrap/tooltip.js +386 -0
  20. data/app/assets/javascripts/bootstrap/transition.js +56 -0
  21. data/app/assets/stylesheets/bootstrap/alerts.less +67 -0
  22. data/app/assets/stylesheets/bootstrap/badges.less +51 -0
  23. data/app/assets/stylesheets/bootstrap/bootstrap.less +58 -0
  24. data/app/assets/stylesheets/bootstrap/breadcrumbs.less +23 -0
  25. data/app/assets/stylesheets/bootstrap/button-groups.less +248 -0
  26. data/app/assets/stylesheets/bootstrap/buttons.less +160 -0
  27. data/app/assets/stylesheets/bootstrap/carousel.less +209 -0
  28. data/app/assets/stylesheets/bootstrap/close.less +33 -0
  29. data/app/assets/stylesheets/bootstrap/code.less +56 -0
  30. data/app/assets/stylesheets/bootstrap/component-animations.less +29 -0
  31. data/app/assets/stylesheets/bootstrap/dropdowns.less +193 -0
  32. data/app/assets/stylesheets/bootstrap/forms.less +362 -0
  33. data/app/assets/stylesheets/bootstrap/glyphicons.less +236 -0
  34. data/app/assets/stylesheets/bootstrap/grid.less +346 -0
  35. data/app/assets/stylesheets/bootstrap/input-groups.less +127 -0
  36. data/app/assets/stylesheets/bootstrap/jumbotron.less +40 -0
  37. data/app/assets/stylesheets/bootstrap/labels.less +58 -0
  38. data/app/assets/stylesheets/bootstrap/list-group.less +88 -0
  39. data/app/assets/stylesheets/bootstrap/media.less +56 -0
  40. data/app/assets/stylesheets/bootstrap/mixins.less +744 -0
  41. data/app/assets/stylesheets/bootstrap/modals.less +141 -0
  42. data/app/assets/stylesheets/bootstrap/navbar.less +621 -0
  43. data/app/assets/stylesheets/bootstrap/navs.less +229 -0
  44. data/app/assets/stylesheets/bootstrap/normalize.less +396 -0
  45. data/app/assets/stylesheets/bootstrap/pager.less +55 -0
  46. data/app/assets/stylesheets/bootstrap/pagination.less +85 -0
  47. data/app/assets/stylesheets/bootstrap/panels.less +148 -0
  48. data/app/assets/stylesheets/bootstrap/popovers.less +133 -0
  49. data/app/assets/stylesheets/bootstrap/print.less +100 -0
  50. data/app/assets/stylesheets/bootstrap/progress-bars.less +95 -0
  51. data/app/assets/stylesheets/bootstrap/responsive-utilities.less +220 -0
  52. data/app/assets/stylesheets/bootstrap/scaffolding.less +130 -0
  53. data/app/assets/stylesheets/bootstrap/tables.less +238 -0
  54. data/app/assets/stylesheets/bootstrap/theme.less +241 -0
  55. data/app/assets/stylesheets/bootstrap/thumbnails.less +31 -0
  56. data/app/assets/stylesheets/bootstrap/tooltip.less +95 -0
  57. data/app/assets/stylesheets/bootstrap/type.less +242 -0
  58. data/app/assets/stylesheets/bootstrap/utilities.less +42 -0
  59. data/app/assets/stylesheets/bootstrap/variables.less +635 -0
  60. data/app/assets/stylesheets/bootstrap/wells.less +29 -0
  61. data/bootstrap-on-rails.gemspec +25 -0
  62. data/lib/bootstrap-on-rails.rb +6 -0
  63. data/lib/bootstrap-on-rails/engine.rb +4 -0
  64. data/lib/bootstrap-on-rails/version.rb +3 -0
  65. data/test/test_helper.rb +2 -0
  66. metadata +112 -0
@@ -0,0 +1,55 @@
1
+ //
2
+ // Pager pagination
3
+ // --------------------------------------------------
4
+
5
+
6
+ .pager {
7
+ padding-left: 0;
8
+ margin: @line-height-computed 0;
9
+ list-style: none;
10
+ text-align: center;
11
+ .clearfix();
12
+ li {
13
+ display: inline;
14
+ > a,
15
+ > span {
16
+ display: inline-block;
17
+ padding: 5px 14px;
18
+ background-color: @pagination-bg;
19
+ border: 1px solid @pagination-border;
20
+ border-radius: @pager-border-radius;
21
+ }
22
+
23
+ > a:hover,
24
+ > a:focus {
25
+ text-decoration: none;
26
+ background-color: @pagination-hover-bg;
27
+ }
28
+ }
29
+
30
+ .next {
31
+ > a,
32
+ > span {
33
+ float: right;
34
+ }
35
+ }
36
+
37
+ .previous {
38
+ > a,
39
+ > span {
40
+ float: left;
41
+ }
42
+ }
43
+
44
+ .disabled {
45
+ > a,
46
+ > a:hover,
47
+ > a:focus,
48
+ > span {
49
+ color: @pager-disabled-color;
50
+ background-color: @pagination-bg;
51
+ cursor: not-allowed;
52
+ }
53
+ }
54
+
55
+ }
@@ -0,0 +1,85 @@
1
+ //
2
+ // Pagination (multiple pages)
3
+ // --------------------------------------------------
4
+ .pagination {
5
+ display: inline-block;
6
+ padding-left: 0;
7
+ margin: @line-height-computed 0;
8
+ border-radius: @border-radius-base;
9
+
10
+ > li {
11
+ display: inline; // Remove list-style and block-level defaults
12
+ > a,
13
+ > span {
14
+ position: relative;
15
+ float: left; // Collapse white-space
16
+ padding: @padding-base-vertical @padding-base-horizontal;
17
+ line-height: @line-height-base;
18
+ text-decoration: none;
19
+ background-color: @pagination-bg;
20
+ border: 1px solid @pagination-border;
21
+ margin-left: -1px;
22
+ }
23
+ &:first-child {
24
+ > a,
25
+ > span {
26
+ margin-left: 0;
27
+ .border-left-radius(@border-radius-base);
28
+ }
29
+ }
30
+ &:last-child {
31
+ > a,
32
+ > span {
33
+ .border-right-radius(@border-radius-base);
34
+ }
35
+ }
36
+ }
37
+
38
+ > li > a,
39
+ > li > span {
40
+ &:hover,
41
+ &:focus {
42
+ background-color: @pagination-hover-bg;
43
+ }
44
+ }
45
+
46
+ > .active > a,
47
+ > .active > span {
48
+ &,
49
+ &:hover,
50
+ &:focus {
51
+ z-index: 2;
52
+ color: @pagination-active-color;
53
+ background-color: @pagination-active-bg;
54
+ border-color: @pagination-active-bg;
55
+ cursor: default;
56
+ }
57
+ }
58
+
59
+ > .disabled {
60
+ > span,
61
+ > span:hover,
62
+ > span:focus,
63
+ > a,
64
+ > a:hover,
65
+ > a:focus {
66
+ color: @pagination-disabled-color;
67
+ background-color: @pagination-bg;
68
+ border-color: @pagination-border;
69
+ cursor: not-allowed;
70
+ }
71
+ }
72
+ }
73
+
74
+ // Sizing
75
+ // --------------------------------------------------
76
+
77
+ // Large
78
+ .pagination-lg {
79
+ .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large);
80
+ }
81
+
82
+ // Small
83
+ .pagination-sm {
84
+ .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small);
85
+ }
@@ -0,0 +1,148 @@
1
+ //
2
+ // Panels
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base class
7
+ .panel {
8
+ margin-bottom: @line-height-computed;
9
+ background-color: @panel-bg;
10
+ border: 1px solid transparent;
11
+ border-radius: @panel-border-radius;
12
+ .box-shadow(0 1px 1px rgba(0,0,0,.05));
13
+ }
14
+
15
+ // Panel contents
16
+ .panel-body {
17
+ padding: 15px;
18
+ .clearfix();
19
+ }
20
+
21
+
22
+ // List groups in panels
23
+ //
24
+ // By default, space out list group content from panel headings to account for
25
+ // any kind of custom content between the two.
26
+
27
+ .panel {
28
+ > .list-group {
29
+ margin-bottom: 0;
30
+
31
+ .list-group-item {
32
+ border-width: 1px 0;
33
+
34
+ // Remove border radius for top one
35
+ &:first-child {
36
+ .border-top-radius(0);
37
+ }
38
+ // But keep it for the last one
39
+ &:last-child {
40
+ border-bottom: 0;
41
+ }
42
+ }
43
+ }
44
+ }
45
+ // Collapse space between when there's no additional content.
46
+ .panel-heading + .list-group {
47
+ .list-group-item:first-child {
48
+ border-top-width: 0;
49
+ }
50
+ }
51
+
52
+
53
+ // Tables in panels
54
+ //
55
+ // Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
56
+ // watch it go full width.
57
+
58
+ .panel {
59
+ > .table {
60
+ margin-bottom: 0;
61
+ }
62
+ > .panel-body + .table {
63
+ border-top: 1px solid @table-border-color;
64
+ }
65
+ }
66
+
67
+
68
+ // Optional heading
69
+ .panel-heading {
70
+ padding: 10px 15px;
71
+ border-bottom: 1px solid transparent;
72
+ .border-top-radius(@panel-border-radius - 1);
73
+ }
74
+
75
+ // Within heading, strip any `h*` tag of it's default margins for spacing.
76
+ .panel-title {
77
+ margin-top: 0;
78
+ margin-bottom: 0;
79
+ font-size: ceil((@font-size-base * 1.125));
80
+ > a {
81
+ color: inherit;
82
+ }
83
+ }
84
+
85
+ // Optional footer (stays gray in every modifier class)
86
+ .panel-footer {
87
+ padding: 10px 15px;
88
+ background-color: @panel-footer-bg;
89
+ border-top: 1px solid @panel-inner-border;
90
+ .border-bottom-radius(@panel-border-radius - 1);
91
+ }
92
+
93
+
94
+ // Collapsable panels (aka, accordion)
95
+ //
96
+ // Wrap a series of panels in `.panel-group` to turn them into an accordion with
97
+ // the help of our collapse JavaScript plugin.
98
+
99
+ .panel-group {
100
+ // Tighten up margin so it's only between panels
101
+ .panel {
102
+ margin-bottom: 0;
103
+ border-radius: @panel-border-radius;
104
+ overflow: hidden; // crop contents when collapsed
105
+ + .panel {
106
+ margin-top: 5px;
107
+ }
108
+ }
109
+
110
+ .panel-heading {
111
+ border-bottom: 0;
112
+ + .panel-collapse .panel-body {
113
+ border-top: 1px solid @panel-inner-border;
114
+ }
115
+ }
116
+ .panel-footer {
117
+ border-top: 0;
118
+ + .panel-collapse .panel-body {
119
+ border-bottom: 1px solid @panel-inner-border;
120
+ }
121
+ }
122
+
123
+ // New subcomponent for wrapping collapsable content for proper animations
124
+ .panel-collapse {
125
+
126
+ }
127
+ }
128
+
129
+
130
+ // Contextual variations
131
+ .panel-default {
132
+ .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);
133
+ }
134
+ .panel-primary {
135
+ .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);
136
+ }
137
+ .panel-success {
138
+ .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);
139
+ }
140
+ .panel-warning {
141
+ .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);
142
+ }
143
+ .panel-danger {
144
+ .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);
145
+ }
146
+ .panel-info {
147
+ .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
148
+ }
@@ -0,0 +1,133 @@
1
+ //
2
+ // Popovers
3
+ // --------------------------------------------------
4
+
5
+
6
+ .popover {
7
+ position: absolute;
8
+ top: 0;
9
+ left: 0;
10
+ z-index: @zindex-popover;
11
+ display: none;
12
+ max-width: @popover-max-width;
13
+ padding: 1px;
14
+ text-align: left; // Reset given new insertion method
15
+ background-color: @popover-bg;
16
+ background-clip: padding-box;
17
+ border: 1px solid @popover-fallback-border-color;
18
+ border: 1px solid @popover-border-color;
19
+ border-radius: @border-radius-large;
20
+ .box-shadow(0 5px 10px rgba(0,0,0,.2));
21
+
22
+ // Overrides for proper insertion
23
+ white-space: normal;
24
+
25
+ // Offset the popover to account for the popover arrow
26
+ &.top { margin-top: -10px; }
27
+ &.right { margin-left: 10px; }
28
+ &.bottom { margin-top: 10px; }
29
+ &.left { margin-left: -10px; }
30
+ }
31
+
32
+ .popover-title {
33
+ margin: 0; // reset heading margin
34
+ padding: 8px 14px;
35
+ font-size: @font-size-base;
36
+ font-weight: normal;
37
+ line-height: 18px;
38
+ background-color: @popover-title-bg;
39
+ border-bottom: 1px solid darken(@popover-title-bg, 5%);
40
+ border-radius: 5px 5px 0 0;
41
+ }
42
+
43
+ .popover-content {
44
+ padding: 9px 14px;
45
+ }
46
+
47
+ // Arrows
48
+ //
49
+ // .arrow is outer, .arrow:after is inner
50
+
51
+ .popover .arrow {
52
+ &,
53
+ &:after {
54
+ position: absolute;
55
+ display: block;
56
+ width: 0;
57
+ height: 0;
58
+ border-color: transparent;
59
+ border-style: solid;
60
+ }
61
+ }
62
+ .popover .arrow {
63
+ border-width: @popover-arrow-outer-width;
64
+ }
65
+ .popover .arrow:after {
66
+ border-width: @popover-arrow-width;
67
+ content: "";
68
+ }
69
+
70
+ .popover {
71
+ &.top .arrow {
72
+ left: 50%;
73
+ margin-left: -@popover-arrow-outer-width;
74
+ border-bottom-width: 0;
75
+ border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
76
+ border-top-color: @popover-arrow-outer-color;
77
+ bottom: -@popover-arrow-outer-width;
78
+ &:after {
79
+ content: " ";
80
+ bottom: 1px;
81
+ margin-left: -@popover-arrow-width;
82
+ border-bottom-width: 0;
83
+ border-top-color: @popover-arrow-color;
84
+ }
85
+ }
86
+ &.right .arrow {
87
+ top: 50%;
88
+ left: -@popover-arrow-outer-width;
89
+ margin-top: -@popover-arrow-outer-width;
90
+ border-left-width: 0;
91
+ border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
92
+ border-right-color: @popover-arrow-outer-color;
93
+ &:after {
94
+ content: " ";
95
+ left: 1px;
96
+ bottom: -@popover-arrow-width;
97
+ border-left-width: 0;
98
+ border-right-color: @popover-arrow-color;
99
+ }
100
+ }
101
+ &.bottom .arrow {
102
+ left: 50%;
103
+ margin-left: -@popover-arrow-outer-width;
104
+ border-top-width: 0;
105
+ border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
106
+ border-bottom-color: @popover-arrow-outer-color;
107
+ top: -@popover-arrow-outer-width;
108
+ &:after {
109
+ content: " ";
110
+ top: 1px;
111
+ margin-left: -@popover-arrow-width;
112
+ border-top-width: 0;
113
+ border-bottom-color: @popover-arrow-color;
114
+ }
115
+ }
116
+
117
+ &.left .arrow {
118
+ top: 50%;
119
+ right: -@popover-arrow-outer-width;
120
+ margin-top: -@popover-arrow-outer-width;
121
+ border-right-width: 0;
122
+ border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
123
+ border-left-color: @popover-arrow-outer-color;
124
+ &:after {
125
+ content: " ";
126
+ right: 1px;
127
+ border-right-width: 0;
128
+ border-left-color: @popover-arrow-color;
129
+ bottom: -@popover-arrow-width;
130
+ }
131
+ }
132
+
133
+ }
@@ -0,0 +1,100 @@
1
+ //
2
+ // Basic print styles
3
+ // --------------------------------------------------
4
+ // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
5
+
6
+ @media print {
7
+
8
+ * {
9
+ text-shadow: none !important;
10
+ color: #000 !important; // Black prints faster: h5bp.com/s
11
+ background: transparent !important;
12
+ box-shadow: none !important;
13
+ }
14
+
15
+ a,
16
+ a:visited {
17
+ text-decoration: underline;
18
+ }
19
+
20
+ a[href]:after {
21
+ content: " (" attr(href) ")";
22
+ }
23
+
24
+ abbr[title]:after {
25
+ content: " (" attr(title) ")";
26
+ }
27
+
28
+ // Don't show links for images, or javascript/internal links
29
+ .ir a:after,
30
+ a[href^="javascript:"]:after,
31
+ a[href^="#"]:after {
32
+ content: "";
33
+ }
34
+
35
+ pre,
36
+ blockquote {
37
+ border: 1px solid #999;
38
+ page-break-inside: avoid;
39
+ }
40
+
41
+ thead {
42
+ display: table-header-group; // h5bp.com/t
43
+ }
44
+
45
+ tr,
46
+ img {
47
+ page-break-inside: avoid;
48
+ }
49
+
50
+ img {
51
+ max-width: 100% !important;
52
+ }
53
+
54
+ @page {
55
+ margin: 2cm .5cm;
56
+ }
57
+
58
+ p,
59
+ h2,
60
+ h3 {
61
+ orphans: 3;
62
+ widows: 3;
63
+ }
64
+
65
+ h2,
66
+ h3 {
67
+ page-break-after: avoid;
68
+ }
69
+
70
+ // Bootstrap components
71
+ .navbar {
72
+ display: none;
73
+ }
74
+ .table {
75
+ td,
76
+ th {
77
+ background-color: #fff !important;
78
+ }
79
+ }
80
+ .btn,
81
+ .dropup > .btn {
82
+ > .caret {
83
+ border-top-color: #000 !important;
84
+ }
85
+ }
86
+ .label {
87
+ border: 1px solid #000;
88
+ }
89
+
90
+ .table {
91
+ border-collapse: collapse !important;
92
+ }
93
+ .table-bordered {
94
+ th,
95
+ td {
96
+ border: 1px solid #ddd !important;
97
+ }
98
+ }
99
+
100
+ }