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,5 +1,4 @@
1
1
  // Generated by CoffeeScript 1.6.1
2
-
3
2
  /*
4
3
  *
5
4
  * jQuery ResponsiveTables by Gary Hepting - https://github.com/ghepting/responsiveTables
@@ -10,54 +9,49 @@
10
9
  *
11
10
  */
12
11
 
13
-
14
- (function() {
15
-
16
- (function($) {
17
- var elems;
18
- elems = [];
19
- $.fn.responsiveTable = function(options) {
20
- var settings;
21
- settings = {
22
- compressor: options.compressor || 10,
23
- minSize: options.minSize || Number.NEGATIVE_INFINITY,
24
- maxSize: options.maxSize || Number.POSITIVE_INFINITY,
25
- padding: 2,
26
- height: "auto",
27
- adjust_parents: true
28
- };
29
- return this.each(function() {
30
- var columns, elem, fontSize, rows;
31
- elem = $(this);
32
- elem.attr('data-compression', settings.compressor);
33
- elem.attr('data-min', settings.minSize);
34
- elem.attr('data-max', settings.maxSize);
35
- elem.attr('data-padding', settings.padding);
36
- columns = $("tr", elem).first().children("th, td").length;
37
- rows = $("tr", elem).length;
38
- if (settings.height !== "auto") {
39
- $this.css("height", settings.height);
40
- if (settings.adjust_parents) {
41
- $this.parents().each(function() {
42
- return $(this).css("height", "100%");
43
- });
44
- }
45
- }
46
- $("tr th, tr td", elem).css("width", Math.floor(100 / columns) + "%");
47
- $("tr th, tr td", elem).css("height", Math.floor(100 / rows) + "%");
48
- fontSize = Math.floor(Math.max(Math.min(elem.width() / settings.compressor, parseFloat(settings.maxSize)), parseFloat(settings.minSize)));
49
- $("tr th, tr td", elem).css("font-size", fontSize + "px");
50
- return elems.push(elem);
51
- });
12
+ (function($) {
13
+ var elems;
14
+ elems = [];
15
+ $.fn.responsiveTable = function(options) {
16
+ var settings;
17
+ settings = {
18
+ compressor: options.compressor || 10,
19
+ minSize: options.minSize || Number.NEGATIVE_INFINITY,
20
+ maxSize: options.maxSize || Number.POSITIVE_INFINITY,
21
+ padding: 2,
22
+ height: "auto",
23
+ adjust_parents: true
52
24
  };
53
- return $(window).on("resize", function() {
54
- return $(elems).each(function() {
55
- var elem, fontSize;
56
- elem = $(this);
57
- fontSize = Math.floor(Math.max(Math.min(elem.width() / (elem.attr('data-compression')), parseFloat(elem.attr('data-max'))), parseFloat(elem.attr('data-min'))));
58
- return $("tr th, tr td", elem).css("font-size", fontSize + "px");
59
- });
25
+ return this.each(function() {
26
+ var columns, elem, fontSize, rows;
27
+ elem = $(this);
28
+ elem.attr('data-compression', settings.compressor);
29
+ elem.attr('data-min', settings.minSize);
30
+ elem.attr('data-max', settings.maxSize);
31
+ elem.attr('data-padding', settings.padding);
32
+ columns = $("tr", elem).first().children("th, td").length;
33
+ rows = $("tr", elem).length;
34
+ if (settings.height !== "auto") {
35
+ $this.css("height", settings.height);
36
+ if (settings.adjust_parents) {
37
+ $this.parents().each(function() {
38
+ return $(this).css("height", "100%");
39
+ });
40
+ }
41
+ }
42
+ $("tr th, tr td", elem).css("width", Math.floor(100 / columns) + "%");
43
+ $("tr th, tr td", elem).css("height", Math.floor(100 / rows) + "%");
44
+ fontSize = Math.floor(Math.max(Math.min(elem.width() / settings.compressor, parseFloat(settings.maxSize)), parseFloat(settings.minSize)));
45
+ $("tr th, tr td", elem).css("font-size", fontSize + "px");
46
+ return elems.push(elem);
60
47
  });
61
- })(jQuery);
62
-
63
- }).call(this);
48
+ };
49
+ return $(window).on("resize", function() {
50
+ return $(elems).each(function() {
51
+ var elem, fontSize;
52
+ elem = $(this);
53
+ fontSize = Math.floor(Math.max(Math.min(elem.width() / (elem.attr('data-compression')), parseFloat(elem.attr('data-max'))), parseFloat(elem.attr('data-min'))));
54
+ return $("tr th, tr td", elem).css("font-size", fontSize + "px");
55
+ });
56
+ });
57
+ })(jQuery);
@@ -1,5 +1,4 @@
1
1
  // Generated by CoffeeScript 1.6.1
2
-
3
2
  /*
4
3
  *
5
4
  * jQuery ResponsiveText by Gary Hepting - https://github.com/ghepting/responsiveText
@@ -10,36 +9,31 @@
10
9
  *
11
10
  */
12
11
 
13
-
14
- (function() {
15
-
16
- (function($) {
17
- var elems;
18
- elems = [];
19
- $.fn.responsiveText = function(options) {
20
- var settings;
21
- settings = {
22
- compressor: options.compressor || 10,
23
- minSize: options.minSize || Number.NEGATIVE_INFINITY,
24
- maxSize: options.maxSize || Number.POSITIVE_INFINITY
25
- };
26
- return this.each(function() {
27
- var elem;
28
- elem = $(this);
29
- elem.attr('data-compression', settings.compressor);
30
- elem.attr('data-min', settings.minSize);
31
- elem.attr('data-max', settings.maxSize);
32
- elem.css("font-size", Math.floor(Math.max(Math.min(elem.width() / settings.compressor, parseFloat(settings.maxSize)), parseFloat(settings.minSize))));
33
- return elems.push(elem);
34
- });
12
+ (function($) {
13
+ var elems;
14
+ elems = [];
15
+ $.fn.responsiveText = function(options) {
16
+ var settings;
17
+ settings = {
18
+ compressor: options.compressor || 10,
19
+ minSize: options.minSize || Number.NEGATIVE_INFINITY,
20
+ maxSize: options.maxSize || Number.POSITIVE_INFINITY
35
21
  };
36
- return $(window).on("resize", function() {
37
- return $(elems).each(function() {
38
- var elem;
39
- elem = $(this);
40
- return elem.css("font-size", Math.floor(Math.max(Math.min(elem.width() / (elem.attr('data-compression')), parseFloat(elem.attr('data-max'))), parseFloat(elem.attr('data-min')))));
41
- });
22
+ return this.each(function() {
23
+ var elem;
24
+ elem = $(this);
25
+ elem.attr('data-compression', settings.compressor);
26
+ elem.attr('data-min', settings.minSize);
27
+ elem.attr('data-max', settings.maxSize);
28
+ elem.css("font-size", Math.floor(Math.max(Math.min(elem.width() / settings.compressor, parseFloat(settings.maxSize)), parseFloat(settings.minSize))));
29
+ return elems.push(elem);
42
30
  });
43
- })(jQuery);
44
-
45
- }).call(this);
31
+ };
32
+ return $(window).on("resize", function() {
33
+ return $(elems).each(function() {
34
+ var elem;
35
+ elem = $(this);
36
+ return elem.css("font-size", Math.floor(Math.max(Math.min(elem.width() / (elem.attr('data-compression')), parseFloat(elem.attr('data-max'))), parseFloat(elem.attr('data-min')))));
37
+ });
38
+ });
39
+ })(jQuery);
@@ -1,5 +1,4 @@
1
1
  // Generated by CoffeeScript 1.6.1
2
-
3
2
  /*
4
3
  *
5
4
  * jQuery Tooltips by Gary Hepting - https://github.com/ghepting/jquery-tooltips
@@ -10,123 +9,118 @@
10
9
  *
11
10
  */
12
11
 
13
-
14
- (function() {
15
-
16
- (function($) {
17
- return $.fn.tooltip = function(options) {
18
- var closetooltip, defaults, delayShow, getElementPosition, resettooltip, setPosition, showtooltip, tooltip, trigger;
19
- defaults = {
20
- topOffset: 0,
21
- delay: 100,
22
- speed: 100
12
+ (function($) {
13
+ return $.fn.tooltip = function(options) {
14
+ var closetooltip, defaults, delayShow, getElementPosition, resettooltip, setPosition, showtooltip, tooltip, trigger;
15
+ defaults = {
16
+ topOffset: 0,
17
+ delay: 100,
18
+ speed: 100
19
+ };
20
+ options = $.extend(defaults, options);
21
+ tooltip = $('#tooltip');
22
+ delayShow = '';
23
+ trigger = '';
24
+ if ($('#tooltip').length !== 1) {
25
+ tooltip = $("<div id=\"tooltip\"></div>");
26
+ tooltip.appendTo("body").hide();
27
+ }
28
+ getElementPosition = function(el) {
29
+ var bottom, left, offset, right, top, win;
30
+ offset = el.offset();
31
+ win = $(window);
32
+ return {
33
+ top: top = offset.top - win.scrollTop(),
34
+ left: left = offset.left - win.scrollLeft(),
35
+ bottom: bottom = win.height() - top - el.outerHeight(),
36
+ right: right = win.width() - left - el.outerWidth()
23
37
  };
24
- options = $.extend(defaults, options);
25
- tooltip = $('#tooltip');
26
- delayShow = '';
27
- trigger = '';
28
- if ($('#tooltip').length !== 1) {
29
- tooltip = $("<div id=\"tooltip\"></div>");
30
- tooltip.appendTo("body").hide();
38
+ };
39
+ setPosition = function(trigger) {
40
+ var attrs, coords, height, width;
41
+ coords = getElementPosition(trigger);
42
+ if (tooltip.outerWidth() > ($(window).width() - 20)) {
43
+ tooltip.css('width', $(window).width() - 20);
31
44
  }
32
- getElementPosition = function(el) {
33
- var bottom, left, offset, right, top, win;
34
- offset = el.offset();
35
- win = $(window);
36
- return {
37
- top: top = offset.top - win.scrollTop(),
38
- left: left = offset.left - win.scrollLeft(),
39
- bottom: bottom = win.height() - top - el.outerHeight(),
40
- right: right = win.width() - left - el.outerWidth()
41
- };
42
- };
43
- setPosition = function(trigger) {
44
- var attrs, coords, height, width;
45
- coords = getElementPosition(trigger);
46
- if (tooltip.outerWidth() > ($(window).width() - 20)) {
47
- tooltip.css('width', $(window).width() - 20);
48
- }
49
- attrs = {};
50
- tooltip.css('max-width', Math.min($(window).width() - parseInt($('body').css('padding-left')) - parseInt($('body').css('padding-right')), parseInt(tooltip.css('max-width'))));
51
- width = tooltip.outerWidth();
52
- height = tooltip.outerHeight();
53
- if (coords.left <= coords.right) {
54
- tooltip.addClass('left');
55
- attrs.left = coords.left;
56
- } else {
57
- tooltip.addClass('right');
58
- attrs.right = coords.right;
59
- }
60
- if ((coords.top - options.topOffset) > (height + 20)) {
61
- tooltip.addClass('top');
62
- attrs.top = (trigger.offset().top - height) - 20;
63
- } else {
64
- tooltip.addClass('bottom');
65
- attrs.top = trigger.offset().top + trigger.outerHeight() - 4;
66
- }
67
- return tooltip.css(attrs);
68
- };
69
- resettooltip = function() {
70
- return tooltip.text('').removeClass('left right top bottom').css({
71
- left: 'auto',
72
- right: 'auto',
73
- top: 'auto',
74
- bottom: 'auto',
75
- width: 'auto',
76
- 'padding-left': 'auto',
77
- 'padding-right': 'auto'
78
- });
79
- };
80
- closetooltip = function() {
81
- tooltip.stop().hide();
82
- resettooltip();
83
- return $('[role=tooltip]').removeClass('on');
84
- };
85
- showtooltip = function(trigger) {
86
- clearTimeout(delayShow);
87
- return delayShow = setTimeout(function() {
88
- tooltip.css({
89
- "opacity": 0,
90
- "display": "block"
91
- }).text(trigger.attr('data-title'));
92
- setPosition(trigger);
93
- trigger.addClass('on');
94
- console.log(tooltip.css('display'));
95
- return tooltip.animate({
96
- top: "+=10",
97
- opacity: 1
98
- }, options.speed);
99
- }, options.delay);
100
- };
101
- this.each(function() {
102
- var $this;
103
- $this = $(this);
104
- $this.attr('role', 'tooltip').attr('data-title', $this.attr('title'));
105
- return $this.removeAttr("title");
106
- });
107
- $('body').on('focus', '[role=tooltip]', function() {
108
- return showtooltip($(this));
109
- }).on('blur', '[role=tooltip]', function() {
110
- clearTimeout(delayShow);
111
- return closetooltip();
112
- }).on('mouseenter', '[role=tooltip]:not(input,select,textarea)', function() {
113
- return showtooltip($(this));
114
- }).on('mouseleave', '[role=tooltip]:not(input,select,textarea)', function() {
115
- clearTimeout(delayShow);
116
- return closetooltip();
117
- });
118
- return $(window).on({
119
- scroll: function() {
120
- trigger = $('[role=tooltip].on');
121
- if (trigger.length) {
122
- setPosition(trigger);
123
- return $('#tooltip').css({
124
- top: "+=10"
125
- });
126
- }
127
- }
45
+ attrs = {};
46
+ tooltip.css('max-width', Math.min($(window).width() - parseInt($('body').css('padding-left')) - parseInt($('body').css('padding-right')), parseInt(tooltip.css('max-width'))));
47
+ width = tooltip.outerWidth();
48
+ height = tooltip.outerHeight();
49
+ if (coords.left <= coords.right) {
50
+ tooltip.addClass('left');
51
+ attrs.left = coords.left;
52
+ } else {
53
+ tooltip.addClass('right');
54
+ attrs.right = coords.right;
55
+ }
56
+ if ((coords.top - options.topOffset) > (height + 20)) {
57
+ tooltip.addClass('top');
58
+ attrs.top = (trigger.offset().top - height) - 20;
59
+ } else {
60
+ tooltip.addClass('bottom');
61
+ attrs.top = trigger.offset().top + trigger.outerHeight() - 4;
62
+ }
63
+ return tooltip.css(attrs);
64
+ };
65
+ resettooltip = function() {
66
+ return tooltip.text('').removeClass('left right top bottom').css({
67
+ left: 'auto',
68
+ right: 'auto',
69
+ top: 'auto',
70
+ bottom: 'auto',
71
+ width: 'auto',
72
+ 'padding-left': 'auto',
73
+ 'padding-right': 'auto'
128
74
  });
129
75
  };
130
- })(jQuery);
131
-
132
- }).call(this);
76
+ closetooltip = function() {
77
+ tooltip.stop().hide();
78
+ resettooltip();
79
+ return $('[role=tooltip]').removeClass('on');
80
+ };
81
+ showtooltip = function(trigger) {
82
+ clearTimeout(delayShow);
83
+ return delayShow = setTimeout(function() {
84
+ tooltip.css({
85
+ "opacity": 0,
86
+ "display": "block"
87
+ }).text(trigger.attr('data-title'));
88
+ setPosition(trigger);
89
+ trigger.addClass('on');
90
+ console.log(tooltip.css('display'));
91
+ return tooltip.animate({
92
+ top: "+=10",
93
+ opacity: 1
94
+ }, options.speed);
95
+ }, options.delay);
96
+ };
97
+ this.each(function() {
98
+ var $this;
99
+ $this = $(this);
100
+ $this.attr('role', 'tooltip').attr('data-title', $this.attr('title'));
101
+ return $this.removeAttr("title");
102
+ });
103
+ $('body').on('focus', '[role=tooltip]', function() {
104
+ return showtooltip($(this));
105
+ }).on('blur', '[role=tooltip]', function() {
106
+ clearTimeout(delayShow);
107
+ return closetooltip();
108
+ }).on('mouseenter', '[role=tooltip]:not(input,select,textarea)', function() {
109
+ return showtooltip($(this));
110
+ }).on('mouseleave', '[role=tooltip]:not(input,select,textarea)', function() {
111
+ clearTimeout(delayShow);
112
+ return closetooltip();
113
+ });
114
+ return $(window).on({
115
+ scroll: function() {
116
+ trigger = $('[role=tooltip].on');
117
+ if (trigger.length) {
118
+ setPosition(trigger);
119
+ return $('#tooltip').css({
120
+ top: "+=10"
121
+ });
122
+ }
123
+ }
124
+ });
125
+ };
126
+ })(jQuery);
@@ -35,45 +35,95 @@ button, .button, a.button, a.button:visited, input[type=submit], input[type=but
35
35
  &.disabled {
36
36
  @include state(disabled,normal,desaturate($button-color,20%));
37
37
  }
38
- &.small {
39
- font-size:0.8em;
40
- }
41
- &.large {
42
- font-size:1.5em;
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
+ }
43
48
  }
44
- &.error {
45
- background:$error-color;
46
- border:1px solid darken($error-color, 10%);
49
+ &.alert {
50
+ background-color:darken($alert-background, 40%);
47
51
  color:$button-text;
52
+ border-color:darken($alert-border, 25%);
48
53
  &.active, &:hover, &:focus {
49
- background:darken($error-color, 10%);
54
+ background:darken($alert-background, 45%);
50
55
  }
51
56
  &.disabled {
52
- @include state(disabled,normal,desaturate($error-color,20%));
57
+ @include state(disabled,normal,desaturate($alert-color,20%));
53
58
  }
54
59
  }
55
60
  &.warning {
56
- background:$warning-color;
57
- border:1px solid darken($warning-color, 10%);
61
+ background-color:darken($warning-background, 40%);
58
62
  color:$button-text;
63
+ border-color:darken($warning-border, 40%);
59
64
  &.active, &:hover, &:focus {
60
- background:darken($warning-color, 10%);
65
+ background:darken($warning-background, 45%);
61
66
  }
62
67
  &.disabled {
63
68
  @include state(disabled,normal,desaturate($warning-color,20%));
64
69
  }
65
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
+ }
66
82
  &.success {
67
- background:$success-color;
68
- border:1px solid darken($success-color, 10%);
83
+ background-color:darken($success-background, 40%);
69
84
  color:$button-text;
85
+ border-color:darken($success-border, 40%);
70
86
  &.active, &:hover, &:focus {
71
- background:darken($success-color, 10%);
87
+ background:darken($success-background, 49%);
72
88
  }
73
89
  &.disabled {
74
90
  @include state(disabled,normal,desaturate($success-color,20%));
75
91
  }
76
92
  }
93
+ // &.error {
94
+ // background:$error-color;
95
+ // border:1px solid darken($error-color, 10%);
96
+ // color:$button-text;
97
+
98
+ // }
99
+ // &.warning {
100
+ // background:$warning-color;
101
+ // border:1px solid darken($warning-color, 10%);
102
+ // color:$button-text;
103
+ // &.active, &:hover, &:focus {
104
+ // background:darken($warning-color, 10%);
105
+ // }
106
+ // &.disabled {
107
+ // @include state(disabled,normal,desaturate($warning-color,20%));
108
+ // }
109
+ // }
110
+ // &.success {
111
+ // background:$success-color;
112
+ // border:1px solid darken($success-color, 10%);
113
+ // color:$button-text;
114
+ // &.active, &:hover, &:focus {
115
+ // background:darken($success-color, 10%);
116
+ // }
117
+ // &.disabled {
118
+ // @include state(disabled,normal,desaturate($success-color,20%));
119
+ // }
120
+ // }
121
+ &.small {
122
+ font-size:0.8em;
123
+ }
124
+ &.large {
125
+ font-size:1.5em;
126
+ }
77
127
  &.square {
78
128
  @include rounded(0);
79
129
  }
@@ -116,6 +166,7 @@ button, .button, a.button, a.button:visited, input[type=submit], input[type=but
116
166
  display:block;
117
167
  padding:0.5em 1em;
118
168
  border:none;
169
+ color:$font-color;
119
170
  text-shadow:none;
120
171
  text-decoration:none;
121
172
  &:hover, &:focus {