active_frontend 2.1.0 → 3.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 (44) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -0
  3. data/app/assets/images/placeholders/camera.png +0 -0
  4. data/app/assets/images/placeholders/person.png +0 -0
  5. data/app/assets/images/placeholders/picture.png +0 -0
  6. data/lib/active_frontend/version.rb +1 -1
  7. data/vendor/assets/javascripts/chart.js +10 -10
  8. data/vendor/assets/stylesheets/ad.scss +1 -1
  9. data/vendor/assets/stylesheets/alert.scss +18 -14
  10. data/vendor/assets/stylesheets/aside.scss +15 -13
  11. data/vendor/assets/stylesheets/breadcrumb.scss +4 -4
  12. data/vendor/assets/stylesheets/button.scss +136 -120
  13. data/vendor/assets/stylesheets/canvas.scss +5 -15
  14. data/vendor/assets/stylesheets/code.scss +63 -63
  15. data/vendor/assets/stylesheets/colorpicker.scss +2 -1
  16. data/vendor/assets/stylesheets/datepicker.scss +14 -14
  17. data/vendor/assets/stylesheets/dropdown.scss +16 -17
  18. data/vendor/assets/stylesheets/footer.scss +30 -102
  19. data/vendor/assets/stylesheets/form.scss +39 -47
  20. data/vendor/assets/stylesheets/header.scss +119 -113
  21. data/vendor/assets/stylesheets/label_and_badge.scss +28 -29
  22. data/vendor/assets/stylesheets/link.scss +9 -9
  23. data/vendor/assets/stylesheets/list.scss +4 -4
  24. data/vendor/assets/stylesheets/loader.scss +5 -5
  25. data/vendor/assets/stylesheets/map.scss +1 -1
  26. data/vendor/assets/stylesheets/modal.scss +16 -22
  27. data/vendor/assets/stylesheets/nav_and_tab.scss +25 -26
  28. data/vendor/assets/stylesheets/navbar.scss +39 -0
  29. data/vendor/assets/stylesheets/pagination.scss +4 -4
  30. data/vendor/assets/stylesheets/panel.scss +12 -10
  31. data/vendor/assets/stylesheets/placeholder.scss +5 -5
  32. data/vendor/assets/stylesheets/popover.scss +6 -6
  33. data/vendor/assets/stylesheets/progress.scss +2 -2
  34. data/vendor/assets/stylesheets/reset.scss +2 -2
  35. data/vendor/assets/stylesheets/sidebar.scss +8 -11
  36. data/vendor/assets/stylesheets/spinner.scss +30 -30
  37. data/vendor/assets/stylesheets/swoggle.scss +15 -15
  38. data/vendor/assets/stylesheets/table.scss +19 -14
  39. data/vendor/assets/stylesheets/timepicker.scss +6 -6
  40. data/vendor/assets/stylesheets/tooltip.scss +5 -5
  41. data/vendor/assets/stylesheets/trunk.scss +22 -25
  42. data/vendor/assets/stylesheets/typeahead.scss +1 -1
  43. data/vendor/assets/stylesheets/typography.scss +12 -12
  44. metadata +3 -2
