flashgrid 1.3.0 → 2.0.0

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 (35) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +9 -2
  3. data/lib/flashgrid/version.rb +1 -1
  4. data/vendor/assets/javascripts/alert.js +2 -1
  5. data/vendor/assets/javascripts/animation.js +82 -0
  6. data/vendor/assets/javascripts/button.js +99 -0
  7. data/vendor/assets/javascripts/carousel.js +199 -0
  8. data/vendor/assets/javascripts/date_picker.js +1645 -1645
  9. data/vendor/assets/javascripts/hoverdown.js +93 -0
  10. data/vendor/assets/javascripts/scrollspy.js +146 -0
  11. data/vendor/assets/stylesheets/alert.css.scss +3 -3
  12. data/vendor/assets/stylesheets/animation.css.scss +2319 -0
  13. data/vendor/assets/stylesheets/breadcrumb.css.scss +2 -5
  14. data/vendor/assets/stylesheets/button.css.scss +106 -113
  15. data/vendor/assets/stylesheets/carousel.css.scss +148 -0
  16. data/vendor/assets/stylesheets/collapse.css.scss +2 -2
  17. data/vendor/assets/stylesheets/datepicker.css.scss +2 -4
  18. data/vendor/assets/stylesheets/dropdown.css.scss +6 -6
  19. data/vendor/assets/stylesheets/footer.css.scss +31 -4
  20. data/vendor/assets/stylesheets/form.css.scss +55 -24
  21. data/vendor/assets/stylesheets/header.css.scss +11 -4
  22. data/vendor/assets/stylesheets/icon.css.scss +10 -10
  23. data/vendor/assets/stylesheets/label_and_badge.css.scss +1 -1
  24. data/vendor/assets/stylesheets/list.css.scss +34 -15
  25. data/vendor/assets/stylesheets/modal.css.scss +12 -14
  26. data/vendor/assets/stylesheets/{tab.css.scss → nav_and_tab.css.scss} +20 -16
  27. data/vendor/assets/stylesheets/pagination.css.scss +1 -1
  28. data/vendor/assets/stylesheets/popover.css.scss +3 -3
  29. data/vendor/assets/stylesheets/progress.css.scss +1 -1
  30. data/vendor/assets/stylesheets/reset.css.scss +5 -8
  31. data/vendor/assets/stylesheets/switch.css.scss +24 -13
  32. data/vendor/assets/stylesheets/table.css.scss +10 -10
  33. data/vendor/assets/stylesheets/timepicker.css.scss +11 -11
  34. data/vendor/assets/stylesheets/trunk.css.scss +9 -23
  35. metadata +10 -3
@@ -1,8 +1,9 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
+ #Nav
3
4
  #Tab */
4
5
 
5
- /* #Tab
6
+ /* #Nav
6
7
  ================================================== */
