twbs_sass_rails 0.2.0 → 0.3.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (131) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +17 -8
  3. data/CONTRIBUTING.md +4 -4
  4. data/Gemfile.lock +52 -65
  5. data/LICENSE +2 -2
  6. data/README.md +48 -18
  7. data/Rakefile +67 -32
  8. data/app/assets/fonts/fontawesome-webfont.eot +0 -0
  9. data/app/assets/fonts/fontawesome-webfont.svg +23 -8
  10. data/app/assets/fonts/fontawesome-webfont.ttf +0 -0
  11. data/app/assets/fonts/fontawesome-webfont.woff +0 -0
  12. data/app/assets/fonts/glyphicons-halflings-regular.eot +0 -0
  13. data/app/assets/fonts/glyphicons-halflings-regular.svg +200 -199
  14. data/app/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  15. data/app/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  16. data/gemfiles/Gemfile.rails-3.2.x +2 -3
  17. data/gemfiles/Gemfile.rails-4.0.x +2 -3
  18. data/lib/generators/twbs_sass_rails/install/install_generator.rb +2 -2
  19. data/lib/generators/twbs_sass_rails/install/templates/{twbs-variables.css.less → twbs-variables.css.scss} +4 -3
  20. data/lib/generators/twbs_sass_rails/install/templates/{twbs.css.less → twbs.css.scss} +12 -7
  21. data/lib/twbs_sass_rails/version.rb +1 -1
  22. data/test/dummy/app/assets/stylesheets/{default-twbs.css.less → default-twbs.css.scss} +0 -0
  23. data/test/dummy/app/assets/stylesheets/test.css.scss +9 -0
  24. data/test/dummy/app/assets/stylesheets/twbs-variables.css.scss +7 -0
  25. data/test/dummy/app/assets/stylesheets/{twbs.css.less → twbs.css.scss} +12 -7
  26. data/test/dummy/config/application.rb +4 -1
  27. data/test/dummy/config/environments/development.rb +1 -1
  28. data/test/generators/install_generator_test.rb +4 -4
  29. data/test/integration/assets_precompile_integration_test.rb +11 -5
  30. data/test/integration/twbs_sass_rails_integration_test.rb +8 -7
  31. data/test/test_helper.rb +2 -4
  32. data/twbs_sass_rails.gemspec +6 -9
  33. data/vendor/assets/javascripts/respond.js +223 -212
  34. data/vendor/assets/javascripts/twbs/bootstrap/affix.js +36 -25
  35. data/vendor/assets/javascripts/twbs/bootstrap/alert.js +7 -17
  36. data/vendor/assets/javascripts/twbs/bootstrap/button.js +26 -28
  37. data/vendor/assets/javascripts/twbs/bootstrap/carousel.js +22 -34
  38. data/vendor/assets/javascripts/twbs/bootstrap/collapse.js +9 -18
  39. data/vendor/assets/javascripts/twbs/bootstrap/dropdown.js +25 -32
  40. data/vendor/assets/javascripts/twbs/bootstrap/modal.js +27 -30
  41. data/vendor/assets/javascripts/twbs/bootstrap/popover.js +16 -23
  42. data/vendor/assets/javascripts/twbs/bootstrap/scrollspy.js +19 -24
  43. data/vendor/assets/javascripts/twbs/bootstrap/tab.js +10 -20
  44. data/vendor/assets/javascripts/twbs/bootstrap/tooltip.js +54 -41
  45. data/vendor/assets/javascripts/twbs/bootstrap/transition.js +13 -21
  46. data/vendor/assets/stylesheets/fontawesome/_bordered-pulled.scss +16 -0
  47. data/vendor/assets/stylesheets/fontawesome/_core.scss +12 -0
  48. data/vendor/assets/stylesheets/fontawesome/_extras.scss +44 -0
  49. data/vendor/assets/stylesheets/fontawesome/_fixed-width.scss +6 -0
  50. data/vendor/assets/stylesheets/fontawesome/_icons.scss +412 -0
  51. data/vendor/assets/stylesheets/fontawesome/_larger.scss +13 -0
  52. data/vendor/assets/stylesheets/fontawesome/_list.scss +19 -0
  53. data/vendor/assets/stylesheets/fontawesome/_mixins.scss +20 -0
  54. data/vendor/assets/stylesheets/fontawesome/_path.scss +14 -0
  55. data/vendor/assets/stylesheets/fontawesome/_rotated-flipped.scss +9 -0
  56. data/vendor/assets/stylesheets/fontawesome/_spinning.scss +30 -0
  57. data/vendor/assets/stylesheets/fontawesome/_stacked.scss +20 -0
  58. data/vendor/assets/stylesheets/fontawesome/_variables.scss +381 -0
  59. data/vendor/assets/stylesheets/fontawesome/font-awesome.scss +17 -0
  60. data/vendor/assets/stylesheets/twbs/bootstrap/{alerts.less → _alerts.scss} +10 -10
  61. data/vendor/assets/stylesheets/twbs/bootstrap/{badges.less → _badges.scss} +19 -15
  62. data/vendor/assets/stylesheets/twbs/bootstrap/_breadcrumbs.scss +26 -0
  63. data/vendor/assets/stylesheets/twbs/bootstrap/{button-groups.less → _button-groups.scss} +38 -60
  64. data/vendor/assets/stylesheets/twbs/bootstrap/{buttons.less → _buttons.scss} +28 -34
  65. data/vendor/assets/stylesheets/twbs/bootstrap/{carousel.less → _carousel.scss} +38 -19
  66. data/vendor/assets/stylesheets/twbs/bootstrap/_close.scss +35 -0
  67. data/vendor/assets/stylesheets/twbs/bootstrap/_code.scss +63 -0
  68. data/vendor/assets/stylesheets/twbs/bootstrap/{component-animations.less → _component-animations.scss} +2 -2
  69. data/vendor/assets/stylesheets/twbs/bootstrap/{dropdowns.less → _dropdowns.scss} +53 -33
  70. data/vendor/assets/stylesheets/twbs/bootstrap/{forms.less → _forms.scss} +133 -79
  71. data/vendor/assets/stylesheets/twbs/bootstrap/{glyphicons.less → _glyphicons.scss} +16 -19
  72. data/vendor/assets/stylesheets/twbs/bootstrap/_grid.scss +100 -0
  73. data/vendor/assets/stylesheets/twbs/bootstrap/{input-groups.less → _input-groups.scss} +58 -29
  74. data/vendor/assets/stylesheets/twbs/bootstrap/_jumbotron.scss +44 -0
  75. data/vendor/assets/stylesheets/twbs/bootstrap/{labels.less → _labels.scss} +14 -8
  76. data/vendor/assets/stylesheets/twbs/bootstrap/_list-group.scss +110 -0
  77. data/vendor/assets/stylesheets/twbs/bootstrap/{media.less → _media.scss} +0 -0
  78. data/vendor/assets/stylesheets/twbs/bootstrap/_mixins.scss +931 -0
  79. data/vendor/assets/stylesheets/twbs/bootstrap/{modals.less → _modals.scss} +37 -40
  80. data/vendor/assets/stylesheets/twbs/bootstrap/_navbar.scss +620 -0
  81. data/vendor/assets/stylesheets/twbs/bootstrap/{navs.less → _navs.scss} +41 -52
  82. data/vendor/assets/stylesheets/twbs/bootstrap/{normalize.less → _normalize.scss} +148 -121
  83. data/vendor/assets/stylesheets/twbs/bootstrap/{pager.less → _pager.scss} +8 -8
  84. data/vendor/assets/stylesheets/twbs/bootstrap/_pagination.scss +88 -0
  85. data/vendor/assets/stylesheets/twbs/bootstrap/_panels.scss +230 -0
  86. data/vendor/assets/stylesheets/twbs/bootstrap/{popovers.less → _popovers.scss} +36 -36
  87. data/vendor/assets/stylesheets/twbs/bootstrap/{print.less → _print.scss} +6 -5
  88. data/vendor/assets/stylesheets/twbs/bootstrap/_progress-bars.scss +80 -0
  89. data/vendor/assets/stylesheets/twbs/bootstrap/_responsive-utilities.scss +80 -0
  90. data/vendor/assets/stylesheets/twbs/bootstrap/{scaffolding.less → _scaffolding.scss} +39 -24
  91. data/vendor/assets/stylesheets/twbs/bootstrap/{tables.less → _tables.scss} +42 -48
  92. data/vendor/assets/stylesheets/twbs/bootstrap/_theme.scss +247 -0
  93. data/vendor/assets/stylesheets/twbs/bootstrap/_thumbnails.scss +38 -0
  94. data/vendor/assets/stylesheets/twbs/bootstrap/_tooltip.scss +95 -0
  95. data/vendor/assets/stylesheets/twbs/bootstrap/_type.scss +296 -0
  96. data/vendor/assets/stylesheets/twbs/bootstrap/{utilities.less → _utilities.scss} +14 -3
  97. data/vendor/assets/stylesheets/twbs/bootstrap/_variables.scss +831 -0
  98. data/vendor/assets/stylesheets/twbs/bootstrap/{wells.less → _wells.scss} +6 -6
  99. data/vendor/assets/stylesheets/twbs/bootstrap/bootstrap.scss +48 -0
  100. data/vendor/assets/stylesheets/twbs/{bootstrap.less → bootstrap.scss} +0 -0
  101. metadata +94 -134
  102. data/test/dummy/app/assets/stylesheets/test.css.less +0 -5
  103. data/test/dummy/app/assets/stylesheets/twbs-variables.css.less +0 -6
  104. data/test/dummy/config/database.yml +0 -25
  105. data/test/dummy/db/.keep +0 -0
  106. data/vendor/assets/stylesheets/fontawesome/bootstrap.less +0 -84
  107. data/vendor/assets/stylesheets/fontawesome/core.less +0 -129
  108. data/vendor/assets/stylesheets/fontawesome/extras.less +0 -93
  109. data/vendor/assets/stylesheets/fontawesome/font-awesome.less +0 -33
  110. data/vendor/assets/stylesheets/fontawesome/icons.less +0 -381
  111. data/vendor/assets/stylesheets/fontawesome/mixins.less +0 -48
  112. data/vendor/assets/stylesheets/fontawesome/path.less +0 -14
  113. data/vendor/assets/stylesheets/fontawesome/variables.less +0 -735
  114. data/vendor/assets/stylesheets/twbs/bootstrap/bootstrap.less +0 -58
  115. data/vendor/assets/stylesheets/twbs/bootstrap/breadcrumbs.less +0 -23
  116. data/vendor/assets/stylesheets/twbs/bootstrap/close.less +0 -33
  117. data/vendor/assets/stylesheets/twbs/bootstrap/code.less +0 -56
  118. data/vendor/assets/stylesheets/twbs/bootstrap/grid.less +0 -346
  119. data/vendor/assets/stylesheets/twbs/bootstrap/jumbotron.less +0 -40
  120. data/vendor/assets/stylesheets/twbs/bootstrap/list-group.less +0 -88
  121. data/vendor/assets/stylesheets/twbs/bootstrap/mixins.less +0 -744
  122. data/vendor/assets/stylesheets/twbs/bootstrap/navbar.less +0 -621
  123. data/vendor/assets/stylesheets/twbs/bootstrap/pagination.less +0 -85
  124. data/vendor/assets/stylesheets/twbs/bootstrap/panels.less +0 -143
  125. data/vendor/assets/stylesheets/twbs/bootstrap/progress-bars.less +0 -96
  126. data/vendor/assets/stylesheets/twbs/bootstrap/responsive-utilities.less +0 -220
  127. data/vendor/assets/stylesheets/twbs/bootstrap/theme.less +0 -244
  128. data/vendor/assets/stylesheets/twbs/bootstrap/thumbnails.less +0 -32
  129. data/vendor/assets/stylesheets/twbs/bootstrap/tooltip.less +0 -95
  130. data/vendor/assets/stylesheets/twbs/bootstrap/type.less +0 -271
  131. data/vendor/assets/stylesheets/twbs/bootstrap/variables.less +0 -635
