groundworkcss-rails 0.2.7 → 0.2.8

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 (25) hide show
  1. data/lib/generators/groundworkcss/layout/templates/_sidebar.html.erb +5 -5
  2. data/lib/groundworkcss/rails/version.rb +1 -1
  3. data/vendor/assets/javascripts/groundworkcss/components/responsiveText.js +19 -2
  4. data/vendor/assets/javascripts/groundworkcss/groundwork.all.js +754 -744
  5. data/vendor/assets/javascripts/groundworkcss/plugins/jquery.modals.js +152 -158
  6. data/vendor/assets/javascripts/groundworkcss/plugins/jquery.popover.js +170 -176
  7. data/vendor/assets/javascripts/groundworkcss/plugins/jquery.responsiveTables.js +44 -50
  8. data/vendor/assets/javascripts/groundworkcss/plugins/jquery.responsiveText.js +26 -32
  9. data/vendor/assets/javascripts/groundworkcss/plugins/jquery.tooltip.js +111 -117
  10. data/vendor/assets/stylesheets/groundworkcss-scss/_buttons.scss +67 -16
  11. data/vendor/assets/stylesheets/groundworkcss-scss/_callouts.scss +21 -11
  12. data/vendor/assets/stylesheets/groundworkcss-scss/_font-awesome.scss +1 -0
  13. data/vendor/assets/stylesheets/groundworkcss-scss/_forms.scss +4 -4
  14. data/vendor/assets/stylesheets/groundworkcss-scss/_messages.scss +20 -10
  15. data/vendor/assets/stylesheets/groundworkcss-scss/_typography.scss +2 -0
  16. data/vendor/assets/stylesheets/groundworkcss-scss/_variables.scss +30 -5
  17. data/vendor/assets/stylesheets/groundworkcss-scss/{groundwork.css.scss → groundwork.scss} +0 -0
  18. metadata +15 -22
  19. data/vendor/assets/fonts/groundworkcss/fontawesome.otf +0 -0
  20. data/vendor/assets/javascripts/groundworkcss/groundwork.js +0 -264
  21. data/vendor/assets/javascripts/groundworkcss/libs/html5shiv.js +0 -299
  22. data/vendor/assets/javascripts/groundworkcss/plugins/jquery.orbit-1.4.0.js +0 -919
  23. data/vendor/assets/stylesheets/groundworkcss-scss/_classes.scss +0 -143
  24. data/vendor/assets/stylesheets/groundworkcss-scss/_layout.scss +0 -78
  25. data/vendor/assets/stylesheets/groundworkcss-scss/_orbit.scss +0 -239
