groundworkcss-rails 0.2.9 → 0.2.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (70) hide show
  1. data/lib/groundworkcss/rails/version.rb +1 -1
  2. data/lib/groundworkcss/rails/version.rb~ +1 -1
  3. data/vendor/assets/javascripts/groundworkcss/components/disabled.js +13 -12
  4. data/vendor/assets/javascripts/groundworkcss/components/equalizeColumns.js +31 -28
  5. data/vendor/assets/javascripts/groundworkcss/components/forms.js +21 -20
  6. data/vendor/assets/javascripts/groundworkcss/components/menus.js +88 -78
  7. data/vendor/assets/javascripts/groundworkcss/components/modals.js +7 -4
  8. data/vendor/assets/javascripts/groundworkcss/components/pagination.js +87 -82
  9. data/vendor/assets/javascripts/groundworkcss/components/responsiveTables.js +22 -18
  10. data/vendor/assets/javascripts/groundworkcss/components/responsiveText.js +38 -31
  11. data/vendor/assets/javascripts/groundworkcss/components/tabs.js +19 -17
  12. data/vendor/assets/javascripts/groundworkcss/components/tiles.js +24 -21
  13. data/vendor/assets/javascripts/groundworkcss/components/tooltips.js +7 -4
  14. data/vendor/assets/javascripts/groundworkcss/groundwork.all.js +974 -821
  15. data/vendor/assets/javascripts/groundworkcss/plugins/jquery-modals.js +193 -0
  16. data/vendor/assets/javascripts/groundworkcss/plugins/jquery-popover.js +208 -0
  17. data/vendor/assets/javascripts/groundworkcss/plugins/jquery-responsiveTables.js +64 -0
  18. data/vendor/assets/javascripts/groundworkcss/plugins/jquery-responsiveText.js +46 -0
  19. data/vendor/assets/javascripts/groundworkcss/plugins/jquery-tooltip.js +137 -0
  20. data/vendor/assets/stylesheets/groundworkcss-scss/_settings.scss +149 -0
  21. data/vendor/assets/stylesheets/groundworkcss-scss/base/_all.scss +11 -0
  22. data/vendor/assets/stylesheets/groundworkcss-scss/{_animations.scss → base/_animations.scss} +7 -3
  23. data/vendor/assets/stylesheets/groundworkcss-scss/{_global.scss → base/_global.scss} +27 -10
  24. data/vendor/assets/stylesheets/groundworkcss-scss/{_grid.scss → base/_grid.scss} +5 -3
  25. data/vendor/assets/stylesheets/groundworkcss-scss/{_helpers.scss → base/_helpers.scss} +61 -18
  26. data/vendor/assets/stylesheets/groundworkcss-scss/{_reset.scss → base/_reset.scss} +36 -31
  27. data/vendor/assets/stylesheets/groundworkcss-scss/core/_all.scss +11 -0
  28. data/vendor/assets/stylesheets/groundworkcss-scss/{_variables.scss → core/_constants.scss} +7 -58
  29. data/vendor/assets/stylesheets/groundworkcss-scss/core/_defaults.scss +150 -0
  30. data/vendor/assets/stylesheets/groundworkcss-scss/{_mixins.scss → core/_mixins.scss} +6 -97
  31. data/vendor/assets/stylesheets/groundworkcss-scss/form/_all.scss +10 -0
  32. data/vendor/assets/stylesheets/groundworkcss-scss/{_forms.scss → form/_forms.scss} +96 -80
  33. data/vendor/assets/stylesheets/groundworkcss-scss/form/_tiles.scss +100 -0
  34. data/vendor/assets/stylesheets/groundworkcss-scss/groundwork-ie.scss +10 -8
  35. data/vendor/assets/stylesheets/groundworkcss-scss/groundwork.scss +12 -32
  36. data/vendor/assets/stylesheets/groundworkcss-scss/{_popovers.scss → misc/_all.scss} +3 -4
  37. data/vendor/assets/stylesheets/groundworkcss-scss/{_social-icons.scss → misc/_social-icons.scss} +4 -0
  38. data/vendor/assets/stylesheets/groundworkcss-scss/nav/_all.scss +11 -0
  39. data/vendor/assets/stylesheets/groundworkcss-scss/nav/_buttons.scss +328 -0
  40. data/vendor/assets/stylesheets/groundworkcss-scss/{_navigation.scss → nav/_navigation.scss} +8 -5
  41. data/vendor/assets/stylesheets/groundworkcss-scss/nav/_tabs.scss +230 -0
  42. data/vendor/assets/stylesheets/groundworkcss-scss/no-svg.scss +9 -7
  43. data/vendor/assets/stylesheets/groundworkcss-scss/responsive/_all.scss +13 -0
  44. data/vendor/assets/stylesheets/groundworkcss-scss/responsive/_desktop.scss +26 -0
  45. data/vendor/assets/stylesheets/groundworkcss-scss/responsive/_helpers.scss +16 -0
  46. data/vendor/assets/stylesheets/groundworkcss-scss/responsive/_ipad.scss +28 -0
  47. data/vendor/assets/stylesheets/groundworkcss-scss/responsive/_mobile.scss +44 -0
  48. data/vendor/assets/stylesheets/groundworkcss-scss/responsive/_small-tablet.scss +196 -0
  49. data/vendor/assets/stylesheets/groundworkcss-scss/type/_all.scss +9 -0
  50. data/vendor/assets/stylesheets/groundworkcss-scss/{_font-awesome.scss → type/_font-awesome.scss} +10 -2
  51. data/vendor/assets/stylesheets/groundworkcss-scss/{_typography.scss → type/_typography.scss} +172 -60
  52. data/vendor/assets/stylesheets/groundworkcss-scss/type/_webfonts.scss +28 -0
  53. data/vendor/assets/stylesheets/groundworkcss-scss/{_ui-elements.scss → ui/_all.scss} +4 -0
  54. data/vendor/assets/stylesheets/groundworkcss-scss/ui/_callouts.scss +117 -0
  55. data/vendor/assets/stylesheets/groundworkcss-scss/ui/_messages.scss +111 -0
  56. data/vendor/assets/stylesheets/groundworkcss-scss/{_modals.scss → ui/_modals.scss} +2 -0
  57. data/vendor/assets/stylesheets/groundworkcss-scss/ui/_popovers.scss +81 -0
  58. data/vendor/assets/stylesheets/groundworkcss-scss/ui/_tables.scss +142 -0
  59. data/vendor/assets/stylesheets/groundworkcss-scss/{_tooltips.scss → ui/_tooltips.scss} +35 -0
  60. metadata +56 -40
  61. data/vendor/assets/stylesheets/groundworkcss-scss/_buttons.scss +0 -231
  62. data/vendor/assets/stylesheets/groundworkcss-scss/_callouts.scss +0 -74
  63. data/vendor/assets/stylesheets/groundworkcss-scss/_cycle.scss +0 -20
  64. data/vendor/assets/stylesheets/groundworkcss-scss/_messages.scss +0 -69
  65. data/vendor/assets/stylesheets/groundworkcss-scss/_mobile-reset.scss +0 -11
  66. data/vendor/assets/stylesheets/groundworkcss-scss/_responsive.scss +0 -246
  67. data/vendor/assets/stylesheets/groundworkcss-scss/_tables.scss +0 -85
  68. data/vendor/assets/stylesheets/groundworkcss-scss/_tabs.scss +0 -172
  69. data/vendor/assets/stylesheets/groundworkcss-scss/_tiles.scss +0 -198
  70. data/vendor/assets/stylesheets/groundworkcss-scss/_webfonts.scss +0 -19