@@ -16,23 +16,25 @@ table {
16
16
  .table th,
17
17
  .table td {
18
18
  background: rgba(255,255,255,1);
19
- border-top: 1px solid rgba(225,232,237,1);
19
+ border-top: 1px solid rgba(243,243,243,1);
20
20
  font-size: 16px;
21
21
  line-height: 25px;
22
22
  padding: 9px 10px 6px 10px;
23
23
  text-align: left;
24
24
  vertical-align: middle;
25
25
  }
26
- .table caption,
27
26
  .table th,
28
27
  .table tfoot td {
29
28
  background: rgba(255,255,255,1);
30
- font-size: 15px;
29
+ border-top-width: 2px;
30
+ font-size: 14px;
31
31
  font-weight: bold;
32
+ letter-spacing: 1px;
32
33
  padding: 7px 10px 7px 10px;
34
+ text-transform: uppercase;
33
35
  }
34
- .table th a { color: rgba(43,50,53,1); }
35
- .table th a:hover { color: rgba(0,132,255,1); }
36
+ .table th a { color: rgba(34,34,34,1); }
37
+ .table th a:hover { color: rgba(76,143,202,1); }
36
38
  .table th.tablespy-sort-asc:before {
37
39
  content: "\f3d8";
38
40
  float: right;
@@ -60,8 +62,10 @@ table {
60
62
  .table th.tablespy-sort-empty:before { content: ""; }
61
63
  .table th.tablespy-sort-empty { pointer-events: none; }
62
64
  .table caption {
63
- border-bottom: 1px solid rgba(225,232,237,1);
65
+ border-bottom: 2px solid rgba(243,243,243,1);
64
66
  border-top: 0;
67
+ font-size: 15px;
68
+ padding: 7px 10px 7px 10px;
65
69
  }
66
70
  .table caption + thead tr:first-child th,
67
71
  .table caption + thead tr:first-child td,
@@ -69,7 +73,7 @@ table {
69
73
  .table colgroup + thead tr:first-child td,
70
74
  .table thead:first-child tr:first-child th,
71
75
  .table thead:first-child tr:first-child td { border-top: 0; }
72
- .table tbody + tbody { border-top: 2px solid rgba(225,232,237,1); }
76
+ .table tbody + tbody { border-top: 2px solid rgba(243,243,243,1); }
73
77
  .table-condensed caption,
74
78
  .table-condensed th,
75
79
  .table-condensed tfoot td {
@@ -81,16 +85,17 @@ table {
81
85
  padding: 5px 5px 3px 5px;
82
86
  }
83
87
  .table-bordered {
84
- border: 1px solid rgba(225,232,237,1);
88
+ border: 1px solid rgba(243,243,243,1);
85
89
  border-collapse: separate;
86
90
  border-left: 0;
87
91
  }
88
92
  .table-bordered caption {
89
- border: 1px solid rgba(225,232,237,1);
93
+ border: 1px solid rgba(243,243,243,1);
94
+ border-bottom-width: 2px;
90
95
  margin-bottom: -1px;
91
96
  }
92
97
  .table-bordered th,
93
- .table-bordered td { border-left: 1px solid rgba(225,232,237,1); }
98
+ .table-bordered td { border-left: 1px solid rgba(243,243,243,1); }
94
99
  .table-bordered caption + thead tr:first-child th,
95
100
  .table-bordered caption + tbody tr:first-child th,
96
101
  .table-bordered caption + tbody tr:first-child td,
@@ -101,9 +106,9 @@ table {
101
106
  .table-bordered tbody:first-child tr:first-child th,
102
107
  .table-bordered tbody:first-child tr:first-child td { border-top: 0; }
103
108
  .table-striped tbody > tr:nth-child(odd) > td,
104
- .table-striped tbody > tr:nth-child(odd) > th { background: rgba(245,248,250,1); }
109
+ .table-striped tbody > tr:nth-child(odd) > th { background: rgba(249,249,249,1); }
105
110
  .table-hover tbody tr:hover > td,
106
- .table-hover tbody tr:hover > th { background: rgba(240,243,245,1); }
111
+ .table-hover tbody tr:hover > th { background: rgba(243,243,243,1); }
107
112
  .table-unbordered,
108
113
  .table-unbordered thead,
109
114
  .table-unbordered tbody,
@@ -115,14 +120,14 @@ table {
115
120
  }
116
121
  .table .btn {
117
122
  text-decoration: none !important;
118
- text-transform: none !important;
123
+ text-transform: none !important;
119
124
  }
120
125
 
121
126
  /* # Media Queries
122
127
  ================================================== */
123
128
  @media only screen and (max-width: 960px) {
124
129
  .table-responsive {
125
- border: 1px solid rgba(225,232,237,1);
130
+ border: 1px solid rgba(243,243,243,1);
126
131
  max-height: 300px;
127
132
  -webkit-overflow-scrolling: touch;
128
133
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -12,7 +12,7 @@
12
12
  z-index: 1060;
13
13
  }
14
14
  .timepicker-widget.dropdown-menu:before {
15
- border-bottom: 7px solid rgba(245,248,250,1);
15
+ border-bottom: 7px solid rgba(249,249,249,1);
16
16
  border-right: 7px solid transparent;
17
17
  border-left: 7px solid transparent;
18
18
  content: "";
@@ -20,7 +20,7 @@
20
20
  position: absolute;
21
21
  }
22
22
  .timepicker-widget.dropdown-menu:after {
23
- border-bottom: 6px solid rgba(245,248,250,1);
23
+ border-bottom: 6px solid rgba(249,249,249,1);
24
24
  border-right: 6px solid transparent;
25
25
  border-left: 6px solid transparent;
26
26
  content: "";
@@ -35,12 +35,12 @@
35
35
  .timepicker-widget.timepicker-orient-top:after { top: -6px; }
36
36
  .timepicker-widget.timepicker-orient-bottom:before {
37
37
  border-bottom: 0;
38
- border-top: 7px solid rgba(245,248,250,1);
38
+ border-top: 7px solid rgba(249,249,249,1);
39
39
  bottom: -7px;
40
40
  }
41
41
  .timepicker-widget.timepicker-orient-bottom:after {
42
42
  border-bottom: 0;
43
- border-top: 6px solid rgba(245,248,250,1);
43
+ border-top: 6px solid rgba(249,249,249,1);
44
44
  bottom: -6px;
45
45
  }
46
46
  .timepicker-widget a.btn,
@@ -57,7 +57,7 @@
57
57
  .timepicker-widget table td:not(.separator) { min-width: 30px; }
58
58
  .timepicker-widget table td span { width: 100%; }
59
59
  .timepicker-widget table td a {
60
- color: rgba(43,50,53,1);
60
+ color: rgba(27,192,109,1);
61
61
  display: inline-block;
62
62
  margin: 0;
63
63
  padding: 8px 0;
@@ -65,7 +65,7 @@
65
65
  width: 100%;
66
66
  }
67
67
  .timepicker-widget table td a:hover {
68
- color: rgba(0,132,255,1);
68
+ color: rgba(34,34,34,1);
69
69
  text-decoration: none;
70
70
  }
71
71
  .timepicker-widget table td input {
@@ -43,7 +43,7 @@
43
43
  padding: 0 5px;
44
44
  }
45
45
  .tooltip-inner {
46
- background: rgba(56,67,81,1);
46
+ background: rgba(34,34,34,1);
47
47
  border-radius: 3px;
48
48
  color: rgba(255,255,255,1);
49
49
  letter-spacing: 0;
@@ -61,28 +61,28 @@
61
61
  width: 0;
62
62
  }
63
63
  .tooltip.top .tooltip-arrow {
64
- border-top-color: rgba(56,67,81,1);
64
+ border-top-color: rgba(34,34,34,1);
65
65
  border-width: 5px 5px 0;
66
66
  bottom: 0;
67
67
  left: 50%;
68
68
  margin-left: -5px;
69
69
  }
70
70
  .tooltip.right .tooltip-arrow {
71
- border-right-color: rgba(56,67,81,1);
71
+ border-right-color: rgba(34,34,34,1);
72
72
  border-width: 5px 5px 5px 0;
73
73
  left: 0;
74
74
  margin-top: -5px;
75
75
  top: 50%;
76
76
  }
77
77
  .tooltip.left .tooltip-arrow {
78
- border-left-color: rgba(56,67,81,1);
78
+ border-left-color: rgba(34,34,34,1);
79
79
  border-width: 5px 0 5px 5px;
80
80
  margin-top: -5px;
81
81
  right: 0;
82
82
  top: 50%;
83
83
  }
84
84
  .tooltip.bottom .tooltip-arrow {
85
- border-bottom-color: rgba(56,67,81,1);
85
+ border-bottom-color: rgba(34,34,34,1);
86
86
  border-width: 0 5px 5px;
87
87
  left: 50%;
88
88
  margin-left: -5px;
@@ -5,24 +5,14 @@
5
5
  /* # Trunk
6
6
  ================================================== */
7
7
  .trunk {
8
- background: rgba(0,132,255,1);
9
- box-shadow: inset 0 1px 4px rgba(0,82,205,1);
8
+ background: rgba(12,12,12,1);
9
+ border-top: 2px solid rgba(34,34,34,1);
10
10
  margin: 50px 0 0 0;
11
11
  position: fixed;
12
12
  width: 100%;
13
13
  z-index: 1040;
14
14
  }
15
15
  .trunk-buffer { padding: 30px 0; }
16
- .trunk-search > input {
17
- background: transparent;
18
- border-color: rgba(255,255,255,0.25);
19
- color: rgba(255,255,255,1);
20
- font-weight: 200;
21
- }
22
- .trunk-search > input:focus { border-color: rgba(255,255,255,1); }
23
- .trunk-search > input:-moz-placeholder { color: rgba(255,255,255,0.40); }
24
- .trunk-search > input:-ms-input-placeholder { color: rgba(255,255,255,0.40); }
25
- .trunk-search > input::-webkit-input-placeholder { color: rgba(255,255,255,0.40); }
26
16
  .trunk-nav {
27
17
  list-style-type: none;
28
18
  margin: 0;
@@ -39,26 +29,33 @@
39
29
  .trunk-nav > li > a {
40
30
  -webkit-appearance: none;
41
31
  -moz-appearance: none;
42
- border-radius: 2px;
43
- border: 1px solid rgba(255,255,255,0.25);
44
- color: rgba(255,255,255,1);
32
+ border: 1px solid rgba(53,53,53,1);
33
+ color: rgba(153,153,153,1);
45
34
  cursor: pointer;
46
35
  display: block;
47
36
  -webkit-font-smoothing: antialiased;
48
37
  font-weight: 500;
49
38
  font-size: 11px;
39
+ letter-spacing: 1px;
50
40
  line-height: 11px;
51
- padding: 8px 0 7px 0;
41
+ padding: 11px 0 9px 0;
42
+ text-align: center;
52
43
  text-decoration: none;
53
44
  text-rendering: geometricPrecision;
54
- text-align: center;
45
+ text-transform: uppercase;
55
46
  -webkit-transition: all 0.3s linear;
56
47
  transition: all 0.3s linear;
57
48
  vertical-align: middle;
58
49
  white-space: nowrap;
59
50
  }
51
+ .trunk-nav > li > a.active,
52
+ .trunk-nav > li > a:active,
53
+ .trunk-nav > li > a:hover,
54
+ .trunk-nav > li > a:focus {
55
+ border-color: rgba(230,230,230,1);
56
+ color: rgba(255,255,255,1);
57
+ }
60
58
  .trunk-user {
61
- border-top: 1px solid rgba(255,255,255, 0.1);
62
59
  list-style-type: none;
63
60
  margin: 10px auto 0 auto;
64
61
  padding: 10px 0 0 0;
@@ -75,19 +72,19 @@
75
72
  .trunk-user > li > a {
76
73
  -webkit-appearance: none;
77
74
  -moz-appearance: none;
78
- border-radius: 2px;
79
- border: 1px solid rgba(255,255,255,0.25);
80
- color: rgba(255,255,255,1);
75
+ color: rgba(153,153,153,1);
81
76
  cursor: pointer;
82
77
  display: block;
83
78
  -webkit-font-smoothing: antialiased;
84
- font-weight: 500;
79
+ font-weight: normal;
85
80
  font-size: 11px;
81
+ letter-spacing: 1px;
86
82
  line-height: 11px;
87
83
  padding: 9px 0 7px 0;
84
+ text-align: center;
88
85
  text-decoration: none;
89
86
  text-rendering: geometricPrecision;
90
- text-align: center;
87
+ text-transform: uppercase;
91
88
  -webkit-transition: all 0.3s linear;
92
89
  transition: all 0.3s linear;
93
90
  vertical-align: middle;
@@ -95,9 +92,9 @@
95
92
  }
96
93
  .trunk-user img,
97
94
  .trunk-user > li.trunk-user-placeholder {
98
- background: rgba(176,193,206,1);
95
+ background: rgba(255,255,255,1);
99
96
  border-radius: 500px;
100
- color: rgba(255,255,255,1);
97
+ color: rgba(34,34,34,1);
101
98
  display: inline-block;
102
99
  height: 40px;
103
100
  margin: 0;
@@ -5,4 +5,4 @@
5
5
  /* # Typeahead
6
6
  ================================================== */
7
7
  .typeahead { z-index: 1051; }
8
- .typeahead b { color: rgba(68,205,1,1); }
8
+ .typeahead b { color: rgba(27,192,109,1); }
@@ -57,7 +57,7 @@
57
57
  /* # Typography
58
58
  ================================================== */
59
59
  h1, h2, h3, h4, h5, h6 {
60
- color: rgba(43,50,53,1);
60
+ color: rgba(34,34,34,1);
61
61
  font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
62
62
  font-weight: bold;
63
63
  }
@@ -123,11 +123,11 @@ address.small {
123
123
  line-height: 22px;
124
124
  }
125
125
  blockquote {
126
- border-left: 5px solid rgba(0,132,255,1);
126
+ border-left: 5px solid rgba(34,34,34,1);
127
127
  padding-left: 10px;
128
128
  }
129
129
  blockquote p { margin-bottom: 10px; }
130
- blockquote small { color: rgba(136,153,166,1); }
130
+ blockquote small { color: rgba(200,200,200,1); }
131
131
  strong { font-weight: 500; }
132
132
 
133
133
  /* # Alignments
@@ -139,16 +139,16 @@ strong { font-weight: 500; }
139
139
 
140
140
  /* # Colors
141
141
  ================================================== */
142
- .text-black { color: rgba(43,50,53,1); }
143
- .text-blue { color: rgba(0,132,255,1); }
144
- .text-gray { color: rgba(136,153,166,1); }
145
- .text-green { color: rgba(68,205,1,1); }
146
- .text-orange { color: rgba(255,131,0,1); }
147
- .text-purple { color: rgba(196,0,235,1); }
148
- .text-red { color: rgba(255,59,48,1); }
149
- .text-smoke { color: rgba(102,117,127,1); }
142
+ .text-black { color: rgba(34,34,34,1); }
143
+ .text-blue { color: rgba(76,143,202,1); }
144
+ .text-gray { color: rgba(200,200,200,1); }
145
+ .text-green { color: rgba(27,192,109,1); }
146
+ .text-orange { color: rgba(255,154,46,1); }
147
+ .text-purple { color: rgba(110,115,136,1); }
148
+ .text-red { color: rgba(225,80,80,1); }
149
+ .text-smoke { color: rgba(100,100,100,1); }
150
150
  .text-white { color: rgba(255,255,255,1); }
151
- .text-yellow { color: rgba(255,235,0,1); }
151
+ .text-yellow { color: rgba(166,165,71,1); }
152
152
 
153
153
  /* # Decorations
154
154
  ================================================== */
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: active_frontend
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.1.0
4
+ version: 3.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: 2015-05-27 00:00:00.000000000 Z
11
+ date: 2015-05-31 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -133,6 +133,7 @@ files:
133
133
  - vendor/assets/stylesheets/map.scss
134
134
  - vendor/assets/stylesheets/modal.scss
135
135
  - vendor/assets/stylesheets/nav_and_tab.scss
136
+ - vendor/assets/stylesheets/navbar.scss
136
137
  - vendor/assets/stylesheets/pagination.scss
137
138
  - vendor/assets/stylesheets/panel.scss
138
139
  - vendor/assets/stylesheets/placeholder.scss