@@ -1,143 +0,0 @@
1
- // =============================================
2
- // Classes mixins by Gary Hepting
3
- // Last Updated:2013-3-05
4
- // =============================================
5
-
6
-
7
-
8
-
9
- // grid classes
10
- @mixin grid-classes() {
11
-
12
- .container { @extend %container; }
13
- .row { @extend %row; }
14
- .column { @extend %column; }
15
- .centered { @extend %centered; }
16
-
17
- $numbers: one two three four five six seven eight nine ten eleven twelve;
18
- $fractions: whole half third fourth fifth sixth seventh eighth ninth tenth eleventh twelfth;
19
- $fractions-plural: wholes halves thirds fourths fifths sixths sevenths eighths ninths tenths elevenths twelfths;
20
-
21
- @for $i from 1 through length($numbers) {
22
- .#{nth($fractions, $i)},
23
- .#{nth($fractions-plural, $i)} {
24
- width: percentage(1 / $i);
25
- @extend %column;
26
- @for $width from 1 through $i {
27
- &.#{nth($numbers, $width)} {
28
- width: percentage($width / $i);
29
- @extend %column;
30
- }
31
- }
32
- @for $right-left-skip from 1 through $i - 1 {
33
- &.right-#{nth($numbers, $right-left-skip)} {
34
- left: percentage($right-left-skip / $i);
35
- }
36
- &.left-#{nth($numbers, $right-left-skip)} {
37
- right: percentage($right-left-skip / $i);
38
- }
39
- &.skip-#{nth($numbers, $right-left-skip)} {
40
- margin-left: percentage($right-left-skip / $i);
41
- }
42
- }
43
- }
44
- }
45
-
46
- }
47
-
48
- // grid classes responsive
49
- @mixin grid-responsive($both: true) {
50
- // responsive grid
51
- .half, .halves,
52
- .third, .thirds,
53
- .fourth, .fourths,
54
- .fifth, .fifths,
55
- .sixth, .sixths,
56
- .seventh, .sevenths,
57
- .eighth, .eighths,
58
- .ninth, .ninths,
59
- .tenth, .tenths,
60
- .eleventh, .elevenths,
61
- .twelfth, .twelfths {
62
- @if $both {
63
- &:not(.small-tablet):not(.mobile) {
64
- @include grid-collapse();
65
- }
66
- }
67
- @else {
68
- &:not(.mobile) {
69
- @include grid-collapse();
70
- }
71
- }
72
- }
73
- }
74
-
75
- @mixin grid-collapse() {
76
- width:100% !important;
77
- float:none;
78
- clear:both;
79
- // reset push
80
- &.right-one,
81
- &.right-two,
82
- &.right-three,
83
- &.right-four,
84
- &.right-five,
85
- &.right-six,
86
- &.right-seven,
87
- &.right-eight,
88
- &.right-nine,
89
- &.right-ten,
90
- &.right-eleven { left:0; }
91
- // reset pull
92
- &.left-one,
93
- &.left-two,
94
- &.left-three,
95
- &.left-four,
96
- &.left-five,
97
- &.left-six,
98
- &.left-seven,
99
- &.left-eight,
100
- &.left-nine,
101
- &.left-ten,
102
- &.left-eleven { right:0; }
103
- // reset offset
104
- &.skip-one,
105
- &.skip-two,
106
- &.skip-three,
107
- &.skip-four,
108
- &.skip-five,
109
- &.skip-six,
110
- &.skip-seven,
111
- &.skip-eight,
112
- &.skip-nine,
113
- &.skip-ten,
114
- &.skip-eleven { margin-left:0; }
115
- }
116
-
117
- // helper classes
118
- @mixin helper-classes() {
119
-
120
- $helpers: inline block zero pull-right pull-left border-right border-left border-top border-bottom align-top align-right align-bottom align-left align-center justify center clear clearfix space round rotate-90 rotate-180 rotate-270 rotate-90-ctr rotate-180-ctr rotate-270-ctr;
121
- // function to generate the helpers
122
- @for $i from 1 through length($helpers) {
123
- .#{nth($helpers, $i)} { @extend %#{nth($helpers, $i)}; }
124
- }
125
-
126
- $spacers: padded pad-top pad-right pad-bottom pad-left gapped gap-top gap-right gap-bottom gap-left;
127
- $modifiers: double triple;
128
- // function to generate the spacers
129
- @for $i from 1 through length($spacers) {
130
- .#{nth($spacers, $i)} { @extend %#{nth($spacers, $i)}; }
131
-
132
- }
133
-
134
- .stick { @extend %stick;
135
- &.middle { @extend %middle; }
136
- &.center { @extend %center; }
137
- &.right { @extend %right; }
138
- &.left { @extend %left; }
139
- &.top { @extend %top; }
140
- &.bottom { @extend %bottom; }
141
- }
142
-
143
- }
@@ -1,78 +0,0 @@
1
- // ====================
2
- // layout helpers
3
- // ====================
4
- .stick {
5
- position:fixed;
6
- z-index:1;
7
- &.middle { top:50%; }
8
- &.center { left:50%; }
9
- &.right { right:0; }
10
- &.left { left:0; }
11
- &.top { top:0; }
12
- &.bottom { bottom:0; }
13
- }
14
- .inline { display:inline-block; width:auto; }
15
- .zero { margin:0; padding:0; }
16
- .pull-right { float:right; }
17
- .pull-left { float:left; }
18
- .padded { padding:$gutter;
19
- &.double { padding:$gutter*2; }
20
- &.triple { padding:$gutter*3; }
21
- }
22
- .pad-top { padding-top:$gutter;
23
- &.double { padding-top:$gutter*2; }
24
- &.triple { padding-top:$gutter*3; }
25
- }
26
- .pad-right { padding-right:$gutter;
27
- &.double { padding-right:$gutter*2; }
28
- &.triple { padding-right:$gutter*3; }
29
- }
30
- .pad-bottom { padding-bottom:$gutter;
31
- &.double { padding-bottom:$gutter*2; }
32
- &.triple { padding-bottom:$gutter*3; }
33
- }
34
- .pad-left { padding-left:$gutter;
35
- &.double { padding-left:$gutter*2; }
36
- &.triple { padding-left:$gutter*3; }
37
- }
38
- .gapped { margin:$gutter;
39
- &.double { margin:$gutter*2; }
40
- &.triple { margin:$gutter*3; }
41
- }
42
- .gap-top { margin-top:$gutter;
43
- &.double { margin-top:$gutter*2; }
44
- &.triple { margin-top:$gutter*3; }
45
- }
46
- .gap-right { margin-right:$gutter;
47
- &.double { margin-right:$gutter*2; }
48
- &.triple { margin-right:$gutter*3; }
49
- }
50
- .gap-bottom { margin-bottom:$gutter;
51
- &.double { margin-bottom:$gutter*2; }
52
- &.triple { margin-bottom:$gutter*3; }
53
- }
54
- .gap-left { margin-left:$gutter;
55
- &.double { margin-left:$gutter*2; }
56
- &.triple { margin-left:$gutter*3; }
57
- }
58
- .border-right { border-right:1px solid $border-color; }
59
- .border-left { border-left:1px solid $border-color; }
60
- .border-top { border-top:1px solid $border-color; }
61
- .border-bottom { border-bottom:1px solid $border-color; }
62
- .align-top { display:table-cell; vertical-align:top; } // must have height
63
- .align-right { text-align:right; }
64
- .align-bottom { display:table-cell; vertical-align:bottom; } // must have height
65
- .align-left { text-align:left; }
66
- .align-center { text-align:center; }
67
- .justify { text-align:justify; }
68
- .center { display:block; margin:0 auto; }
69
- .clear, .clearfix { display:block; clear:both;
70
- &:after { content:''; display:block; clear:both; }
71
- }.space { height:$gutter; }
72
- .round { @include rounded(9999px); }
73
- .rotate-90 { @include rotate(90deg); }
74
- .rotate-180 { @include rotate(180deg); }
75
- .rotate-270 { @include rotate(270deg); }
76
- .rotate-90-ctr { @include rotate(-90deg); }
77
- .rotate-180-ctr { @include rotate(-180deg); }
78
- .rotate-270-ctr { @include rotate(-270deg); }
@@ -1,239 +0,0 @@
1
- .slider {
2
- display:none;
3
- &.orbit {
4
- display:block;
5
- }
6
- }
7
-
8
- .orbit-wrapper {
9
- width: 1px;
10
- height: 1px;
11
- position: relative;
12
- }
13
-
14
- .orbit {
15
- width: 1px;
16
- height: 1px;
17
- position: relative;
18
- overflow: hidden;
19
- margin-bottom: 17px;
20
- &.with-bullets {
21
- margin-bottom: 40px;
22
- }
23
- .orbit-slide {
24
- max-width: 100%;
25
- position: absolute;
26
- top: 0;
27
- left: 0;
28
- }
29
- a.orbit-slide {
30
- border: none;
31
- line-height: 0;
32
- display: none;
33
- }
34
- div.orbit-slide {
35
- width: 100%;
36
- height: 100%;
37
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
38
- opacity: 0;
39
- }
40
- }
41
-
42
- .orbit-wrapper {
43
- .timer {
44
- width: 40px;
45
- height: 40px;
46
- overflow: hidden;
47
- position: absolute;
48
- top: 10px;
49
- right: 10px;
50
- opacity: .6;
51
- cursor: pointer;
52
- z-index: 31;
53
- }
54
- span {
55
- &.rotator {
56
- display: block;
57
- width: 40px;
58
- height: 40px;
59
- position: absolute;
60
- top: 0;
61
- left: -20px;
62
- background: url('../images/orbit/rotator-black.png') no-repeat;
63
- z-index: 3;
64
- &.move {
65
- left: 0;
66
- }
67
- }
68
- &.mask {
69
- display: block;
70
- width: 20px;
71
- height: 40px;
72
- position: absolute;
73
- top: 0;
74
- right: 0;
75
- z-index: 2;
76
- overflow: hidden;
77
- &.move {
78
- width: 40px;
79
- left: 0;
80
- background: url('../images/orbit/timer-black.png') repeat 0 0;
81
- }
82
- }
83
- &.pause {
84
- display: block;
85
- width: 40px;
86
- height: 40px;
87
- position: absolute;
88
- top: 0;
89
- left: 0;
90
- background: url('../images/orbit/pause-black.png') no-repeat;
91
- z-index: 4;
92
- opacity: 0;
93
- &.active {
94
- background: url('../images/orbit/pause-black.png') no-repeat 0 -40px;
95
- }
96
- }
97
- }
98
- .timer {
99
- &:hover span.pause, &:focus span.pause {
100
- opacity: 1;
101
- }
102
- }
103
- span.pause.active {
104
- opacity: 1;
105
- }
106
- }
107
-
108
- .orbit-caption {
109
- display: none;
110
- font-family: inherit;
111
- }
112
-
113
- .orbit-wrapper {
114
- .orbit-caption {
115
- background: black;
116
- background: rgba(0, 0, 0, 0.6);
117
- z-index: 30;
118
- color: white;
119
- text-align: center;
120
- padding: 7px 0;
121
- font-size: 13px;
122
- position: absolute;
123
- right: 0;
124
- bottom: 0;
125
- width: 100%;
126
- }
127
- .slider-nav {
128
- display: block;
129
- span {
130
- width: 39px;
131
- height: 50px;
132
- text-indent: -9999px;
133
- position: absolute;
134
- z-index: 30;
135
- top: 50%;
136
- margin-top: -25px;
137
- cursor: pointer;
138
- &.right {
139
- background: url('../images/orbit/right-arrow.png');
140
- background-size: 100%;
141
- right: 0;
142
- }
143
- &.left {
144
- background: url('../images/orbit/left-arrow.png');
145
- background-size: 100%;
146
- left: 0;
147
- }
148
- }
149
- }
150
- }
151
-
152
- .lt-ie9 .orbit-wrapper .slider-nav span {
153
- &.right {
154
- background: url('../images/orbit/right-arrow-small.png');
155
- }
156
- &.left {
157
- background: url('../images/orbit/left-arrow-small.png');
158
- }
159
- }
160
-
161
- ul.orbit-bullets {
162
- position: absolute;
163
- z-index: 30;
164
- list-style: none;
165
- bottom: -40px;
166
- left: 50%;
167
- margin-left: -50px;
168
- padding: 0;
169
- li {
170
- float: left;
171
- margin-left: 5px;
172
- cursor: pointer;
173
- color: #999999;
174
- text-indent: -9999px;
175
- background: url('../images/orbit/bullets.jpg') no-repeat 4px 0;
176
- width: 13px;
177
- height: 12px;
178
- overflow: hidden;
179
- &.active {
180
- color: #222222;
181
- background-position: -8px 0;
182
- }
183
- &.has-thumb {
184
- background: none;
185
- width: 100px;
186
- height: 75px;
187
- }
188
- &.active.has-thumb {
189
- background-position: 0 0;
190
- border-top: 2px solid black;
191
- }
192
- }
193
- }
194
-
195
- .orbit-slide-counter {
196
- position: absolute;
197
- bottom: 0;
198
- z-index: 99;
199
- background: rgba(0, 0, 0, 0.7);
200
- color: white;
201
- padding: 5px;
202
- }
203
-
204
- .orbit {
205
- img.fluid-placeholder {
206
- visibility: hidden;
207
- position: static;
208
- display: block;
209
- width: 100%;
210
- }
211
- width: 100% !important;
212
- }
213
-
214
- .orbit-wrapper {
215
- width: 100% !important;
216
- }
217
-
218
- .lt-ie9 {
219
- .timer {
220
- display: none !important;
221
- }
222
- .orbit-caption {
223
- background: black;
224
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
225
- zoom: 1;
226
- }
227
- }
228
-
229
- // @media only screen and (max-width: 767px) {
230
- // .orbit.orbit-stack-on-small {
231
- // img.fluid-placeholder {
232
- // visibility: visible;
233
- // }
234
- // .orbit-slide {
235
- // position: static;
236
- // margin-bottom: 10px;
237
- // }
238
- // }
239
- // }