@@ -1,231 +0,0 @@
1
- // ===================================
2
- // GroundworkCSS Buttons
3
- // ===================================
4
-
5
-
6
-
7
-
8
- %button {
9
- display:inline-block;
10
- word-wrap:break-word;
11
- padding:0.25em 1em;
12
- background:$button-color;
13
- border:1px solid $button-active;
14
- color:$button-text;
15
- font-family:$font-family;
16
- font-weight:bold;
17
- font-size:1em;
18
- text-decoration:none;
19
- cursor:pointer;
20
- line-height:1.5;
21
- width:auto;
22
- height:auto;
23
- text-align:center;
24
- @include transition(background-color 0.25s ease-out);
25
- @include rounded($radius);
26
- &.on, &:hover, &:focus {
27
- background:$button-active;
28
- text-decoration:none;
29
- color:$button-active-text;
30
- }
31
- &.active, &.active:hover, &.active:focus {
32
- background:$button-active;
33
- color:$button-active-text;
34
- }
35
- &.disabled {
36
- @include state(disabled,normal,desaturate($button-color,20%));
37
- }
38
- &.info {
39
- background-color:darken($info-background, 40%);
40
- color:$button-text;
41
- border-color:darken($info-border, 40%);
42
- &.active, &:hover, &:focus {
43
- background:darken($info-background, 49%);
44
- }
45
- &.disabled {
46
- @include state(disabled,normal,desaturate($info-color,20%));
47
- }
48
- }
49
- &.alert {
50
- background-color:darken($alert-background, 40%);
51
- color:$button-text;
52
- border-color:darken($alert-border, 25%);
53
- &.active, &:hover, &:focus {
54
- background:darken($alert-background, 45%);
55
- }
56
- &.disabled {
57
- @include state(disabled,normal,desaturate($alert-color,20%));
58
- }
59
- }
60
- &.warning {
61
- background-color:darken($warning-background, 40%);
62
- color:$button-text;
63
- border-color:darken($warning-border, 40%);
64
- &.active, &:hover, &:focus {
65
- background:darken($warning-background, 45%);
66
- }
67
- &.disabled {
68
- @include state(disabled,normal,desaturate($warning-color,20%));
69
- }
70
- }
71
- &.error {
72
- background-color:darken($error-background, 40%);
73
- color:$button-text;
74
- border-color:darken($error-border, 40%);
75
- &.active, &:hover, &:focus {
76
- background:darken($error-background, 49%);
77
- }
78
- &.disabled {
79
- @include state(disabled,normal,desaturate($error-color,20%));
80
- }
81
- }
82
- &.success {
83
- background-color:darken($success-background, 40%);
84
- color:$button-text;
85
- border-color:darken($success-border, 40%);
86
- &.active, &:hover, &:focus {
87
- background:darken($success-background, 49%);
88
- }
89
- &.disabled {
90
- @include state(disabled,normal,desaturate($success-color,20%));
91
- }
92
- }
93
- &.small {
94
- font-size:0.8em;
95
- }
96
- &.large {
97
- font-size:1.5em;
98
- }
99
- &.square {
100
- @include rounded(0);
101
- }
102
- &.round {
103
- @include rounded(9999px);
104
- }
105
- &.block {
106
- display:block;
107
- width:100%;
108
- }
109
- &.dropdown {
110
- position:relative;
111
- padding-right:2em;
112
- &:after {
113
- content:'...';
114
- position:absolute;
115
- right:1em;
116
- bottom:0.25em;
117
- }
118
- &.on ul {
119
- display:block;
120
- }
121
- ul {
122
- text-align:left;
123
- margin:0.3em 0 0;
124
- padding:0;
125
- list-style:none;
126
- display:none;
127
- background:white;
128
- border:1px solid $border-color;
129
- position:absolute;
130
- left:0;
131
- width:100%;
132
- z-index:10;
133
- font-size:0.9em;
134
- @include rounded(0 0 $radius $radius);
135
- li {
136
- display:block;
137
- a, a:visited {
138
- display:block;
139
- padding:0.5em 1em;
140
- border:none;
141
- color:$font-color;
142
- text-shadow:none;
143
- text-decoration:none;
144
- &:hover, &:focus {
145
- background:#efefef;
146
- }
147
- }
148
- &:last-child {
149
- @include rounded(0 0 $radius $radius);
150
- }
151
- hr {
152
- margin:0;
153
- border-color:#ececec;
154
- }
155
- }
156
- }
157
- }
158
- }
159
- %button-list {
160
- list-style:none;
161
- margin:0;
162
- padding:0;
163
- &:after {
164
- content:'';
165
- display:block;
166
- clear:both;
167
- }
168
- li {
169
- display:block;
170
- float:left;
171
- margin:0;
172
- border-radius:0;
173
- &:first-child a {
174
- border-radius:$radius 0 0 $radius;
175
- }
176
- &:last-child a {
177
- border-radius:0 $radius $radius 0;
178
- }
179
- a {
180
- display:block;
181
- word-wrap:break-word;
182
- padding:0.25em 1em;
183
- background:$button-color;
184
- border:1px solid $button-active;
185
- color:$button-text;
186
- font-weight:bold;
187
- font-size:1em;
188
- text-decoration:none;
189
- cursor:pointer;
190
- line-height:1.5;
191
- @include transition(background-color 0.25s ease-out);
192
- &:hover, &:focus {
193
- background:$button-active;
194
- text-decoration:none;
195
- color:$button-active-text;
196
- border:1px solid $button-active;
197
- }
198
- &.active, &.active:hover, &.active:focus {
199
- background:$button-active;
200
- color:$button-active-text;
201
- }
202
- &.disabled {
203
- @include state(disabled,normal,desaturate($button-color,20%));
204
- }
205
- }
206
- }
207
- }
208
- @if $classes {
209
- .button,
210
- a.button,
211
- a.button:visited {
212
- @extend %button;
213
- }
214
- ul.button-list,
215
- ol.button-list {
216
- @extend %button-list;
217
- }
218
- }
219
- @if $tags {
220
- button,
221
- input[type=submit],
222
- input[type=button],
223
- input[type=reset] {
224
- @extend %button;
225
- }
226
- }
227
- @if $aria {
228
- [role~=button] {
229
- @extend %button;
230
- }
231
- }
@@ -1,74 +0,0 @@
1
- // ===================================
2
- // Panels
3
- // ===================================
4
-
5
-
6
-
7
-
8
- %callout {
9
- position:relative;
10
- word-wrap:break-word;
11
- padding:1em;
12
- background:$button-color;
13
- border:1px solid $button-active;
14
- color:$button-text;
15
- margin-bottom:15px;
16
- @include rounded($radius);
17
- &.small {
18
- font-size:0.8em;
19
- }
20
- &.large {
21
- font-size:1.5em;
22
- }
23
- &.info {
24
- background-color:$info-background;
25
- color:$info-color;
26
- border-color:$info-border;
27
- }
28
- &.alert {
29
- background-color:$alert-background;
30
- color:$alert-color;
31
- border-color:$alert-border;
32
- }
33
- &.warning {
34
- background:$warning-background;
35
- color:$warning-color;
36
- border-color:$warning-border;
37
- }
38
- &.error {
39
- background:$error-background;
40
- color:$error-color;
41
- border-color:$error-border;
42
- }
43
- &.success {
44
- background:$success-background;
45
- color:$success-color;
46
- border-color:$success-border;
47
- }
48
- &.square {
49
- @include rounded(0);
50
- }
51
- &.round {
52
- @include rounded(9999px);
53
- }
54
- &.disabled {
55
- @include state(disabled);
56
- }
57
- // content overrides
58
- h1, h2, h3, h4, h5, h6 {
59
- color:inherit;
60
- }
61
- *:last-child {
62
- margin-bottom:0;
63
- }
64
- }
65
- @if $classes {
66
- .callout {
67
- @extend %callout;
68
- }
69
- }
70
- @if $aria {
71
- [role~=status] {
72
- @extend %callout;
73
- }
74
- }
@@ -1,20 +0,0 @@
1
- // =============================================
2
- // Cycle styles by Gary Hepting
3
- // Last Updated:2013-3-23
4
- // =============================================
5
-
6
-
7
-
8
-
9
- .cycle-slideshow {
10
- > * {
11
- display:none;
12
- &:first-child {
13
- display:block;
14
- }
15
- }
16
- }
17
-
18
- .cycle-slide {
19
- display:block;
20
- }
@@ -1,69 +0,0 @@
1
- // ===================================
2
- // Messages
3
- // ===================================
4
-
5
-
6
-
7
-
8
- .message {
9
- position:relative;
10
- word-wrap:break-word;
11
- padding:0.25em 1em;
12
- background:$button-color;
13
- border:1px solid $button-active;
14
- color:$button-text;
15
- font-weight:bold;
16
- text-decoration:none;
17
- @include rounded($radius);
18
- &.small {
19
- font-size:0.8em;
20
- }
21
- &.large {
22
- font-size:1.5em;
23
- }
24
- &.info {
25
- background-color:$info-background;
26
- color:$info-color;
27
- border-color:$info-border;
28
- }
29
- &.alert {
30
- background-color:$alert-background;
31
- color:$alert-color;
32
- border-color:$alert-border;
33
- }
34
- &.warning {
35
- background:$warning-background;
36
- color:$warning-color;
37
- border-color:$warning-border;
38
- }
39
- &.error {
40
- background:$error-background;
41
- color:$error-color;
42
- border-color:$error-border;
43
- }
44
- &.success {
45
- background:$success-background;
46
- color:$success-color;
47
- border-color:$success-border;
48
- }
49
- &.square {
50
- @include rounded(0);
51
- }
52
- &.round {
53
- @include rounded(9999px);
54
- }
55
- &.dismissible {
56
- padding-right:3em;
57
- &:after {
58
- content:'X';
59
- display:block;
60
- padding:0.5em 0;
61
- font-size:0.8em;
62
- text-align:center;
63
- position:absolute;
64
- top:0;
65
- right:1em;
66
- line-height:1.5;
67
- }
68
- }
69
- }
@@ -1,11 +0,0 @@
1
- // ===================================
2
- // GroundworkCSS Components
3
- // ===================================
4
-
5
-
6
-
7
-
8
- .ios, .android {
9
- // disable font size overrides (on iOS devices)
10
- -webkit-text-size-adjust:none;
11
- }
@@ -1,246 +0,0 @@
1
- .desktop-only { display:block; }
2
- .hide-on-desktop {}
3
-
4
- .ipad-only { display:none; }
5
- .hide-on-ipad {}
6
-
7
- .small-tablet-only { display:none; }
8
- .hide-on-small-tablet {}
9
-
10
- .mobile-only { display:none; }
11
- .hide-on-mobile {}
12
-
13
- ///////////////////////
14
- // large desktops //
15
- ///////////////////////
16
- // @include large-desktop {
17
- //
18
- // }
19
-
20
-
21
-
22
-
23
- ///////////////////////
24
- // desktops //
25
- ///////////////////////
26
- @include desktop {
27
- // do not remove -- required for desktop helpers
28
- }
29
-
30
-
31
-
32
-
33
- ///////////////////////
34
- // ipads //
35
- ///////////////////////
36
- @include ipad {
37
- // do not remove -- required for ipad helpers
38
- }
39
-
40
-
41
-
42
-
43
- ///////////////////////
44
- // small tablets //
45
- ///////////////////////
46
- @include small-tablet {
47
- // do not remove -- required for small-tablet helpers and adaptations
48
- @include grid-responsive();
49
- .nav, .nav.inline {
50
- width:100%;
51
- ul, ul.row {
52
- li {
53
- display:block;
54
- width:100% !important;
55
- &:first-child {
56
- > a, > , > a:visited {
57
- @include rounded($radius $radius 0 0);
58
- }
59
- }
60
- &:last-child {
61
- > a, > , > a:visited {
62
- @include rounded(0 0 $radius $radius);
63
- }
64
- }
65
- &:only-child {
66
- > a, > , > a:visited {
67
- @include rounded($radius);
68
- }
69
- }
70
- a, a:visited {
71
- border:none;
72
- border-top:1px solid $button-active;
73
- }
74
- ul {
75
- position:static;
76
- li {
77
- a, a:visited {
78
- @include rounded(0);
79
- }
80
- &:first-child,
81
- &:last-child,
82
- &:only-child {
83
- a, a:visited {
84
- @include rounded(0);
85
- }
86
- }
87
- }
88
- }
89
- &:first-child {
90
- a, a:visited {
91
- @include rounded($radius $radius 0 0);
92
- }
93
- }
94
- &:last-child {
95
- a, a:visited {
96
- @include rounded(0 0 $radius $radius);
97
- }
98
- ul {
99
- li {
100
- &:last-child {
101
- a, a:visited {
102
- @include rounded(0 0 $radius $radius);
103
- }
104
- }
105
- }
106
- }
107
- }
108
- &:only-child {
109
- a, a:visited {
110
- @include rounded($radius);
111
- }
112
- }
113
- }
114
- }
115
- }
116
- // hamburger menu
117
- .nav {
118
- &.menu {
119
- display:block;
120
- float:none;
121
- &:before {
122
- content:attr(data-label);
123
- float:left;
124
- color:$button-text;
125
- line-height:2.2;
126
- }
127
- background-color:$button-color;
128
- padding:$gutter;
129
- padding-bottom:0;
130
- @include rounded($radius);
131
- .menu-toggle {
132
- display:inline-block !important;
133
- float:right;
134
- margin-bottom:$gutter;
135
- }
136
- > ul, > ul.row {
137
- display:block !important;
138
- overflow:hidden;
139
- max-height:0;
140
- width:auto;
141
- margin:0 (-$gutter);
142
- clear:both;
143
- @include transition(all 0.2s ease);
144
- li {
145
- a, a:visited {
146
- border:none;
147
- border-top:1px solid $button-active;
148
- &:first-child, &:last-child {
149
- @include rounded(0);
150
- }
151
- &:hover, &:focus {
152
- border:none;
153
- border-top:1px solid $button-active;
154
- }
155
- }
156
- &:last-child {
157
- a, a:visited {
158
- @include rounded(0 0 $radius $radius);
159
- }
160
- }
161
- ul {
162
- position:static;
163
- }
164
- }
165
- }
166
- &.on {
167
- > ul {
168
- max-height:1000px;
169
- }
170
- }
171
- }
172
- }
173
- .tabs:not(.small-tablet):not(.mobile):not(.vertical) {
174
- > ul {
175
- li {
176
- float:none;
177
- width:100%;
178
- margin:0;
179
- a {
180
- @include rounded(0);
181
- border-bottom:none;
182
- &:before, &:after {
183
- display:none !important;
184
- }
185
- }
186
- &:first-child a {
187
- @include rounded($radius $radius 0 0);
188
- }
189
- }
190
- }
191
- }
192
- .zero-small-tablet {
193
- @include helper_reset();
194
- }
195
- .no-pad-small-tablet {
196
- @include helper_reset(padding, $spacers: padded pad-top pad-right pad-bottom pad-left);
197
- }
198
- .no-gap-small-tablet {
199
- @include helper_reset(margin, $spacers: gapped gap-top gap-right gap-bottom gap-left);
200
- }
201
- }
202
-
203
-
204
-
205
-
206
- ///////////////////////
207
- // handhelds //
208
- ///////////////////////
209
- @include mobile {
210
- // do not remove -- required for mobile helpers and adaptations
211
- @include grid-responsive(false);
212
- .tabs:not(.mobile) {
213
- > ul {
214
- li {
215
- float:none;
216
- width:100%;
217
- a {
218
- @include rounded(0);
219
- border-bottom:none;
220
- }
221
- &:first-child a {
222
- @include rounded($radius $radius 0 0);
223
- }
224
- }
225
- }
226
- }
227
- .zero-mobile {
228
- @include helper_reset();
229
- }
230
- .no-pad-mobile {
231
- @include helper_reset(padding, $spacers: padded pad-top pad-right pad-bottom pad-left);
232
- }
233
- .no-gap-mobile {
234
- @include helper_reset(margin, $spacers: gapped gap-top gap-right gap-bottom gap-left);
235
- }
236
- }
237
-
238
-
239
-
240
-
241
- ///////////////////////
242
- // small handhelds //
243
- ///////////////////////
244
- // @include small-mobile {
245
-
246
- // }