prez 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (98) hide show
  1. checksums.yaml +4 -4
  2. data/bin/prez +3 -1
  3. data/lib/prez/assets.rb +10 -3
  4. data/lib/prez/build.rb +7 -18
  5. data/lib/prez/builder.rb +19 -0
  6. data/lib/prez/cli.rb +4 -11
  7. data/lib/prez/error.rb +16 -0
  8. data/lib/prez/files.rb +30 -10
  9. data/lib/prez/helpers.rb +37 -0
  10. data/lib/prez/new.rb +36 -0
  11. data/lib/prez/sass_extensions.rb +40 -0
  12. data/lib/prez/start.rb +69 -0
  13. data/lib/prez/version.rb +1 -1
  14. data/templates/build.html.tt +87 -0
  15. data/templates/new.prez.tt +11 -2
  16. data/vendor/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  17. data/vendor/fonts/bootstrap/glyphicons-halflings-regular.svg +288 -0
  18. data/vendor/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  19. data/vendor/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  20. data/vendor/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
  21. data/vendor/javascripts/bootstrap.js +2306 -0
  22. data/vendor/javascripts/prez-controller.js.coffee +131 -0
  23. data/vendor/stylesheets/_bootstrap.scss +50 -0
  24. data/vendor/stylesheets/bootstrap/_alerts.scss +73 -0
  25. data/vendor/stylesheets/bootstrap/_badges.scss +67 -0
  26. data/vendor/stylesheets/bootstrap/_breadcrumbs.scss +26 -0
  27. data/vendor/stylesheets/bootstrap/_button-groups.scss +243 -0
  28. data/vendor/stylesheets/bootstrap/_buttons.scss +160 -0
  29. data/vendor/stylesheets/bootstrap/_carousel.scss +269 -0
  30. data/vendor/stylesheets/bootstrap/_close.scss +36 -0
  31. data/vendor/stylesheets/bootstrap/_code.scss +69 -0
  32. data/vendor/stylesheets/bootstrap/_component-animations.scss +38 -0
  33. data/vendor/stylesheets/bootstrap/_dropdowns.scss +214 -0
  34. data/vendor/stylesheets/bootstrap/_forms.scss +570 -0
  35. data/vendor/stylesheets/bootstrap/_glyphicons.scss +301 -0
  36. data/vendor/stylesheets/bootstrap/_grid.scss +84 -0
  37. data/vendor/stylesheets/bootstrap/_input-groups.scss +166 -0
  38. data/vendor/stylesheets/bootstrap/_jumbotron.scss +50 -0
  39. data/vendor/stylesheets/bootstrap/_labels.scss +66 -0
  40. data/vendor/stylesheets/bootstrap/_list-group.scss +124 -0
  41. data/vendor/stylesheets/bootstrap/_media.scss +61 -0
  42. data/vendor/stylesheets/bootstrap/_mixins.scss +39 -0
  43. data/vendor/stylesheets/bootstrap/_modals.scss +148 -0
  44. data/vendor/stylesheets/bootstrap/_navbar.scss +663 -0
  45. data/vendor/stylesheets/bootstrap/_navs.scss +244 -0
  46. data/vendor/stylesheets/bootstrap/_normalize.scss +427 -0
  47. data/vendor/stylesheets/bootstrap/_pager.scss +54 -0
  48. data/vendor/stylesheets/bootstrap/_pagination.scss +88 -0
  49. data/vendor/stylesheets/bootstrap/_panels.scss +265 -0
  50. data/vendor/stylesheets/bootstrap/_popovers.scss +135 -0
  51. data/vendor/stylesheets/bootstrap/_print.scss +107 -0
  52. data/vendor/stylesheets/bootstrap/_progress-bars.scss +87 -0
  53. data/vendor/stylesheets/bootstrap/_responsive-embed.scss +35 -0
  54. data/vendor/stylesheets/bootstrap/_responsive-utilities.scss +177 -0
  55. data/vendor/stylesheets/bootstrap/_scaffolding.scss +150 -0
  56. data/vendor/stylesheets/bootstrap/_tables.scss +234 -0
  57. data/vendor/stylesheets/bootstrap/_theme.scss +273 -0
  58. data/vendor/stylesheets/bootstrap/_thumbnails.scss +38 -0
  59. data/vendor/stylesheets/bootstrap/_tooltip.scss +103 -0
  60. data/vendor/stylesheets/bootstrap/_type.scss +298 -0
  61. data/vendor/stylesheets/bootstrap/_utilities.scss +56 -0
  62. data/vendor/stylesheets/bootstrap/_variables.scss +862 -0
  63. data/vendor/stylesheets/bootstrap/_wells.scss +29 -0
  64. data/vendor/stylesheets/bootstrap/mixins/_alerts.scss +14 -0
  65. data/vendor/stylesheets/bootstrap/mixins/_background-variant.scss +11 -0
  66. data/vendor/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
  67. data/vendor/stylesheets/bootstrap/mixins/_buttons.scss +52 -0
  68. data/vendor/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
  69. data/vendor/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
  70. data/vendor/stylesheets/bootstrap/mixins/_forms.scss +88 -0
  71. data/vendor/stylesheets/bootstrap/mixins/_gradients.scss +58 -0
  72. data/vendor/stylesheets/bootstrap/mixins/_grid-framework.scss +81 -0
  73. data/vendor/stylesheets/bootstrap/mixins/_grid.scss +122 -0
  74. data/vendor/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
  75. data/vendor/stylesheets/bootstrap/mixins/_image.scss +33 -0
  76. data/vendor/stylesheets/bootstrap/mixins/_labels.scss +12 -0
  77. data/vendor/stylesheets/bootstrap/mixins/_list-group.scss +31 -0
  78. data/vendor/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  79. data/vendor/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  80. data/vendor/stylesheets/bootstrap/mixins/_opacity.scss +8 -0
  81. data/vendor/stylesheets/bootstrap/mixins/_pagination.scss +23 -0
  82. data/vendor/stylesheets/bootstrap/mixins/_panels.scss +24 -0
  83. data/vendor/stylesheets/bootstrap/mixins/_progress-bar.scss +10 -0
  84. data/vendor/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
  85. data/vendor/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  86. data/vendor/stylesheets/bootstrap/mixins/_responsive-visibility.scss +21 -0
  87. data/vendor/stylesheets/bootstrap/mixins/_size.scss +10 -0
  88. data/vendor/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
  89. data/vendor/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
  90. data/vendor/stylesheets/bootstrap/mixins/_text-emphasis.scss +11 -0
  91. data/vendor/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
  92. data/vendor/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  93. data/vendor/stylesheets/bootstrap.scss +2 -0
  94. data/vendor/stylesheets/prez/_variables.scss +3 -0
  95. data/vendor/stylesheets/prez-controller.scss +37 -0
  96. data/vendor/stylesheets/{prez.css → prez.scss} +12 -5
  97. metadata +118 -4
  98. data/vendor/javascripts/prez.js +0 -53
