active_frontend 2.1.0 → 3.0.0

Sign up to get free protection for your applications and to get access to all the features.
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