bootstrap3-wip-rails 0.1.2

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 (68) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +54 -0
  6. data/Rakefile +1 -0
  7. data/bootstrap3-wip-rails.gemspec +25 -0
  8. data/lib/assets/javascripts/bootstrap.js +14 -0
  9. data/lib/bootstrap3/wip/rails.rb +10 -0
  10. data/lib/bootstrap3/wip/rails/version.rb +7 -0
  11. data/vendor/assets/images/glyphiconshalflings-regular.eot +0 -0
  12. data/vendor/assets/images/glyphiconshalflings-regular.otf +0 -0
  13. data/vendor/assets/images/glyphiconshalflings-regular.svg +175 -0
  14. data/vendor/assets/images/glyphiconshalflings-regular.ttf +0 -0
  15. data/vendor/assets/images/glyphiconshalflings-regular.woff +0 -0
  16. data/vendor/assets/javascripts/bootstrap-affix.js +117 -0
  17. data/vendor/assets/javascripts/bootstrap-alert.js +99 -0
  18. data/vendor/assets/javascripts/bootstrap-button.js +105 -0
  19. data/vendor/assets/javascripts/bootstrap-carousel.js +207 -0
  20. data/vendor/assets/javascripts/bootstrap-collapse.js +167 -0
  21. data/vendor/assets/javascripts/bootstrap-dropdown.js +165 -0
  22. data/vendor/assets/javascripts/bootstrap-modal.js +251 -0
  23. data/vendor/assets/javascripts/bootstrap-popover.js +114 -0
  24. data/vendor/assets/javascripts/bootstrap-scrollspy.js +162 -0
  25. data/vendor/assets/javascripts/bootstrap-tab.js +144 -0
  26. data/vendor/assets/javascripts/bootstrap-tooltip.js +361 -0
  27. data/vendor/assets/javascripts/bootstrap-transition.js +60 -0
  28. data/vendor/assets/javascripts/bootstrap-typeahead.js +335 -0
  29. data/vendor/assets/stylesheets/accordion.less +34 -0
  30. data/vendor/assets/stylesheets/alerts.less +97 -0
  31. data/vendor/assets/stylesheets/badges.less +58 -0
  32. data/vendor/assets/stylesheets/bootstrap.less +64 -0
  33. data/vendor/assets/stylesheets/breadcrumbs.less +28 -0
  34. data/vendor/assets/stylesheets/button-groups.less +166 -0
  35. data/vendor/assets/stylesheets/buttons.less +175 -0
  36. data/vendor/assets/stylesheets/carousel.less +191 -0
  37. data/vendor/assets/stylesheets/close.less +33 -0
  38. data/vendor/assets/stylesheets/code.less +61 -0
  39. data/vendor/assets/stylesheets/component-animations.less +32 -0
  40. data/vendor/assets/stylesheets/dropdowns.less +223 -0
  41. data/vendor/assets/stylesheets/forms.less +553 -0
  42. data/vendor/assets/stylesheets/glyphicons.less +200 -0
  43. data/vendor/assets/stylesheets/grid.less +57 -0
  44. data/vendor/assets/stylesheets/jumbotron.less +32 -0
  45. data/vendor/assets/stylesheets/labels.less +46 -0
  46. data/vendor/assets/stylesheets/list-group.less +96 -0
  47. data/vendor/assets/stylesheets/media.less +54 -0
  48. data/vendor/assets/stylesheets/mixins.less +551 -0
  49. data/vendor/assets/stylesheets/modals.less +137 -0
  50. data/vendor/assets/stylesheets/navbar.less +389 -0
  51. data/vendor/assets/stylesheets/navs.less +283 -0
  52. data/vendor/assets/stylesheets/normalize.less +396 -0
  53. data/vendor/assets/stylesheets/pager.less +54 -0
  54. data/vendor/assets/stylesheets/pagination.less +100 -0
  55. data/vendor/assets/stylesheets/panels.less +86 -0
  56. data/vendor/assets/stylesheets/popovers.less +133 -0
  57. data/vendor/assets/stylesheets/print.less +74 -0
  58. data/vendor/assets/stylesheets/progress-bars.less +118 -0
  59. data/vendor/assets/stylesheets/responsive-utilities.less +59 -0
  60. data/vendor/assets/stylesheets/scaffolding.less +91 -0
  61. data/vendor/assets/stylesheets/tables.less +241 -0
  62. data/vendor/assets/stylesheets/thumbnails.less +42 -0
  63. data/vendor/assets/stylesheets/tooltip.less +71 -0
  64. data/vendor/assets/stylesheets/type.less +253 -0
  65. data/vendor/assets/stylesheets/utilities.less +42 -0
  66. data/vendor/assets/stylesheets/variables.less +354 -0
  67. data/vendor/assets/stylesheets/wells.less +29 -0
  68. metadata +166 -0
