groundworkcss-rails 0.2.7 → 0.2.8

Sign up to get free protection for your applications and to get access to all the features.
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
- // }