@@ -0,0 +1,160 @@
1
+ //
2
+ // Buttons
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base styles
7
+ // --------------------------------------------------
8
+
9
+ .btn {
10
+ display: inline-block;
11
+ margin-bottom: 0; // For input.btn
12
+ font-weight: $btn-font-weight;
13
+ text-align: center;
14
+ vertical-align: middle;
15
+ touch-action: manipulation;
16
+ cursor: pointer;
17
+ background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
18
+ border: 1px solid transparent;
19
+ white-space: nowrap;
20
+ @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $border-radius-base);
21
+ @include user-select(none);
22
+
23
+ &,
24
+ &:active,
25
+ &.active {
26
+ &:focus,
27
+ &.focus {
28
+ @include tab-focus;
29
+ }
30
+ }
31
+
32
+ &:hover,
33
+ &:focus,
34
+ &.focus {
35
+ color: $btn-default-color;
36
+ text-decoration: none;
37
+ }
38
+
39
+ &:active,
40
+ &.active {
41
+ outline: 0;
42
+ background-image: none;
43
+ @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
44
+ }
45
+
46
+ &.disabled,
47
+ &[disabled],
48
+ fieldset[disabled] & {
49
+ cursor: $cursor-disabled;
50
+ pointer-events: none; // Future-proof disabling of clicks
51
+ @include opacity(.65);
52
+ @include box-shadow(none);
53
+ }
54
+ }
55
+
56
+
57
+ // Alternate buttons
58
+ // --------------------------------------------------
59
+
60
+ .btn-default {
61
+ @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
62
+ }
63
+ .btn-primary {
64
+ @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
65
+ }
66
+ // Success appears as green
67
+ .btn-success {
68
+ @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
69
+ }
70
+ // Info appears as blue-green
71
+ .btn-info {
72
+ @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border);
73
+ }
74
+ // Warning appears as orange
75
+ .btn-warning {
76
+ @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);
77
+ }
78
+ // Danger and error appear as red
79
+ .btn-danger {
80
+ @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
81
+ }
82
+
83
+
84
+ // Link buttons
85
+ // -------------------------
86
+
87
+ // Make a button look and behave like a link
88
+ .btn-link {
89
+ color: $link-color;
90
+ font-weight: normal;
91
+ border-radius: 0;
92
+
93
+ &,
94
+ &:active,
95
+ &.active,
96
+ &[disabled],
97
+ fieldset[disabled] & {
98
+ background-color: transparent;
99
+ @include box-shadow(none);
100
+ }
101
+ &,
102
+ &:hover,
103
+ &:focus,
104
+ &:active {
105
+ border-color: transparent;
106
+ }
107
+ &:hover,
108
+ &:focus {
109
+ color: $link-hover-color;
110
+ text-decoration: $link-hover-decoration;
111
+ background-color: transparent;
112
+ }
113
+ &[disabled],
114
+ fieldset[disabled] & {
115
+ &:hover,
116
+ &:focus {
117
+ color: $btn-link-disabled-color;
118
+ text-decoration: none;
119
+ }
120
+ }
121
+ }
122
+
123
+
124
+ // Button Sizes
125
+ // --------------------------------------------------
126
+
127
+ .btn-lg {
128
+ // line-height: ensure even-numbered height of button next to large input
129
+ @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
130
+ }
131
+ .btn-sm {
132
+ // line-height: ensure proper height of button next to small input
133
+ @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
134
+ }
135
+ .btn-xs {
136
+ @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $border-radius-small);
137
+ }
138
+
139
+
140
+ // Block button
141
+ // --------------------------------------------------
142
+
143
+ .btn-block {
144
+ display: block;
145
+ width: 100%;
146
+ }
147
+
148
+ // Vertically space out multiple block buttons
149
+ .btn-block + .btn-block {
150
+ margin-top: 5px;
151
+ }
152
+
153
+ // Specificity overrides
154
+ input[type="submit"],
155
+ input[type="reset"],
156
+ input[type="button"] {
157
+ &.btn-block {
158
+ width: 100%;
159
+ }
160
+ }
@@ -0,0 +1,269 @@
1
+ //
2
+ // Carousel
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Wrapper for the slide container and indicators
7
+ .carousel {
8
+ position: relative;
9
+ }
10
+
11
+ .carousel-inner {
12
+ position: relative;
13
+ overflow: hidden;
14
+ width: 100%;
15
+
16
+ > .item {
17
+ display: none;
18
+ position: relative;
19
+ @include transition(.6s ease-in-out left);
20
+
21
+ // Account for jankitude on images
22
+ > img,
23
+ > a > img {
24
+ @include img-responsive;
25
+ line-height: 1;
26
+ }
27
+
28
+ // WebKit CSS3 transforms for supported devices
29
+ @media all and (transform-3d), (-webkit-transform-3d) {
30
+ @include transition-transform(0.6s ease-in-out);
31
+ @include backface-visibility(hidden);
32
+ @include perspective(1000);
33
+
34
+ &.next,
35
+ &.active.right {
36
+ @include translate3d(100%, 0, 0);
37
+ left: 0;
38
+ }
39
+ &.prev,
40
+ &.active.left {
41
+ @include translate3d(-100%, 0, 0);
42
+ left: 0;
43
+ }
44
+ &.next.left,
45
+ &.prev.right,
46
+ &.active {
47
+ @include translate3d(0, 0, 0);
48
+ left: 0;
49
+ }
50
+ }
51
+ }
52
+
53
+ > .active,
54
+ > .next,
55
+ > .prev {
56
+ display: block;
57
+ }
58
+
59
+ > .active {
60
+ left: 0;
61
+ }
62
+
63
+ > .next,
64
+ > .prev {
65
+ position: absolute;
66
+ top: 0;
67
+ width: 100%;
68
+ }
69
+
70
+ > .next {
71
+ left: 100%;
72
+ }
73
+ > .prev {
74
+ left: -100%;
75
+ }
76
+ > .next.left,
77
+ > .prev.right {
78
+ left: 0;
79
+ }
80
+
81
+ > .active.left {
82
+ left: -100%;
83
+ }
84
+ > .active.right {
85
+ left: 100%;
86
+ }
87
+
88
+ }
89
+
90
+ // Left/right controls for nav
91
+ // ---------------------------
92
+
93
+ .carousel-control {
94
+ position: absolute;
95
+ top: 0;
96
+ left: 0;
97
+ bottom: 0;
98
+ width: $carousel-control-width;
99
+ @include opacity($carousel-control-opacity);
100
+ font-size: $carousel-control-font-size;
101
+ color: $carousel-control-color;
102
+ text-align: center;
103
+ text-shadow: $carousel-text-shadow;
104
+ // We can't have this transition here because WebKit cancels the carousel
105
+ // animation if you trip this while in the middle of another animation.
106
+
107
+ // Set gradients for backgrounds
108
+ &.left {
109
+ @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
110
+ }
111
+ &.right {
112
+ left: auto;
113
+ right: 0;
114
+ @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
115
+ }
116
+
117
+ // Hover/focus state
118
+ &:hover,
119
+ &:focus {
120
+ outline: 0;
121
+ color: $carousel-control-color;
122
+ text-decoration: none;
123
+ @include opacity(.9);
124
+ }
125
+
126
+ // Toggles
127
+ .icon-prev,
128
+ .icon-next,
129
+ .glyphicon-chevron-left,
130
+ .glyphicon-chevron-right {
131
+ position: absolute;
132
+ top: 50%;
133
+ z-index: 5;
134
+ display: inline-block;
135
+ }
136
+ .icon-prev,
137
+ .glyphicon-chevron-left {
138
+ left: 50%;
139
+ margin-left: -10px;
140
+ }
141
+ .icon-next,
142
+ .glyphicon-chevron-right {
143
+ right: 50%;
144
+ margin-right: -10px;
145
+ }
146
+ .icon-prev,
147
+ .icon-next {
148
+ width: 20px;
149
+ height: 20px;
150
+ margin-top: -10px;
151
+ line-height: 1;
152
+ font-family: serif;
153
+ }
154
+
155
+
156
+ .icon-prev {
157
+ &:before {
158
+ content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
159
+ }
160
+ }
161
+ .icon-next {
162
+ &:before {
163
+ content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
164
+ }
165
+ }
166
+ }
167
+
168
+ // Optional indicator pips
169
+ //
170
+ // Add an unordered list with the following class and add a list item for each
171
+ // slide your carousel holds.
172
+
173
+ .carousel-indicators {
174
+ position: absolute;
175
+ bottom: 10px;
176
+ left: 50%;
177
+ z-index: 15;
178
+ width: 60%;
179
+ margin-left: -30%;
180
+ padding-left: 0;
181
+ list-style: none;
182
+ text-align: center;
183
+
184
+ li {
185
+ display: inline-block;
186
+ width: 10px;
187
+ height: 10px;
188
+ margin: 1px;
189
+ text-indent: -999px;
190
+ border: 1px solid $carousel-indicator-border-color;
191
+ border-radius: 10px;
192
+ cursor: pointer;
193
+
194
+ // IE8-9 hack for event handling
195
+ //
196
+ // Internet Explorer 8-9 does not support clicks on elements without a set
197
+ // `background-color`. We cannot use `filter` since that's not viewed as a
198
+ // background color by the browser. Thus, a hack is needed.
199
+ // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer
200
+ //
201
+ // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
202
+ // set alpha transparency for the best results possible.
203
+ background-color: #000 \9; // IE8
204
+ background-color: rgba(0,0,0,0); // IE9
205
+ }
206
+ .active {
207
+ margin: 0;
208
+ width: 12px;
209
+ height: 12px;
210
+ background-color: $carousel-indicator-active-bg;
211
+ }
212
+ }
213
+
214
+ // Optional captions
215
+ // -----------------------------
216
+ // Hidden by default for smaller viewports
217
+ .carousel-caption {
218
+ position: absolute;
219
+ left: 15%;
220
+ right: 15%;
221
+ bottom: 20px;
222
+ z-index: 10;
223
+ padding-top: 20px;
224
+ padding-bottom: 20px;
225
+ color: $carousel-caption-color;
226
+ text-align: center;
227
+ text-shadow: $carousel-text-shadow;
228
+ & .btn {
229
+ text-shadow: none; // No shadow for button elements in carousel-caption
230
+ }
231
+ }
232
+
233
+
234
+ // Scale up controls for tablets and up
235
+ @media screen and (min-width: $screen-sm-min) {
236
+
237
+ // Scale up the controls a smidge
238
+ .carousel-control {
239
+ .glyphicon-chevron-left,
240
+ .glyphicon-chevron-right,
241
+ .icon-prev,
242
+ .icon-next {
243
+ width: 30px;
244
+ height: 30px;
245
+ margin-top: -15px;
246
+ font-size: 30px;
247
+ }
248
+ .glyphicon-chevron-left,
249
+ .icon-prev {
250
+ margin-left: -15px;
251
+ }
252
+ .glyphicon-chevron-right,
253
+ .icon-next {
254
+ margin-right: -15px;
255
+ }
256
+ }
257
+
258
+ // Show and left align the captions
259
+ .carousel-caption {
260
+ left: 20%;
261
+ right: 20%;
262
+ padding-bottom: 30px;
263
+ }
264
+
265
+ // Move up the indicators
266
+ .carousel-indicators {
267
+ bottom: 20px;
268
+ }
269
+ }
@@ -0,0 +1,36 @@
1
+ //
2
+ // Close icons
3
+ // --------------------------------------------------
4
+
5
+
6
+ .close {
7
+ float: right;
8
+ font-size: ($font-size-base * 1.5);
9
+ font-weight: $close-font-weight;
10
+ line-height: 1;
11
+ color: $close-color;
12
+ text-shadow: $close-text-shadow;
13
+ @include opacity(.2);
14
+
15
+ &:hover,
16
+ &:focus {
17
+ color: $close-color;
18
+ text-decoration: none;
19
+ cursor: pointer;
20
+ @include opacity(.5);
21
+ }
22
+
23
+ // [converter] extracted button& to button.close
24
+ }
25
+
26
+ // Additional properties for button version
27
+ // iOS requires the button element instead of an anchor tag.
28
+ // If you want the anchor version, it requires `href="#"`.
29
+ // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
30
+ button.close {
31
+ padding: 0;
32
+ cursor: pointer;
33
+ background: transparent;
34
+ border: 0;
35
+ -webkit-appearance: none;
36
+ }
@@ -0,0 +1,69 @@
1
+ //
2
+ // Code (inline and block)
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Inline and block code styles
7
+ code,
8
+ kbd,
9
+ pre,
10
+ samp {
11
+ font-family: $font-family-monospace;
12
+ }
13
+
14
+ // Inline code
15
+ code {
16
+ padding: 2px 4px;
17
+ font-size: 90%;
18
+ color: $code-color;
19
+ background-color: $code-bg;
20
+ border-radius: $border-radius-base;
21
+ }
22
+
23
+ // User input typically entered via keyboard
24
+ kbd {
25
+ padding: 2px 4px;
26
+ font-size: 90%;
27
+ color: $kbd-color;
28
+ background-color: $kbd-bg;
29
+ border-radius: $border-radius-small;
30
+ box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
31
+
32
+ kbd {
33
+ padding: 0;
34
+ font-size: 100%;
35
+ font-weight: bold;
36
+ box-shadow: none;
37
+ }
38
+ }
39
+
40
+ // Blocks of code
41
+ pre {
42
+ display: block;
43
+ padding: (($line-height-computed - 1) / 2);
44
+ margin: 0 0 ($line-height-computed / 2);
45
+ font-size: ($font-size-base - 1); // 14px to 13px
46
+ line-height: $line-height-base;
47
+ word-break: break-all;
48
+ word-wrap: break-word;
49
+ color: $pre-color;
50
+ background-color: $pre-bg;
51
+ border: 1px solid $pre-border-color;
52
+ border-radius: $border-radius-base;
53
+
54
+ // Account for some code outputs that place code tags in pre tags
55
+ code {
56
+ padding: 0;
57
+ font-size: inherit;
58
+ color: inherit;
59
+ white-space: pre-wrap;
60
+ background-color: transparent;
61
+ border-radius: 0;
62
+ }
63
+ }
64
+
65
+ // Enable scrollable blocks of code
66
+ .pre-scrollable {
67
+ max-height: $pre-scrollable-max-height;
68
+ overflow-y: scroll;
69
+ }
@@ -0,0 +1,38 @@
1
+ //
2
+ // Component animations
3
+ // --------------------------------------------------
4
+
5
+ // Heads up!
6
+ //
7
+ // We don't use the `.opacity()` mixin here since it causes a bug with text
8
+ // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
9
+
10
+ .fade {
11
+ opacity: 0;
12
+ @include transition(opacity .15s linear);
13
+ &.in {
14
+ opacity: 1;
15
+ }
16
+ }
17
+
18
+ .collapse {
19
+ display: none;
20
+ visibility: hidden;
21
+
22
+ &.in { display: block; visibility: visible; }
23
+ // [converter] extracted tr&.in to tr.collapse.in
24
+ // [converter] extracted tbody&.in to tbody.collapse.in
25
+ }
26
+
27
+ tr.collapse.in { display: table-row; }
28
+
29
+ tbody.collapse.in { display: table-row-group; }
30
+
31
+ .collapsing {
32
+ position: relative;
33
+ height: 0;
34
+ overflow: hidden;
35
+ @include transition-property(height, visibility);
36
+ @include transition-duration(.35s);
37
+ @include transition-timing-function(ease);
38
+ }