bootstrap-jasny 0.1.12

Sign up to get free protection for your applications and to get access to all the features.
Files changed (100) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +20 -0
  3. data/README.rdoc +27 -0
  4. data/lib/bootstrap-jasny.rb +51 -0
  5. data/lib/bootstrap-jasny/compass_functions.rb +24 -0
  6. data/lib/bootstrap-jasny/engine.rb +7 -0
  7. data/lib/bootstrap-jasny/less_functions.rb +14 -0
  8. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.eot +0 -0
  9. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.otf +0 -0
  10. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.svg +475 -0
  11. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.ttf +0 -0
  12. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.woff +0 -0
  13. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.eot +0 -0
  14. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.otf +0 -0
  15. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.svg +492 -0
  16. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.ttf +0 -0
  17. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.woff +0 -0
  18. data/vendor/assets/images/bootstrap/glyphicons-halflings-white.png +0 -0
  19. data/vendor/assets/images/bootstrap/glyphicons-halflings.png +0 -0
  20. data/vendor/assets/javascripts/bootstrap-affix.js +117 -0
  21. data/vendor/assets/javascripts/bootstrap-alert.js +99 -0
  22. data/vendor/assets/javascripts/bootstrap-button.js +105 -0
  23. data/vendor/assets/javascripts/bootstrap-carousel.js +207 -0
  24. data/vendor/assets/javascripts/bootstrap-collapse.js +167 -0
  25. data/vendor/assets/javascripts/bootstrap-dropdown.js +165 -0
  26. data/vendor/assets/javascripts/bootstrap-fileupload.js +169 -0
  27. data/vendor/assets/javascripts/bootstrap-inputmask.js +355 -0
  28. data/vendor/assets/javascripts/bootstrap-modal.js +247 -0
  29. data/vendor/assets/javascripts/bootstrap-popover.js +114 -0
  30. data/vendor/assets/javascripts/bootstrap-rowlink.js +71 -0
  31. data/vendor/assets/javascripts/bootstrap-scrollspy.js +162 -0
  32. data/vendor/assets/javascripts/bootstrap-tab.js +144 -0
  33. data/vendor/assets/javascripts/bootstrap-tooltip.js +361 -0
  34. data/vendor/assets/javascripts/bootstrap-transition.js +60 -0
  35. data/vendor/assets/javascripts/bootstrap-typeahead.js +524 -0
  36. data/vendor/assets/javascripts/bootstrap.js +21 -0
  37. data/vendor/assets/stylesheets/bootstrap-responsive.less +1 -0
  38. data/vendor/assets/stylesheets/bootstrap.less +2 -0
  39. data/vendor/assets/stylesheets/bootstrap/accordion.less +34 -0
  40. data/vendor/assets/stylesheets/bootstrap/action-areas.less +14 -0
  41. data/vendor/assets/stylesheets/bootstrap/action-links.less +57 -0
  42. data/vendor/assets/stylesheets/bootstrap/alerts.less +79 -0
  43. data/vendor/assets/stylesheets/bootstrap/bootstrap.less +63 -0
  44. data/vendor/assets/stylesheets/bootstrap/breadcrumbs.less +24 -0
  45. data/vendor/assets/stylesheets/bootstrap/button-groups.less +229 -0
  46. data/vendor/assets/stylesheets/bootstrap/buttons.less +228 -0
  47. data/vendor/assets/stylesheets/bootstrap/carousel.less +158 -0
  48. data/vendor/assets/stylesheets/bootstrap/close.less +32 -0
  49. data/vendor/assets/stylesheets/bootstrap/code.less +61 -0
  50. data/vendor/assets/stylesheets/bootstrap/component-animations.less +22 -0
  51. data/vendor/assets/stylesheets/bootstrap/dropdowns.less +237 -0
  52. data/vendor/assets/stylesheets/bootstrap/fileupload.less +105 -0
  53. data/vendor/assets/stylesheets/bootstrap/forms-uneditable.less +159 -0
  54. data/vendor/assets/stylesheets/bootstrap/forms.less +690 -0
  55. data/vendor/assets/stylesheets/bootstrap/grid.less +21 -0
  56. data/vendor/assets/stylesheets/bootstrap/hero-unit.less +25 -0
  57. data/vendor/assets/stylesheets/bootstrap/iconic.less +209 -0
  58. data/vendor/assets/stylesheets/bootstrap/jasny-bootstrap.less +31 -0
  59. data/vendor/assets/stylesheets/bootstrap/jasny-forms.less +99 -0
  60. data/vendor/assets/stylesheets/bootstrap/jasny-forms.responsive-1200px-min.less +16 -0
  61. data/vendor/assets/stylesheets/bootstrap/jasny-forms.responsive-767px-max.less +17 -0
  62. data/vendor/assets/stylesheets/bootstrap/jasny-forms.responsive-768px-979px.less +36 -0
  63. data/vendor/assets/stylesheets/bootstrap/jasny-navs-tabbable.less +148 -0
  64. data/vendor/assets/stylesheets/bootstrap/jasny-responsive.less +27 -0
  65. data/vendor/assets/stylesheets/bootstrap/labels-badges.less +84 -0
  66. data/vendor/assets/stylesheets/bootstrap/layouts-semifluid.less +11 -0
  67. data/vendor/assets/stylesheets/bootstrap/layouts-semifluid.responsive-1200px-min.less +7 -0
  68. data/vendor/assets/stylesheets/bootstrap/layouts.less +16 -0
  69. data/vendor/assets/stylesheets/bootstrap/media.less +55 -0
  70. data/vendor/assets/stylesheets/bootstrap/mixins.less +702 -0
  71. data/vendor/assets/stylesheets/bootstrap/modals.less +95 -0
  72. data/vendor/assets/stylesheets/bootstrap/navbar.less +497 -0
  73. data/vendor/assets/stylesheets/bootstrap/navs.less +409 -0
  74. data/vendor/assets/stylesheets/bootstrap/page-alert.less +23 -0
  75. data/vendor/assets/stylesheets/bootstrap/page-alert.responsive-1200px-min.less +11 -0
  76. data/vendor/assets/stylesheets/bootstrap/page-alert.responsive-767px-max.less +20 -0
  77. data/vendor/assets/stylesheets/bootstrap/pager.less +43 -0
  78. data/vendor/assets/stylesheets/bootstrap/pagination.less +123 -0
  79. data/vendor/assets/stylesheets/bootstrap/popovers.less +133 -0
  80. data/vendor/assets/stylesheets/bootstrap/progress-bars.less +122 -0
  81. data/vendor/assets/stylesheets/bootstrap/reset.less +216 -0
  82. data/vendor/assets/stylesheets/bootstrap/responsive-1200px-min.less +28 -0
  83. data/vendor/assets/stylesheets/bootstrap/responsive-767px-max.less +193 -0
  84. data/vendor/assets/stylesheets/bootstrap/responsive-768px-979px.less +19 -0
  85. data/vendor/assets/stylesheets/bootstrap/responsive-navbar.less +189 -0
  86. data/vendor/assets/stylesheets/bootstrap/responsive-row-desktop.less +23 -0
  87. data/vendor/assets/stylesheets/bootstrap/responsive-tables.less +30 -0
  88. data/vendor/assets/stylesheets/bootstrap/responsive-utilities.less +59 -0
  89. data/vendor/assets/stylesheets/bootstrap/responsive.less +48 -0
  90. data/vendor/assets/stylesheets/bootstrap/rowlink.less +20 -0
  91. data/vendor/assets/stylesheets/bootstrap/scaffolding.less +53 -0
  92. data/vendor/assets/stylesheets/bootstrap/sprites.less +197 -0
  93. data/vendor/assets/stylesheets/bootstrap/tables.less +244 -0
  94. data/vendor/assets/stylesheets/bootstrap/thumbnails.less +53 -0
  95. data/vendor/assets/stylesheets/bootstrap/tooltip.less +70 -0
  96. data/vendor/assets/stylesheets/bootstrap/type.less +247 -0
  97. data/vendor/assets/stylesheets/bootstrap/utilities.less +30 -0
  98. data/vendor/assets/stylesheets/bootstrap/variables.less +302 -0
  99. data/vendor/assets/stylesheets/bootstrap/wells.less +29 -0
  100. metadata +241 -0