@@ -0,0 +1,54 @@
1
+ //
2
+ // Pager pagination
3
+ // --------------------------------------------------
4
+
5
+
6
+ .pager {
7
+ margin: @line-height-base 0;
8
+ list-style: none;
9
+ text-align: center;
10
+ .clearfix();
11
+ li {
12
+ display: inline;
13
+ > a,
14
+ > span {
15
+ display: inline-block;
16
+ padding: 5px 14px;
17
+ background-color: @pagination-bg;
18
+ border: 1px solid @pagination-border;
19
+ border-radius: 15px;
20
+ }
21
+
22
+ > a:hover,
23
+ > a:focus {
24
+ text-decoration: none;
25
+ background-color: @pagination-active-bg;
26
+ }
27
+ }
28
+
29
+ .next {
30
+ > a,
31
+ > span {
32
+ float: right;
33
+ }
34
+ }
35
+
36
+ .previous {
37
+ > a,
38
+ > span {
39
+ float: left;
40
+ }
41
+ }
42
+
43
+ .disabled {
44
+ > a,
45
+ > a:hover,
46
+ > a:focus,
47
+ > span {
48
+ color: @grayLight;
49
+ background-color: @pagination-bg;
50
+ cursor: default;
51
+ }
52
+ }
53
+
54
+ }
@@ -0,0 +1,100 @@
1
+ //
2
+ // Pagination (multiple pages)
3
+ // --------------------------------------------------
4
+ .pagination {
5
+ display: inline-block;
6
+ margin: @line-height-base 0;
7
+ border-radius: @border-radius-base;
8
+ }
9
+ .pagination > li {
10
+ display: inline; // Remove list-style and block-level defaults
11
+ }
12
+ .pagination > li > a,
13
+ .pagination > li > span {
14
+ float: left; // Collapse white-space
15
+ padding: 4px 12px;
16
+ line-height: @line-height-base;
17
+ text-decoration: none;
18
+ background-color: @pagination-bg;
19
+ border: 1px solid @pagination-border;
20
+ border-left-width: 0;
21
+ }
22
+ .pagination > li > a:hover,
23
+ .pagination > li > a:focus,
24
+ .pagination > .active > a,
25
+ .pagination > .active > span {
26
+ background-color: @pagination-active-bg;
27
+ }
28
+ .pagination > .active > a,
29
+ .pagination > .active > span {
30
+ color: @grayLight;
31
+ cursor: default;
32
+ }
33
+ .pagination > .disabled > span,
34
+ .pagination > .disabled > a,
35
+ .pagination > .disabled > a:hover,
36
+ .pagination > .disabled > a:focus {
37
+ color: @grayLight;
38
+ background-color: @pagination-bg;
39
+ cursor: default;
40
+ }
41
+ .pagination > li:first-child > a,
42
+ .pagination > li:first-child > span {
43
+ border-left-width: 1px;
44
+ .border-left-radius(@border-radius-base);
45
+ }
46
+ .pagination > li:last-child > a,
47
+ .pagination > li:last-child > span {
48
+ .border-right-radius(@border-radius-base);
49
+ }
50
+
51
+
52
+ // Sizing
53
+ // --------------------------------------------------
54
+
55
+ // Large
56
+ .pagination-large {
57
+ > li > a,
58
+ > li > span {
59
+ padding: @padding-large;
60
+ font-size: @font-size-large;
61
+ }
62
+ > li:first-child > a,
63
+ > li:first-child > span {
64
+ .border-left-radius(@border-radius-large);
65
+ }
66
+ > li:last-child > a,
67
+ > li:last-child > span {
68
+ .border-right-radius(@border-radius-large);
69
+ }
70
+ }
71
+
72
+ // Small and mini
73
+ .pagination-mini,
74
+ .pagination-small {
75
+ > li:first-child > a,
76
+ > li:first-child > span {
77
+ .border-left-radius(@border-radius-small);
78
+ }
79
+ > li:last-child > a,
80
+ > li:last-child > span {
81
+ .border-right-radius(@border-radius-small);
82
+ }
83
+ }
84
+
85
+ // Small
86
+ .pagination-small {
87
+ > li > a,
88
+ > li > span {
89
+ padding: @padding-small;
90
+ font-size: @font-size-small;
91
+ }
92
+ }
93
+ // Mini
94
+ .pagination-mini {
95
+ > li > a,
96
+ > li > span {
97
+ padding: @padding-mini;
98
+ font-size: @font-size-mini;
99
+ }
100
+ }
@@ -0,0 +1,86 @@
1
+ //
2
+ // Panels
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base class
7
+ .panel {
8
+ padding: 15px;
9
+ margin-bottom: 20px;
10
+ background-color: @panel-bg;
11
+ border: 1px solid @panel-border;
12
+ border-radius: @panel-border-radius;
13
+ .box-shadow(0 1px 1px rgba(0,0,0,.05));
14
+ }
15
+
16
+ // Optional heading
17
+ .panel-heading {
18
+ margin: -15px -15px 15px;
19
+ padding: 10px 15px;
20
+ font-size: @font-size-base * 1.25;
21
+ font-weight: 500;
22
+ background-color: @panel-heading-bg;
23
+ border-bottom: 1px solid @panel-border;
24
+ border-top-left-radius: (@panel-border-radius - 1);
25
+ border-top-right-radius: (@panel-border-radius - 1);
26
+ }
27
+
28
+ // Contextual variations
29
+ .panel-primary {
30
+ border-color: @panel-primary-border;
31
+ .panel-heading {
32
+ color: @panel-primary-text;
33
+ background-color: @panel-primary-heading-bg;
34
+ border-color: @panel-primary-border;
35
+ }
36
+ }
37
+ .panel-success {
38
+ border-color: @panel-success-border;
39
+ .panel-heading {
40
+ color: @panel-success-text;
41
+ background-color: @panel-success-heading-bg;
42
+ border-color: @panel-success-border;
43
+ }
44
+ }
45
+ .panel-warning {
46
+ border-color: @panel-warning-border;
47
+ .panel-heading {
48
+ color: @panel-warning-text;
49
+ background-color: @panel-warning-heading-bg;
50
+ border-color: @panel-warning-border;
51
+ }
52
+ }
53
+ .panel-danger {
54
+ border-color: @panel-danger-border;
55
+ .panel-heading {
56
+ color: @panel-danger-text;
57
+ background-color: @panel-danger-heading-bg;
58
+ border-color: @panel-danger-border;
59
+ }
60
+ }
61
+ .panel-info {
62
+ border-color: @panel-info-border;
63
+ .panel-heading {
64
+ color: @panel-info-text;
65
+ background-color: @panel-info-heading-bg;
66
+ border-color: @panel-info-border;
67
+ }
68
+ }
69
+
70
+ // List groups in panels
71
+ .list-group-flush {
72
+ margin: 15px -15px -15px;
73
+
74
+ .list-group-item {
75
+ border-width: 1px 0;
76
+
77
+ // Remove border radius for top one
78
+ &:first-child {
79
+ .border-top-radius(0);
80
+ }
81
+ // But keep it for the last one
82
+ &:last-child {
83
+ border-bottom: 0;
84
+ }
85
+ }
86
+ }
@@ -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: 276px;
13
+ padding: 1px;
14
+ text-align: left; // Reset given new insertion method
15
+ background-color: @popover-bg;
16
+ -webkit-bg-clip: padding-box;
17
+ -moz-bg-clip: padding;
18
+ background-clip: padding-box;
19
+ border: 1px solid #ccc;
20
+ border: 1px solid rgba(0,0,0,.2);
21
+ border-radius: 6px;
22
+ .box-shadow(0 5px 10px rgba(0,0,0,.2));
23
+
24
+ // Overrides for proper insertion
25
+ white-space: normal;
26
+
27
+ // Offset the popover to account for the popover arrow
28
+ &.top { margin-top: -10px; }
29
+ &.right { margin-left: 10px; }
30
+ &.bottom { margin-top: 10px; }
31
+ &.left { margin-left: -10px; }
32
+ }
33
+
34
+ .popover-title {
35
+ margin: 0; // reset heading margin
36
+ padding: 8px 14px;
37
+ font-size: 14px;
38
+ font-weight: normal;
39
+ line-height: 18px;
40
+ background-color: @popover-title-bg;
41
+ border-bottom: 1px solid darken(@popover-title-bg, 5%);
42
+ border-radius: 5px 5px 0 0;
43
+
44
+ &:empty {
45
+ display: none;
46
+ }
47
+ }
48
+
49
+ .popover-content {
50
+ padding: 9px 14px;
51
+ }
52
+
53
+ // Arrows
54
+ //
55
+ // .arrow is outer, .arrow:after is inner
56
+
57
+ .popover .arrow,
58
+ .popover .arrow:after {
59
+ position: absolute;
60
+ display: block;
61
+ width: 0;
62
+ height: 0;
63
+ border-color: transparent;
64
+ border-style: solid;
65
+ }
66
+ .popover .arrow {
67
+ border-width: @popover-arrow-outer-width;
68
+ }
69
+ .popover .arrow:after {
70
+ border-width: @popover-arrow-width;
71
+ content: "";
72
+ }
73
+
74
+ .popover {
75
+ &.top .arrow {
76
+ left: 50%;
77
+ margin-left: -@popover-arrow-outer-width;
78
+ border-bottom-width: 0;
79
+ border-top-color: #999; // IE8 fallback
80
+ border-top-color: @popover-arrow-outer-color;
81
+ bottom: -@popover-arrow-outer-width;
82
+ &:after {
83
+ bottom: 1px;
84
+ margin-left: -@popover-arrow-width;
85
+ border-bottom-width: 0;
86
+ border-top-color: @popover-arrow-color;
87
+ }
88
+ }
89
+ &.right .arrow {
90
+ top: 50%;
91
+ left: -@popover-arrow-outer-width;
92
+ margin-top: -@popover-arrow-outer-width;
93
+ border-left-width: 0;
94
+ border-right-color: #999; // IE8 fallback
95
+ border-right-color: @popover-arrow-outer-color;
96
+ &:after {
97
+ left: 1px;
98
+ bottom: -@popover-arrow-width;
99
+ border-left-width: 0;
100
+ border-right-color: @popover-arrow-color;
101
+ }
102
+ }
103
+ &.bottom .arrow {
104
+ left: 50%;
105
+ margin-left: -@popover-arrow-outer-width;
106
+ border-top-width: 0;
107
+ border-bottom-color: #999; // IE8 fallback
108
+ border-bottom-color: @popover-arrow-outer-color;
109
+ top: -@popover-arrow-outer-width;
110
+ &:after {
111
+ top: 1px;
112
+ margin-left: -@popover-arrow-width;
113
+ border-top-width: 0;
114
+ border-bottom-color: @popover-arrow-color;
115
+ }
116
+ }
117
+
118
+ &.left .arrow {
119
+ top: 50%;
120
+ right: -@popover-arrow-outer-width;
121
+ margin-top: -@popover-arrow-outer-width;
122
+ border-right-width: 0;
123
+ border-left-color: #999; // IE8 fallback
124
+ border-left-color: @popover-arrow-outer-color;
125
+ &:after {
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,74 @@
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: 0.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-toggle {
72
+ display: none;
73
+ }
74
+ }