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,85 +0,0 @@
1
- // ===================================
2
- // Tables
3
- // ===================================
4
-
5
-
6
-
7
-
8
- table {
9
- border:1px solid $border-color;
10
- width:100%;
11
- max-width:100%;
12
- padding:0;
13
- margin:0;
14
- font-size:1em;
15
- &.align-center {
16
- th, td {
17
- text-align:center;
18
- }
19
- }
20
- &.responsive {
21
- table-layout:fixed;
22
- }
23
- // styles for cells
24
- th, td {
25
- padding:$gutter;
26
- background:darken(white, 1%);
27
- white-space:normal;
28
- word-wrap:break-word;
29
- text-align:left;
30
- }
31
- td {
32
- font-size:0.9em;
33
- }
34
- // every other row
35
- tr:nth-child(even) {
36
- th, td {
37
- background:darken(white, 5%);
38
- }
39
- }
40
- // styles for thead
41
- thead {
42
- tr {
43
- th {
44
- font-size:1.1em;
45
- font-weight:bold;
46
- }
47
- th, td {
48
- background:$button-color;
49
- color:$button-text;
50
- }
51
- td {
52
- font-weight:normal;
53
- }
54
- }
55
- }
56
- tr {
57
- td {
58
-
59
- }
60
- }
61
- // styles for tbody
62
- tbody {
63
- tr {
64
- th {
65
- font-size:0.9em;
66
- }
67
- td {
68
-
69
- }
70
- }
71
- }
72
- // styles for tfoot
73
- tfoot {
74
- tr {
75
- th {
76
- font-size:1em;
77
- }
78
- td {
79
- background:lighten(gray, 37.5%);
80
- color:darken(gray, 15%);
81
- font-size:0.8em;
82
- }
83
- }
84
- }
85
- }
@@ -1,172 +0,0 @@
1
- // ===================================
2
- // GroundworkCSS Tabs
3
- // ===================================
4
-
5
-
6
-
7
-
8
- .tabs, [role~=tabpanel] {
9
- position:relative;
10
- > ul, > ol, [role~=tablist] {
11
- display:block;
12
- width:100%;
13
- margin:0;
14
- padding:0;
15
- list-style:none;
16
- &:after {
17
- content:'';
18
- display:block;
19
- clear:both;
20
- }
21
- li, [role~=tab] {
22
- display:block;
23
- float:left;
24
- margin:0 2px;
25
- &.pull-right { float:right; }
26
- &.pull-left { float:left; }
27
- &:first-child {
28
- margin-left:0;
29
- a, a:visited {
30
- &:before {
31
- display:none;
32
- }
33
- }
34
- }
35
- a, a:visited {
36
- display:block;
37
- position:relative;
38
- width:100%;
39
- word-wrap:break-word;
40
- padding:0.25em 1em;
41
- background:$button-color;
42
- border:1px solid $button-color;
43
- color:$button-text;
44
- font-weight:bold;
45
- font-size:1em;
46
- text-decoration:none;
47
- text-align:center;
48
- cursor:pointer;
49
- line-height:1.5;
50
- height:2em;
51
- @include transition(background-color 0.25s ease-out);
52
- @include rounded($radius $radius 0 0);
53
- &:hover, &:focus {
54
- background:$button-active;
55
- border:1px solid $button-active;
56
- color:$button-text;
57
- text-decoration:none;
58
- &:before {
59
- box-shadow:2px 1px 0 $button-active;
60
- }
61
- &:after {
62
- box-shadow:-2px 1px 0 $button-active;
63
- }
64
- }
65
- &.active, &.active:hover, &.active:focus {
66
- background:$button-active;
67
- border:1px solid $button-active;
68
- color:$button-text;
69
- z-index:2;
70
- &:before {
71
- box-shadow:2px 1px 0 $button-active;
72
- }
73
- &:after {
74
- box-shadow:-2px 1px 0 $button-active;
75
- }
76
- }
77
- &.disabled {
78
- @include state(disabled,normal,desaturate($button-color,20%));
79
- border-bottom-color:lighten(desaturate($button-color,20%), 15%) !important;
80
- &:before {
81
- box-shadow:2px 1px 0 lighten(desaturate($button-color,20%), 15%);
82
- }
83
- &:after {
84
- box-shadow:-2px 1px 0 lighten(desaturate($button-color,20%), 15%);
85
- }
86
- }
87
- &:before, &:after {
88
- position:absolute;
89
- bottom:-1px;
90
- width:6px;
91
- height:6px;
92
- content:'';
93
- }
94
- &:before {
95
- left:-6px;
96
- border-bottom-right-radius:6px;
97
- border-width:0 1px 1px 0;
98
- box-shadow:2px 1px 0 $button-color;
99
- }
100
- &:after {
101
- right:-6px;
102
- border-bottom-left-radius:6px;
103
- border-width:0 0 1px 1px;
104
- box-shadow:-2px 1px 0 $button-color;
105
- }
106
- }
107
- }
108
- }
109
- [role~=tablist] {
110
- background:none;
111
- }
112
- > div, [role~=tabpanel] {
113
- display:none;
114
- padding:$gutter * 2;
115
- background:$background-color;
116
- @include rounded(0 0 $radius $radius);
117
- *:first-child {
118
- margin-top:0;
119
- }
120
- *:last-child {
121
- margin-bottom:0;
122
- }
123
- &.active {
124
- display:block;
125
- border:1px solid $button-active;
126
- }
127
- }
128
- // vertical tabs
129
- &.vertical {
130
- > ul, > ol, [role~=tablist] {
131
- height:100%;
132
- position:absolute;
133
- width:20%;
134
- background:$button-active;
135
- border-bottom:1px solid $button-active;
136
- @include rounded($radius 0 0 $radius);
137
- li, [role~=tab] {
138
- float:none;
139
- margin:0 -1px 0 0;
140
- &:first-child {
141
- a, a:visited {
142
- @include rounded($radius 0 0 0);
143
- }
144
- }
145
- a, a:visited {
146
- height:auto;
147
- border-bottom:1px solid $button-active;
148
- @include rounded(0);
149
- &:before, &:after {
150
- display:none !important;
151
- }
152
- &.active {
153
- border-right:none;
154
- color:$font-color;
155
- background:$background-color;
156
- &:hover, &:focus {
157
- border-right:none;
158
- color:$font-color;
159
- background:$background-color;
160
- }
161
- }
162
- }
163
- }
164
- }
165
- > div, [role~=tabpanel] {
166
- position:relative;
167
- left:20%;
168
- width:80%;
169
- @include rounded(0 $radius $radius 0);
170
- }
171
- }
172
- }
@@ -1,198 +0,0 @@
1
- // ===================================
2
- // GroundworkCSS Squares
3
- // ===================================
4
-
5
-
6
-
7
-
8
- $white: #ffffff;
9
- $green: #2ecc71;
10
- $blue: #3498db;
11
- $purple: #9b59b6;
12
- $yellow: #f1c40f;
13
- $orange: #e67e22;
14
- $red: #e74c3c;
15
- $pink: #f02475;
16
- $turquoise: #1abc9c;
17
- $asphalt: #34495e;
18
-
19
-
20
- .tiles {
21
- position:relative;
22
-
23
- .tile {
24
- display:inline-block;
25
- background-color:darken($background-color,20%);
26
- border:6px solid $border-color;
27
- color:$font-color;
28
- display:inline-block;
29
- word-wrap:break-word;
30
- padding:0.25em;
31
- margin-bottom:0.25em;
32
- text-align:center;
33
- font-size:1em;
34
- overflow:hidden;
35
- text-overflow:ellipsis;
36
- white-space:nowrap;
37
- @include transition(background-color 0.25s ease-out);
38
- @include rounded($radius);
39
- cursor:pointer;
40
- i {
41
- font-size:2em;
42
- display:block;
43
- margin:0.15em 1em;
44
- }
45
- &.on, &:hover, &:focus {
46
- text-decoration:none;
47
- background-color:darken($background-color,25%);
48
- color:darken($font-color,10%);
49
- border-color:darken($border-color,5%);
50
- }
51
- &.active, &.active:hover, &.active:focus {
52
- background-color:darken($background-color,30%);
53
- color:darken($font-color,20%);
54
- border-color:darken($border-color,20%);
55
- }
56
- &.disabled {
57
- @include state(disabled,normal,lighten(gray,20%));
58
- }
59
- &.small {
60
- font-size:0.75em;
61
- }
62
- &.large {
63
- font-size:1.5em;
64
- }
65
- &.square {
66
- @include rounded(0);
67
- }
68
- &.round {
69
- @include rounded(9999px);
70
- }
71
-
72
- &.green {
73
- color:$green;
74
- &.on, &:hover, &:focus {
75
- background-color:lighten($green,10%);
76
- border-color:$green;
77
- color:$white;
78
- }
79
- &.active, &.active:hover, &.active:focus {
80
- background-color:$green;
81
- color:$button-active-text;
82
- border-color:darken($green,10%);
83
- }
84
- }
85
-
86
- &.blue {
87
- color:$blue;
88
- &.on, &:hover, &:focus {
89
- background-color:lighten($blue,10%);
90
- border-color:$blue;
91
- color:$white;
92
- }
93
- &.active, &.active:hover, &.active:focus {
94
- background-color:$blue;
95
- color:$button-active-text;
96
- border-color:darken($blue,10%);
97
- }
98
- }
99
-
100
- &.purple {
101
- color:$purple;
102
- &.on, &:hover, &:focus {
103
- background-color:lighten($purple,10%);
104
- border-color:$purple;
105
- color:$white;
106
- }
107
- &.active, &.active:hover, &.active:focus {
108
- background-color:$purple;
109
- color:$button-active-text;
110
- border-color:darken($purple,10%);
111
- }
112
- }
113
-
114
- &.yellow {
115
- color:$yellow;
116
- &.on, &:hover, &:focus {
117
- background-color:lighten($yellow,10%);
118
- border-color:$yellow;
119
- color:$white;
120
- }
121
- &.active, &.active:hover, &.active:focus {
122
- background-color:$yellow;
123
- color:$button-active-text;
124
- border-color:darken($yellow,10%);
125
- }
126
- }
127
-
128
- &.orange {
129
- color:$orange;
130
- &.on, &:hover, &:focus {
131
- background-color:lighten($orange,10%);
132
- border-color:$orange;
133
- color:$white;
134
- }
135
- &.active, &.active:hover, &.active:focus {
136
- background-color:$orange;
137
- color:$button-active-text;
138
- border-color:darken($orange,10%);
139
- }
140
- }
141
-
142
- &.red {
143
- color:$red;
144
- &.on, &:hover, &:focus {
145
- background-color:lighten($red,10%);
146
- border-color:$red;
147
- color:$white;
148
- }
149
- &.active, &.active:hover, &.active:focus {
150
- background-color:$red;
151
- color:$button-active-text;
152
- border-color:darken($red,10%);
153
- }
154
- }
155
-
156
- &.pink {
157
- color:$pink;
158
- &.on, &:hover, &:focus {
159
- background-color:lighten($pink,10%);
160
- border-color:$pink;
161
- color:$white;
162
- }
163
- &.active, &.active:hover, &.active:focus {
164
- background-color:$pink;
165
- color:$button-active-text;
166
- border-color:darken($pink,10%);
167
- }
168
- }
169
-
170
- &.turquoise {
171
- color:$turquoise;
172
- &.on, &:hover, &:focus {
173
- background-color:lighten($turquoise,10%);
174
- border-color:$turquoise;
175
- color:$white;
176
- }
177
- &.active, &.active:hover, &.active:focus {
178
- background-color:$turquoise;
179
- color:$button-active-text;
180
- border-color:darken($turquoise,10%);
181
- }
182
- }
183
-
184
- &.asphalt {
185
- color:$asphalt;
186
- &.on, &:hover, &:focus {
187
- background-color:lighten($asphalt,10%);
188
- border-color:$asphalt;
189
- color:$white;
190
- }
191
- &.active, &.active:hover, &.active:focus {
192
- background-color:$asphalt;
193
- color:$button-active-text;
194
- border-color:darken($asphalt,10%);
195
- }
196
- }
197
- }
198
- }