@@ -0,0 +1,28 @@
1
+ //
2
+ // Responsive: Large desktop and up
3
+ // --------------------------------------------------
4
+
5
+
6
+ @media (min-width: 1200px) {
7
+
8
+ // Fixed grid
9
+ #grid > .core(@gridColumnWidth1200, @gridGutterWidth1200);
10
+
11
+ // Fluid grid
12
+ #grid > .fluid(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200);
13
+
14
+ // Input grid
15
+ #grid > .input(@gridColumnWidth1200, @gridGutterWidth1200);
16
+
17
+ // Thumbnails
18
+ .thumbnails {
19
+ margin-left: -@gridGutterWidth1200;
20
+ }
21
+ .thumbnails > li {
22
+ margin-left: @gridGutterWidth1200;
23
+ }
24
+ .row-fluid .thumbnails {
25
+ margin-left: 0;
26
+ }
27
+
28
+ }
@@ -0,0 +1,193 @@
1
+ //
2
+ // Responsive: Landscape phone to desktop/tablet
3
+ // --------------------------------------------------
4
+
5
+
6
+ @media (max-width: 767px) {
7
+
8
+ // Padding to set content in a bit
9
+ body {
10
+ padding-left: 20px;
11
+ padding-right: 20px;
12
+ }
13
+ // Negative indent the now static "fixed" navbar
14
+ .navbar-fixed-top,
15
+ .navbar-fixed-bottom,
16
+ .navbar-static-top {
17
+ margin-left: -20px;
18
+ margin-right: -20px;
19
+ }
20
+ // Remove padding on container given explicit padding set on body
21
+ .container-fluid {
22
+ padding: 0;
23
+ }
24
+
25
+ // TYPOGRAPHY
26
+ // ----------
27
+ // Reset horizontal dl
28
+ .dl-horizontal {
29
+ dt {
30
+ float: none;
31
+ clear: none;
32
+ width: auto;
33
+ text-align: left;
34
+ }
35
+ dd {
36
+ margin-left: 0;
37
+ }
38
+ }
39
+
40
+ // GRID & CONTAINERS
41
+ // -----------------
42
+ // Remove width from containers
43
+ .container {
44
+ width: auto;
45
+ }
46
+ // Fluid rows
47
+ .row-fluid {
48
+ width: 100%;
49
+ }
50
+ // Undo negative margin on rows and thumbnails
51
+ .row,
52
+ .thumbnails {
53
+ margin-left: 0;
54
+ }
55
+ .thumbnails > li {
56
+ float: none;
57
+ margin-left: 0; // Reset the default margin for all li elements when no .span* classes are present
58
+ }
59
+ // Make all grid-sized elements block level again
60
+ [class*="span"],
61
+ .uneditable-input[class*="span"], // Makes uneditable inputs full-width when using grid sizing
62
+ .row-fluid [class*="span"] {
63
+ float: none;
64
+ display: block;
65
+ width: 100%;
66
+ margin-left: 0;
67
+ .box-sizing(border-box);
68
+ }
69
+ .span12,
70
+ .row-fluid .span12 {
71
+ width: 100%;
72
+ .box-sizing(border-box);
73
+ }
74
+ .row-fluid [class*="offset"]:first-child {
75
+ margin-left: 0;
76
+ }
77
+
78
+ // FORM FIELDS
79
+ // -----------
80
+ // Make span* classes full width
81
+ .input-large,
82
+ .input-xlarge,
83
+ .input-xxlarge,
84
+ input[class*="span"],
85
+ select[class*="span"],
86
+ textarea[class*="span"],
87
+ .uneditable-input {
88
+ .input-block-level();
89
+ }
90
+ // But don't let it screw up prepend/append inputs
91
+ .input-prepend input,
92
+ .input-append input,
93
+ .input-prepend input[class*="span"],
94
+ .input-append input[class*="span"] {
95
+ display: inline-block; // redeclare so they don't wrap to new lines
96
+ width: auto;
97
+ }
98
+ .controls-row [class*="span"] + [class*="span"] {
99
+ margin-left: 0;
100
+ }
101
+
102
+ // Modals
103
+ .modal {
104
+ position: fixed;
105
+ top: 20px;
106
+ left: 20px;
107
+ right: 20px;
108
+ width: auto;
109
+ margin: 0;
110
+ &.fade { top: -100px; }
111
+ &.fade.in { top: 20px; }
112
+ }
113
+
114
+ }
115
+
116
+
117
+
118
+ // UP TO LANDSCAPE PHONE
119
+ // ---------------------
120
+
121
+ @media (max-width: 480px) {
122
+
123
+ // Smooth out the collapsing/expanding nav
124
+ .nav-collapse {
125
+ -webkit-transform: translate3d(0, 0, 0); // activate the GPU
126
+ }
127
+
128
+ // Block level the page header small tag for readability
129
+ .page-header h1 small {
130
+ display: block;
131
+ line-height: @baseLineHeight;
132
+ }
133
+
134
+ // Update checkboxes for iOS
135
+ input[type="checkbox"],
136
+ input[type="radio"] {
137
+ border: 1px solid #ccc;
138
+ }
139
+
140
+ // Remove the horizontal form styles
141
+ .form-horizontal {
142
+ .control-label {
143
+ float: none;
144
+ width: auto;
145
+ padding-top: 0;
146
+ text-align: left;
147
+ }
148
+ // Move over all input controls and content
149
+ .controls {
150
+ margin-left: 0;
151
+ }
152
+ // Move the options list down to align with labels
153
+ .control-list {
154
+ padding-top: 0; // has to be padding because margin collaspes
155
+ }
156
+ // Move over buttons in .form-actions to align with .controls
157
+ .form-actions {
158
+ padding-left: 10px;
159
+ padding-right: 10px;
160
+ }
161
+ }
162
+
163
+ // Medias
164
+ // Reset float and spacing to stack
165
+ .media .pull-left,
166
+ .media .pull-right {
167
+ float: none;
168
+ display: block;
169
+ margin-bottom: 10px;
170
+ }
171
+ // Remove side margins since we stack instead of indent
172
+ .media-object {
173
+ margin-right: 0;
174
+ margin-left: 0;
175
+ }
176
+
177
+ // Modals
178
+ .modal {
179
+ top: 10px;
180
+ left: 10px;
181
+ right: 10px;
182
+ }
183
+ .modal-header .close {
184
+ padding: 10px;
185
+ margin: -10px;
186
+ }
187
+
188
+ // Carousel
189
+ .carousel-caption {
190
+ position: static;
191
+ }
192
+
193
+ }
@@ -0,0 +1,19 @@
1
+ //
2
+ // Responsive: Tablet to desktop
3
+ // --------------------------------------------------
4
+
5
+
6
+ @media (min-width: 768px) and (max-width: 979px) {
7
+
8
+ // Fixed grid
9
+ #grid > .core(@gridColumnWidth768, @gridGutterWidth768);
10
+
11
+ // Fluid grid
12
+ #grid > .fluid(@fluidGridColumnWidth768, @fluidGridGutterWidth768);
13
+
14
+ // Input grid
15
+ #grid > .input(@gridColumnWidth768, @gridGutterWidth768);
16
+
17
+ // No need to reset .thumbnails here since it's the same @gridGutterWidth
18
+
19
+ }
@@ -0,0 +1,189 @@
1
+ //
2
+ // Responsive: Navbar
3
+ // --------------------------------------------------
4
+
5
+
6
+ // TABLETS AND BELOW
7
+ // -----------------
8
+ @media (max-width: @navbarCollapseWidth) {
9
+
10
+ // UNFIX THE TOPBAR
11
+ // ----------------
12
+ // Remove any padding from the body
13
+ body {
14
+ padding-top: 0;
15
+ }
16
+ // Unfix the navbars
17
+ .navbar-fixed-top,
18
+ .navbar-fixed-bottom {
19
+ position: static;
20
+ }
21
+ .navbar-fixed-top {
22
+ margin-bottom: @baseLineHeight;
23
+ }
24
+ .navbar-fixed-bottom {
25
+ margin-top: @baseLineHeight;
26
+ }
27
+ .navbar-fixed-top .navbar-inner,
28
+ .navbar-fixed-bottom .navbar-inner {
29
+ padding: 5px;
30
+ }
31
+ .navbar .container {
32
+ width: auto;
33
+ padding: 0;
34
+ }
35
+ // Account for brand name
36
+ .navbar .brand {
37
+ padding-left: 10px;
38
+ padding-right: 10px;
39
+ margin: 0 0 0 -5px;
40
+ }
41
+
42
+ // COLLAPSIBLE NAVBAR
43
+ // ------------------
44
+ // Nav collapse clears brand
45
+ .nav-collapse {
46
+ clear: both;
47
+ }
48
+ // Block-level the nav
49
+ .nav-collapse .nav {
50
+ float: none;
51
+ margin: 0 0 (@baseLineHeight / 2);
52
+ }
53
+ .nav-collapse .nav > li {
54
+ float: none;
55
+ }
56
+ .nav-collapse .nav > li > a {
57
+ margin-bottom: 2px;
58
+ }
59
+ .nav-collapse .nav > .divider-vertical {
60
+ display: none;
61
+ }
62
+ .nav-collapse .nav .nav-header {
63
+ color: @navbarText;
64
+ text-shadow: none;
65
+ }
66
+ // Nav and dropdown links in navbar
67
+ .nav-collapse .nav > li > a,
68
+ .nav-collapse .dropdown-menu a {
69
+ padding: 9px 15px;
70
+ font-weight: bold;
71
+ color: @navbarLinkColor;
72
+ .border-radius(3px);
73
+ }
74
+ // Buttons
75
+ .nav-collapse .btn {
76
+ padding: 4px 10px 4px;
77
+ font-weight: normal;
78
+ .border-radius(@baseBorderRadius);
79
+ }
80
+ .nav-collapse .dropdown-menu li + li a {
81
+ margin-bottom: 2px;
82
+ }
83
+ .nav-collapse .nav > li > a:hover,
84
+ .nav-collapse .nav > li > a:focus,
85
+ .nav-collapse .dropdown-menu a:hover,
86
+ .nav-collapse .dropdown-menu a:focus {
87
+ background-color: @navbarBackground;
88
+ }
89
+ .navbar-inverse .nav-collapse .nav > li > a,
90
+ .navbar-inverse .nav-collapse .dropdown-menu a {
91
+ color: @navbarInverseLinkColor;
92
+ }
93
+ .navbar-inverse .nav-collapse .nav > li > a:hover,
94
+ .navbar-inverse .nav-collapse .nav > li > a:focus,
95
+ .navbar-inverse .nav-collapse .dropdown-menu a:hover,
96
+ .navbar-inverse .nav-collapse .dropdown-menu a:focus {
97
+ background-color: @navbarInverseBackground;
98
+ }
99
+ // Buttons in the navbar
100
+ .nav-collapse.in .btn-group {
101
+ margin-top: 5px;
102
+ padding: 0;
103
+ }
104
+ // Dropdowns in the navbar
105
+ .nav-collapse .dropdown-menu {
106
+ position: static;
107
+ top: auto;
108
+ left: auto;
109
+ float: none;
110
+ display: none;
111
+ max-width: none;
112
+ margin: 0 15px;
113
+ padding: 0;
114
+ background-color: transparent;
115
+ border: none;
116
+ .border-radius(0);
117
+ .box-shadow(none);
118
+ }
119
+ .nav-collapse .open > .dropdown-menu {
120
+ display: block;
121
+ }
122
+
123
+ .nav-collapse .dropdown-menu:before,
124
+ .nav-collapse .dropdown-menu:after {
125
+ display: none;
126
+ }
127
+ .nav-collapse .dropdown-menu .divider {
128
+ display: none;
129
+ }
130
+ .nav-collapse .nav > li > .dropdown-menu {
131
+ &:before,
132
+ &:after {
133
+ display: none;
134
+ }
135
+ }
136
+ // Forms in navbar
137
+ .nav-collapse .navbar-form,
138
+ .nav-collapse .navbar-search {
139
+ float: none;
140
+ padding: (@baseLineHeight / 2) 15px;
141
+ margin: (@baseLineHeight / 2) 0;
142
+ border-top: 1px solid @navbarBackground;
143
+ border-bottom: 1px solid @navbarBackground;
144
+ .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)");
145
+ }
146
+ .navbar-inverse .nav-collapse .navbar-form,
147
+ .navbar-inverse .nav-collapse .navbar-search {
148
+ border-top-color: @navbarInverseBackground;
149
+ border-bottom-color: @navbarInverseBackground;
150
+ }
151
+ // Pull right (secondary) nav content
152
+ .navbar .nav-collapse .nav.pull-right {
153
+ float: none;
154
+ margin-left: 0;
155
+ }
156
+ // Hide everything in the navbar save .brand and toggle button */
157
+ .nav-collapse,
158
+ .nav-collapse.collapse {
159
+ overflow: hidden;
160
+ height: 0;
161
+ }
162
+ // Navbar button
163
+ .navbar .btn-navbar {
164
+ display: block;
165
+ }
166
+
167
+ // STATIC NAVBAR
168
+ // -------------
169
+ .navbar-static .navbar-inner {
170
+ padding-left: 10px;
171
+ padding-right: 10px;
172
+ }
173
+
174
+
175
+ }
176
+
177
+
178
+ // DEFAULT DESKTOP
179
+ // ---------------
180
+
181
+ @media (min-width: @navbarCollapseDesktopWidth) {
182
+
183
+ // Required to make the collapsing navbar work on regular desktops
184
+ .nav-collapse.collapse {
185
+ height: auto !important;
186
+ overflow: visible !important;
187
+ }
188
+
189
+ }
@@ -0,0 +1,23 @@
1
+ // Row-desktop.responsive.less
2
+ // Only show as a row on a desktop, not on a tablet
3
+ // ------------------------------------------------
4
+
5
+ @media (min-width: 768px) and (max-width: 979px) {
6
+ .row-desktop {
7
+ &.row-fluid {
8
+ width: 100%;
9
+ }
10
+ // Undo negative margin on rows
11
+ &.row {
12
+ margin-left: 0;
13
+ }
14
+ // Make all columns even
15
+ > [class*="span"],
16
+ > [class*="span"] {
17
+ float: none;
18
+ display: block;
19
+ width: auto;
20
+ margin: 0;
21
+ }
22
+ }
23
+ }