7
8
  .nav {
8
9
  list-style: none;
@@ -39,12 +40,12 @@
39
40
  .nav-list {
40
41
  margin-bottom: 0;
41
42
  padding-right: 15px;
42
- padding-left: 15px;
43
+ padding-left: 15px;
43
44
  }
44
45
  .nav-list > li > a,
45
46
  .nav-list .nav-header {
46
47
  margin-right: -15px;
47
- margin-left: -15px;
48
+ margin-left: -15px;
48
49
  }
49
50
  .nav-list > li > a {
50
51
  color: rgba(158,171,179,1);
@@ -73,10 +74,10 @@
73
74
  line-height: 0;
74
75
  }
75
76
  .nav-tabs:after,
76
- .nav-pills:after { clear: both; }
77
- .nav-tabs { border-bottom: 1px solid rgba(236,238,241,1); }
77
+ .nav-pills:after { clear: both; }
78
+ .nav-tabs { border-bottom: 1px solid rgba(236,238,241,1); }
78
79
  .nav-tabs > li,
79
- .nav-pills > li { float: left; }
80
+ .nav-pills > li { float: left; }
80
81
  .nav-tabs > li > a {
81
82
  border-bottom: 3px solid transparent;
82
83
  margin-right: 20px;
@@ -103,7 +104,7 @@
103
104
  background: rgba(58,144,216,1);
104
105
  color: rgba(255,255,255,1);
105
106
  }
106
- .nav-stacked > li { float: none; }
107
+ .nav-stacked > li { float: none; }
107
108
  .nav-stacked > li > a { margin-right: 0; }
108
109
  .nav-tabs.nav-stacked { border-bottom: 0; }
109
110
  .nav-tabs.nav-stacked > li > a {
@@ -145,6 +146,9 @@
145
146
  background: rgba(236,238,241,1);
146
147
  color: rgba(71,74,84,1);
147
148
  }
149
+
150
+ /* #Tab
151
+ ================================================== */
148
152
  .tabbable { *zoom: 1; }
149
153
  .tabbable:before,
150
154
  .tabbable:after {
@@ -152,28 +156,28 @@
152
156
  display: table;
153
157
  line-height: 0;
154
158
  }
155
- .tabbable:after { clear: both; }
156
- .tab-content { overflow: auto; }
159
+ .tabbable:after { clear: both; }
160
+ .tab-content { overflow: auto; }
157
161
  .tab-content > .tab-pane,
158
- .pill-content > .pill-pane { display: none; }
162
+ .pill-content > .pill-pane { display: none; }
159
163
  .tab-content > .active,
160
- .pill-content > .active { display: block; }
161
- .tabs-below > .nav-tabs > li > a { border-radius: 0 0 3px 3px; }
164
+ .pill-content > .active { display: block; }
165
+ .tabs-below > .nav-tabs > li > a { border-radius: 0 0 3px 3px; }
162
166
  .tabs-left > .nav-tabs > li,
163
- .tabs-right > .nav-tabs > li { float: none; }
167
+ .tabs-right > .nav-tabs > li { float: none; }
164
168
  .tabs-left > .nav-tabs > li > a,
165
169
  .tabs-right > .nav-tabs > li > a {
166
- margin-right: 0;
167
170
  margin-bottom: 3px;
171
+ margin-right: 0;
168
172
  min-width: 50px;
169
173
  }
170
174
  .tabs-left > .nav-tabs {
171
175
  float: left;
172
176
  margin-right: 19px;
173
177
  }
174
- .tabs-left > .nav-tabs > li > a { border-radius: 3px 0 0 3px; }
178
+ .tabs-left > .nav-tabs > li > a { border-radius: 3px 0 0 3px; }
175
179
  .tabs-right > .nav-tabs {
176
180
  float: right;
177
181
  margin-left: 19px;
178
182
  }
179
- .tabs-right > .nav-tabs > li > a { border-radius: 0 3px 3px 0; }
183
+ .tabs-right > .nav-tabs > li > a { border-radius: 0 3px 3px 0; }
@@ -7,7 +7,7 @@
7
7
  .pagination ul {
8
8
  display: inline-block;
9
9
  margin-bottom: 0;
10
- margin-left: 0;
10
+ margin-left: 0;
11
11
  padding: 0;
12
12
  }
13
13
  .pagination ul > li {
@@ -23,10 +23,10 @@
23
23
  white-space: normal;
24
24
  z-index: 1060;
25
25
  }
26
- .popover.top { margin-top: -10px; }
27
- .popover.right { margin-left: 10px; }
26
+ .popover.top { margin-top: -10px; }
27
+ .popover.right { margin-left: 10px; }
28
28
  .popover.bottom { margin-top: 10px; }
29
- .popover.left { margin-left: -10px; }
29
+ .popover.left { margin-left: -10px; }
30
30
  .popover-title {
31
31
  background: rgba(236,238,241,1);
32
32
  border-bottom: 1px solid rgba(217,222,225,1);
@@ -11,7 +11,7 @@
11
11
  overflow: hidden;
12
12
  }
13
13
  .progress .bar {
14
- background: rgba(79,148,210,1);
14
+ background: rgba(58,144,216,1);
15
15
  box-sizing: border-box;
16
16
  color: rgba(255,255,255,1);
17
17
  float: left;
@@ -14,23 +14,23 @@ table {
14
14
  border-collapse: collapse;
15
15
  border-spacing: 0;
16
16
  }
17
- fieldset, img { border: 0; }
18
17
  address, caption, cite, code, dfn, th, var {
19
18
  font-style: normal;
20
19
  font-weight: normal;
21
20
  }
22
- caption, th { text-align: left; }
23
21
  h1, h2, h3, h4, h5, h6 {
24
22
  font-size: 100%;
25
23
  font-weight: normal;
26
24
  }
27
- q:before, q:after { content: ''; }
28
25
  abbr, acronym {
29
26
  border-bottom: 1px dotted rgba(0,0,0,1);
30
27
  font-variant: normal;
31
28
  }
32
- sup { vertical-align: text-top; }
33
- sub { vertical-align: text-bottom; }
29
+ caption, th { text-align: left; }
30
+ fieldset, img { border: 0; }
31
+ sup { vertical-align: text-top; }
32
+ sub { vertical-align: text-bottom; }
33
+ q:before, q:after { content: ''; }
34
34
  button, input, textarea, select {
35
35
  font-family: inherit;
36
36
  font-size: inherit;
@@ -49,8 +49,5 @@ body {
49
49
  tap-highlight-color: rgba(0,0,0,0);
50
50
  text-rendering: optimizeLegibility;
51
51
  -webkit-text-size-adjust: 100%;
52
- -moz-text-size-adjust: 100%;
53
- -ms-text-size-adjust: 100%;
54
- -o-text-size-adjust: 100%;
55
52
  text-size-adjust: 100%;
56
53
  }
@@ -14,7 +14,8 @@
14
14
  z-index: -1;
15
15
  }
16
16
  .switch {
17
- background: rgba(236,238,241,1);
17
+ background: rgba(241,242,244,1);
18
+ border: 1px solid rgba(217,222,225,1);
18
19
  border-radius: 500px;
19
20
  color: rgba(43,50,53,1);
20
21
  cursor: pointer;
@@ -34,8 +35,6 @@
34
35
  -webkit-transition: all 0.5s ease-in-out;
35
36
  transition: all 0.5s ease-in-out;
36
37
  -webkit-user-select: none;
37
- -moz-user-select: none;
38
- -ms-user-select: none;
39
38
  user-select: none;
40
39
  vertical-align: middle;
41
40
  }
@@ -54,15 +53,15 @@
54
53
  margin-bottom: 0;
55
54
  margin-top: 0;
56
55
  padding-bottom: 4px;
57
- padding-top: 4px;
56
+ padding-top: 3px;
58
57
  text-align: center;
59
58
  vertical-align: middle;
60
59
  width: 20%;
61
60
  z-index: 100;
62
61
  }
63
62
  .switch span {
64
- padding-bottom: 5px;
65
- padding-top: 3px;
63
+ padding-bottom: 0;
64
+ padding-top: 0;
66
65
  text-align: center;
67
66
  vertical-align: middle;
68
67
  width: 40%;
@@ -76,16 +75,28 @@
76
75
  top: 0;
77
76
  width: 150%;
78
77
  }
79
- .switch.switch-on > div { margin-left: 0; }
80
- .switch.switch-off > div { margin-left: -50%; }
78
+ .switch.switch-on > div { margin-left: 0; }
79
+ .switch.switch-off > div { margin-left: -50%; }
81
80
  .switch.switch-on.switch-black,
82
81
  .switch.switch-on.switch-blue,
83
82
  .switch.switch-on.switch-green,
84
- .switch.switch-on.switch-red { color: rgba(255,255,255,1); }
85
- .switch.switch-on.switch-black { background: rgba(71,74,84,1); }
86
- .switch.switch-on.switch-blue { background: rgba(58,144,216,1); }
87
- .switch.switch-on.switch-green { background: rgba(122,179,23,1); }
88
- .switch.switch-on.switch-red { background: rgba(254,79,50,1); }
83
+ .switch.switch-on.switch-red { color: rgba(255,255,255,1); }
84
+ .switch.switch-on.switch-black {
85
+ background: rgba(71,74,84,1);
86
+ border-color: rgba(1,4,14,1);
87
+ }
88
+ .switch.switch-on.switch-blue {
89
+ background: rgba(58,144,216,1);
90
+ border-color: rgba(8,94,166,1);
91
+ }
92
+ .switch.switch-on.switch-green {
93
+ background: rgba(122,179,23,1);
94
+ border-color: rgba(72,129,3,1);
95
+ }
96
+ .switch.switch-on.switch-red {
97
+ background: rgba(220,74,56,1);
98
+ border-color: rgba(180,34,16,1);
99
+ }
89
100
  .switch.switch-animate > div {
90
101
  -webkit-transition: margin-left 0.5s;
91
102
  transition: margin-left 0.5s;
@@ -28,17 +28,17 @@ table {
28
28
  font-size: 14px;
29
29
  font-weight: bold;
30
30
  }
31
- .table th a { color: rgba(71,74,84,1); }
32
- .table th a:hover { text-decoration: underline; }
33
- .table thead th { vertical-align: bottom; }
31
+ .table th a { color: rgba(71,74,84,1); }
32
+ .table th a:hover { text-decoration: underline; }
33
+ .table thead th { vertical-align: bottom; }
34
34
  .table caption + thead tr:first-child th,
35
35
  .table caption + thead tr:first-child td,
36
36
  .table colgroup + thead tr:first-child th,
37
37
  .table colgroup + thead tr:first-child td,
38
38
  .table thead:first-child tr:first-child th,
39
- .table thead:first-child tr:first-child td { border-top: 0; }
40
- .table tbody + tbody { border-top: 2px solid rgba(217,222,225,1); }
41
- .table .table { background: rgba(255,255,255,1); }
39
+ .table thead:first-child tr:first-child td { border-top: 0; }
40
+ .table tbody + tbody { border-top: 2px solid rgba(217,222,225,1); }
41
+ .table .table { background: rgba(255,255,255,1); }
42
42
  .table-condensed th,
43
43
  .table-condensed td {
44
44
  font-size: 14px;
@@ -54,7 +54,7 @@ table {
54
54
  border-left: 0;
55
55
  }
56
56
  .table-bordered th,
57
- .table-bordered td { border-left: 1px solid rgba(217,222,225,1); }
57
+ .table-bordered td { border-left: 1px solid rgba(217,222,225,1); }
58
58
  .table-bordered caption + thead tr:first-child th,
59
59
  .table-bordered caption + tbody tr:first-child th,
60
60
  .table-bordered caption + tbody tr:first-child td,
@@ -65,14 +65,14 @@ table {
65
65
  .table-bordered tbody:first-child tr:first-child th,
66
66
  .table-bordered tbody:first-child tr:first-child td { border-top: 0; }
67
67
  .table-striped tbody > tr:nth-child(odd) > td,
68
- .table-striped tbody > tr:nth-child(odd) > th { background: rgba(246,247,249,1); }
68
+ .table-striped tbody > tr:nth-child(odd) > th { background: rgba(246,247,249,1); }
69
69
  .table-hover tbody tr:hover > td,
70
- .table-hover tbody tr:hover > th { background: rgba(240,241,244,1); }
70
+ .table-hover tbody tr:hover > th { background: rgba(240,241,244,1); }
71
71
  .table-unbordered,
72
72
  .table-unbordered thead,
73
73
  .table-unbordered tbody,
74
74
  .table-unbordered th,
75
- .table-unbordered td { border: 0; }
75
+ .table-unbordered td { border: 0; }
76
76
  .table-scrollable {
77
77
  height: 300px;
78
78
  overflow: auto;
@@ -4,9 +4,9 @@
4
4
 
5
5
  /* #Timepicker
6
6
  ================================================== */
7
- .timepicker { position: relative; }
8
- .timepicker .add-on i { display: inline-block; }
9
- .timepicker-widget.dropdown-menu { padding: 5px 1px 5px 0; }
7
+ .timepicker { position: relative; }
8
+ .timepicker .add-on i { display: inline-block; }
9
+ .timepicker-widget.dropdown-menu { padding: 5px 1px 5px 0; }
10
10
  .timepicker-widget.dropdown-menu.open {
11
11
  display: inline-block;
12
12
  z-index: 1060;
@@ -27,21 +27,21 @@
27
27
  display: inline-block;
28
28
  position: absolute;
29
29
  }
30
- .timepicker-widget.timepicker-orient-left:before { left: 6px; }
31
- .timepicker-widget.timepicker-orient-left:after { left: 7px; }
30
+ .timepicker-widget.timepicker-orient-left:before { left: 6px; }
31
+ .timepicker-widget.timepicker-orient-left:after { left: 7px; }
32
32
  .timepicker-widget.timepicker-orient-right:before { right: 6px; }
33
- .timepicker-widget.timepicker-orient-right:after { right: 7px; }
34
- .timepicker-widget.timepicker-orient-top:before { top: -7px; }
35
- .timepicker-widget.timepicker-orient-top:after { top: -6px; }
33
+ .timepicker-widget.timepicker-orient-right:after { right: 7px; }
34
+ .timepicker-widget.timepicker-orient-top:before { top: -7px; }
35
+ .timepicker-widget.timepicker-orient-top:after { top: -6px; }
36
36
  .timepicker-widget.timepicker-orient-bottom:before {
37
37
  bottom: -7px;
38
38
  border-bottom: 0;
39
- border-top: 7px solid rgba(246,247,249,1);
39
+ border-top: 7px solid rgba(246,247,249,1);
40
40
  }
41
41
  .timepicker-widget.timepicker-orient-bottom:after {
42
42
  bottom: -6px;
43
43
  border-bottom: 0;
44
- border-top: 6px solid rgba(246,247,249,1);
44
+ border-top: 6px solid rgba(246,247,249,1);
45
45
  }
46
46
  .timepicker-widget a.btn,
47
47
  .timepicker-widget input { border-radius: 3px; }
@@ -55,7 +55,7 @@
55
55
  margin: 0;
56
56
  }
57
57
  .timepicker-widget table td:not(.separator) { min-width: 30px; }
58
- .timepicker-widget table td span { width: 100%; }
58
+ .timepicker-widget table td span { width: 100%; }
59
59
  .timepicker-widget table td a {
60
60
  color: rgba(43,50,53,1);
61
61
  display: inline-block;
@@ -17,13 +17,13 @@
17
17
  color: rgba(255,255,255,1);
18
18
  font-weight: 200;
19
19
  }
20
- .trunk-search input:focus { border-color: rgba(255,255,255,1); }
21
- .trunk-search input:-moz-placeholder { color: rgba(255,255,255,0.40); }
22
- .trunk-search input:-ms-input-placeholder { color: rgba(255,255,255,0.40); }
23
- .trunk-search input::-webkit-input-placeholder { color: rgba(255,255,255,0.40); }
20
+ .trunk-search input:focus { border-color: rgba(255,255,255,1); }
21
+ .trunk-search input:-moz-placeholder { color: rgba(255,255,255,0.40); }
22
+ .trunk-search input:-ms-input-placeholder { color: rgba(255,255,255,0.40); }
23
+ .trunk-search input::-webkit-input-placeholder { color: rgba(255,255,255,0.40); }
24
24
  .trunk-nav a {
25
25
  border-radius: 3px;
26
- color: rgba(255,255,255,0.8);
26
+ color: rgba(255,255,255,1);
27
27
  display: block;
28
28
  font-size: 13px;
29
29
  font-weight: 500;
@@ -32,38 +32,24 @@
32
32
  }
33
33
  .trunk-nav a:hover {
34
34
  background: rgba(0,0,0,0.075);
35
- color: rgba(255,255,255,1);
36
35
  padding-left: 15px;
37
36
  }
38
37
  .trunk-account {
39
38
  border-top: 1px solid rgba(255,255,255, 0.1);
40
39
  margin-top: 10px;
40
+ padding-top: 10px;
41
41
  }
42
42
  .trunk-account li {
43
43
  float: left;
44
- margin: 10px 5px 0 0;
45
- width: 207px;
44
+ width: 50%;
46
45
  }
47
- .trunk-account li:last-child { margin-right: 0; }
48
46
  .trunk-account li a {
49
47
  border-radius: 3px;
50
- color: rgba(255,255,255,0.8);
48
+ color: rgba(255,255,255,1);
51
49
  display: block;
52
50
  font-size: 13px;
53
51
  font-weight: 500;
54
52
  padding: 5px 0 3px 0;
55
53
  text-align: center;
56
54
  }
57
- .trunk-account li a:hover {
58
- background: rgba(0,0,0,0.075);
59
- color: rgba(255,255,255,1);
60
- }
61
-
62
- /* #Media Queries
63
- ================================================== */
64
- @media only screen and (max-width: 767px) {
65
- .trunk-account li { width: 147px; }
66
- }
67
- @media only screen and (min-width: 480px) and (max-width: 767px) {
68
- .trunk-account li { width: 207px; }
69
- }
55
+ .trunk-account li a:hover { background: rgba(0,0,0,0.075); }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: flashgrid
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.3.0
4
+ version: 2.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Juan Gomez
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2014-05-05 00:00:00.000000000 Z
11
+ date: 2014-05-11 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -77,13 +77,18 @@ files:
77
77
  - lib/flashgrid/version.rb
78
78
  - vendor/assets/javascripts/affix.js
79
79
  - vendor/assets/javascripts/alert.js
80
+ - vendor/assets/javascripts/animation.js
81
+ - vendor/assets/javascripts/button.js
82
+ - vendor/assets/javascripts/carousel.js
80
83
  - vendor/assets/javascripts/collapse.js
81
84
  - vendor/assets/javascripts/date_picker.js
82
85
  - vendor/assets/javascripts/dropdown.js
83
86
  - vendor/assets/javascripts/file_input.js
87
+ - vendor/assets/javascripts/hoverdown.js
84
88
  - vendor/assets/javascripts/map.js
85
89
  - vendor/assets/javascripts/modal.js
86
90
  - vendor/assets/javascripts/popover.js
91
+ - vendor/assets/javascripts/scrollspy.js
87
92
  - vendor/assets/javascripts/switch.js
88
93
  - vendor/assets/javascripts/tab.js
89
94
  - vendor/assets/javascripts/time_picker.js
@@ -92,8 +97,10 @@ files:
92
97
  - vendor/assets/stylesheets/ad.css.scss
93
98
  - vendor/assets/stylesheets/affix.css.scss
94
99
  - vendor/assets/stylesheets/alert.css.scss
100
+ - vendor/assets/stylesheets/animation.css.scss
95
101
  - vendor/assets/stylesheets/breadcrumb.css.scss
96
102
  - vendor/assets/stylesheets/button.css.scss
103
+ - vendor/assets/stylesheets/carousel.css.scss
97
104
  - vendor/assets/stylesheets/code.css.scss
98
105
  - vendor/assets/stylesheets/collapse.css.scss
99
106
  - vendor/assets/stylesheets/datepicker.css.scss
@@ -109,6 +116,7 @@ files:
109
116
  - vendor/assets/stylesheets/list.css.scss
110
117
  - vendor/assets/stylesheets/map.css.scss
111
118
  - vendor/assets/stylesheets/modal.css.scss
119
+ - vendor/assets/stylesheets/nav_and_tab.css.scss
112
120
  - vendor/assets/stylesheets/pagination.css.scss
113
121
  - vendor/assets/stylesheets/panel.css.scss
114
122
  - vendor/assets/stylesheets/placeholder.css.scss
@@ -116,7 +124,6 @@ files:
116
124
  - vendor/assets/stylesheets/progress.css.scss
117
125
  - vendor/assets/stylesheets/reset.css.scss
118
126
  - vendor/assets/stylesheets/switch.css.scss
119
- - vendor/assets/stylesheets/tab.css.scss
120
127
  - vendor/assets/stylesheets/table.css.scss
121
128
  - vendor/assets/stylesheets/timepicker.css.scss
122
129
  - vendor/assets/stylesheets/tooltip.css.scss