@@ -1,32 +0,0 @@
1
- //
2
- // Thumbnails
3
- // --------------------------------------------------
4
-
5
-
6
- // Mixin and adjust the regular image class
7
- .thumbnail {
8
- .img-thumbnail();
9
- display: block; // Override the inline-block from `.img-thumbnail`
10
- margin-bottom: @line-height-computed;
11
-
12
- > img {
13
- .img-responsive();
14
- }
15
- }
16
-
17
-
18
- // Add a hover state for linked versions only
19
- a.thumbnail:hover,
20
- a.thumbnail:focus {
21
- border-color: @link-color;
22
- }
23
-
24
- // Images and captions
25
- .thumbnail > img {
26
- margin-left: auto;
27
- margin-right: auto;
28
- }
29
- .thumbnail .caption {
30
- padding: @thumbnail-caption-padding;
31
- color: @thumbnail-caption-color;
32
- }
@@ -1,95 +0,0 @@
1
- //
2
- // Tooltips
3
- // --------------------------------------------------
4
-
5
-
6
- // Base class
7
- .tooltip {
8
- position: absolute;
9
- z-index: @zindex-tooltip;
10
- display: block;
11
- visibility: visible;
12
- font-size: @font-size-small;
13
- line-height: 1.4;
14
- .opacity(0);
15
-
16
- &.in { .opacity(.9); }
17
- &.top { margin-top: -3px; padding: 5px 0; }
18
- &.right { margin-left: 3px; padding: 0 5px; }
19
- &.bottom { margin-top: 3px; padding: 5px 0; }
20
- &.left { margin-left: -3px; padding: 0 5px; }
21
- }
22
-
23
- // Wrapper for the tooltip content
24
- .tooltip-inner {
25
- max-width: @tooltip-max-width;
26
- padding: 3px 8px;
27
- color: @tooltip-color;
28
- text-align: center;
29
- text-decoration: none;
30
- background-color: @tooltip-bg;
31
- border-radius: @border-radius-base;
32
- }
33
-
34
- // Arrows
35
- .tooltip-arrow {
36
- position: absolute;
37
- width: 0;
38
- height: 0;
39
- border-color: transparent;
40
- border-style: solid;
41
- }
42
- .tooltip {
43
- &.top .tooltip-arrow {
44
- bottom: 0;
45
- left: 50%;
46
- margin-left: -@tooltip-arrow-width;
47
- border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
48
- border-top-color: @tooltip-arrow-color;
49
- }
50
- &.top-left .tooltip-arrow {
51
- bottom: 0;
52
- left: 5px;
53
- border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
54
- border-top-color: @tooltip-arrow-color;
55
- }
56
- &.top-right .tooltip-arrow {
57
- bottom: 0;
58
- right: 5px;
59
- border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
60
- border-top-color: @tooltip-arrow-color;
61
- }
62
- &.right .tooltip-arrow {
63
- top: 50%;
64
- left: 0;
65
- margin-top: -@tooltip-arrow-width;
66
- border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
67
- border-right-color: @tooltip-arrow-color;
68
- }
69
- &.left .tooltip-arrow {
70
- top: 50%;
71
- right: 0;
72
- margin-top: -@tooltip-arrow-width;
73
- border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
74
- border-left-color: @tooltip-arrow-color;
75
- }
76
- &.bottom .tooltip-arrow {
77
- top: 0;
78
- left: 50%;
79
- margin-left: -@tooltip-arrow-width;
80
- border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
81
- border-bottom-color: @tooltip-arrow-color;
82
- }
83
- &.bottom-left .tooltip-arrow {
84
- top: 0;
85
- left: 5px;
86
- border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
87
- border-bottom-color: @tooltip-arrow-color;
88
- }
89
- &.bottom-right .tooltip-arrow {
90
- top: 0;
91
- right: 5px;
92
- border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
93
- border-bottom-color: @tooltip-arrow-color;
94
- }
95
- }
@@ -1,271 +0,0 @@
1
- //
2
- // Typography
3
- // --------------------------------------------------
4
-
5
-
6
- // Body text
7
- // -------------------------
8
-
9
- p {
10
- margin: 0 0 (@line-height-computed / 2);
11
- }
12
- .lead {
13
- margin-bottom: @line-height-computed;
14
- font-size: (@font-size-base * 1.15);
15
- font-weight: 200;
16
- line-height: 1.4;
17
-
18
- @media (min-width: @screen-sm) {
19
- font-size: (@font-size-base * 1.5);
20
- }
21
- }
22
-
23
-
24
- // Emphasis & misc
25
- // -------------------------
26
-
27
- // Ex: 14px base font * 85% = about 12px
28
- small,
29
- .small { font-size: 85%; }
30
-
31
- // Undo browser default styling
32
- cite { font-style: normal; }
33
-
34
- // Contextual emphasis
35
- .text-muted {
36
- color: @text-muted;
37
- }
38
- .text-primary {
39
- color: @brand-primary;
40
- &:hover {
41
- color: darken(@brand-primary, 10%);
42
- }
43
- }
44
- .text-warning {
45
- color: @state-warning-text;
46
- &:hover {
47
- color: darken(@state-warning-text, 10%);
48
- }
49
- }
50
- .text-danger {
51
- color: @state-danger-text;
52
- &:hover {
53
- color: darken(@state-danger-text, 10%);
54
- }
55
- }
56
- .text-success {
57
- color: @state-success-text;
58
- &:hover {
59
- color: darken(@state-success-text, 10%);
60
- }
61
- }
62
- .text-info {
63
- color: @state-info-text;
64
- &:hover {
65
- color: darken(@state-info-text, 10%);
66
- }
67
- }
68
-
69
- // Alignment
70
- .text-left { text-align: left; }
71
- .text-right { text-align: right; }
72
- .text-center { text-align: center; }
73
-
74
-
75
- // Headings
76
- // -------------------------
77
-
78
- h1, h2, h3, h4, h5, h6,
79
- .h1, .h2, .h3, .h4, .h5, .h6 {
80
- font-family: @headings-font-family;
81
- font-weight: @headings-font-weight;
82
- line-height: @headings-line-height;
83
- color: @headings-color;
84
-
85
- small {
86
- font-weight: normal;
87
- line-height: 1;
88
- color: @headings-small-color;
89
- }
90
- }
91
-
92
- h1,
93
- h2,
94
- h3 {
95
- margin-top: @line-height-computed;
96
- margin-bottom: (@line-height-computed / 2);
97
-
98
- small {
99
- font-size: 65%;
100
- }
101
- }
102
- h4,
103
- h5,
104
- h6 {
105
- margin-top: (@line-height-computed / 2);
106
- margin-bottom: (@line-height-computed / 2);
107
-
108
- small {
109
- font-size: 75%;
110
- }
111
- }
112
-
113
- h1, .h1 { font-size: @font-size-h1; }
114
- h2, .h2 { font-size: @font-size-h2; }
115
- h3, .h3 { font-size: @font-size-h3; }
116
- h4, .h4 { font-size: @font-size-h4; }
117
- h5, .h5 { font-size: @font-size-h5; }
118
- h6, .h6 { font-size: @font-size-h6; }
119
-
120
-
121
- // Page header
122
- // -------------------------
123
-
124
- .page-header {
125
- padding-bottom: ((@line-height-computed / 2) - 1);
126
- margin: (@line-height-computed * 2) 0 @line-height-computed;
127
- border-bottom: 1px solid @page-header-border-color;
128
- }
129
-
130
-
131
-
132
- // Lists
133
- // --------------------------------------------------
134
-
135
- // Unordered and Ordered lists
136
- ul,
137
- ol {
138
- margin-top: 0;
139
- margin-bottom: (@line-height-computed / 2);
140
- ul,
141
- ol{
142
- margin-bottom: 0;
143
- }
144
- }
145
-
146
- // List options
147
-
148
- // Unstyled keeps list items block level, just removes default browser padding and list-style
149
- .list-unstyled {
150
- padding-left: 0;
151
- list-style: none;
152
- }
153
- // Inline turns list items into inline-block
154
- .list-inline {
155
- .list-unstyled();
156
- > li {
157
- display: inline-block;
158
- padding-left: 5px;
159
- padding-right: 5px;
160
- }
161
- }
162
-
163
- // Description Lists
164
- dl {
165
- margin-bottom: @line-height-computed;
166
- }
167
- dt,
168
- dd {
169
- line-height: @line-height-base;
170
- }
171
- dt {
172
- font-weight: bold;
173
- }
174
- dd {
175
- margin-left: 0; // Undo browser default
176
- }
177
-
178
- // Horizontal description lists
179
- //
180
- // Defaults to being stacked without any of the below styles applied, until the
181
- // grid breakpoint is reached (default of ~768px).
182
-
183
- @media (min-width: @grid-float-breakpoint) {
184
- .dl-horizontal {
185
- dt {
186
- float: left;
187
- width: (@component-offset-horizontal - 20);
188
- clear: left;
189
- text-align: right;
190
- .text-overflow();
191
- }
192
- dd {
193
- margin-left: @component-offset-horizontal;
194
- .clearfix(); // Clear the floated `dt` if an empty `dd` is present
195
- }
196
- }
197
- }
198
-
199
- // MISC
200
- // ----
201
-
202
- // Abbreviations and acronyms
203
- abbr[title],
204
- // Added data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
205
- abbr[data-original-title] {
206
- cursor: help;
207
- border-bottom: 1px dotted @abbr-border-color;
208
- }
209
- abbr.initialism {
210
- font-size: 90%;
211
- text-transform: uppercase;
212
- }
213
-
214
- // Blockquotes
215
- blockquote {
216
- padding: (@line-height-computed / 2) @line-height-computed;
217
- margin: 0 0 @line-height-computed;
218
- border-left: 5px solid @blockquote-border-color;
219
- p {
220
- font-size: (@font-size-base * 1.25);
221
- font-weight: 300;
222
- line-height: 1.25;
223
- }
224
- p:last-child {
225
- margin-bottom: 0;
226
- }
227
- small {
228
- display: block;
229
- line-height: @line-height-base;
230
- color: @blockquote-small-color;
231
- &:before {
232
- content: '\2014 \00A0';// EM DASH, NBSP
233
- }
234
- }
235
-
236
- // Float right with text-align: right
237
- &.pull-right {
238
- padding-right: 15px;
239
- padding-left: 0;
240
- border-right: 5px solid @blockquote-border-color;
241
- border-left: 0;
242
- p,
243
- small {
244
- text-align: right;
245
- }
246
- small {
247
- &:before {
248
- content: '';
249
- }
250
- &:after {
251
- content: '\00A0 \2014';// NBSP, EM DASH
252
- }
253
- }
254
- }
255
- }
256
-
257
- // Quotes
258
- q:before,
259
- q:after,
260
- blockquote:before,
261
- blockquote:after {
262
- content: "";
263
- }
264
-
265
- // Addresses
266
- address {
267
- display: block;
268
- margin-bottom: @line-height-computed;
269
- font-style: normal;
270
- line-height: @line-height-base;
271
- }