active_frontend 6.6.2 → 7.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 (45) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -6
  3. data/CODE_OF_CONDUCT.md +13 -0
  4. data/LICENSE.txt +17 -18
  5. data/README.md +0 -1
  6. data/active_frontend.gemspec +7 -6
  7. data/lib/active_frontend/version.rb +1 -1
  8. data/vendor/assets/javascripts/chart.js +4 -4
  9. data/vendor/assets/stylesheets/_ad.scss +2 -2
  10. data/vendor/assets/stylesheets/_alert.scss +9 -9
  11. data/vendor/assets/stylesheets/_aside.scss +10 -10
  12. data/vendor/assets/stylesheets/_breadcrumb.scss +4 -4
  13. data/vendor/assets/stylesheets/_button.scss +189 -93
  14. data/vendor/assets/stylesheets/_carousel.scss +25 -12
  15. data/vendor/assets/stylesheets/_code.scss +63 -63
  16. data/vendor/assets/stylesheets/_colorpicker.scss +2 -2
  17. data/vendor/assets/stylesheets/_datepicker.scss +9 -9
  18. data/vendor/assets/stylesheets/_dropdown.scss +8 -8
  19. data/vendor/assets/stylesheets/_footer.scss +21 -10
  20. data/vendor/assets/stylesheets/_form.scss +33 -32
  21. data/vendor/assets/stylesheets/_header.scss +39 -40
  22. data/vendor/assets/stylesheets/_label_and_badge.scss +32 -32
  23. data/vendor/assets/stylesheets/_list.scss +8 -7
  24. data/vendor/assets/stylesheets/_loader.scss +4 -4
  25. data/vendor/assets/stylesheets/_map.scss +2 -2
  26. data/vendor/assets/stylesheets/_modal.scss +9 -9
  27. data/vendor/assets/stylesheets/_nav_and_tab.scss +25 -25
  28. data/vendor/assets/stylesheets/_navbar.scss +8 -8
  29. data/vendor/assets/stylesheets/_pagination.scss +5 -5
  30. data/vendor/assets/stylesheets/_panel.scss +8 -8
  31. data/vendor/assets/stylesheets/_placeholder.scss +6 -6
  32. data/vendor/assets/stylesheets/_popover.scss +15 -15
  33. data/vendor/assets/stylesheets/_progress.scss +3 -3
  34. data/vendor/assets/stylesheets/_reset.scss +7 -7
  35. data/vendor/assets/stylesheets/_sidebar.scss +11 -11
  36. data/vendor/assets/stylesheets/_spinner.scss +19 -19
  37. data/vendor/assets/stylesheets/_swoggle.scss +21 -21
  38. data/vendor/assets/stylesheets/_table.scss +12 -12
  39. data/vendor/assets/stylesheets/_timepicker.scss +6 -6
  40. data/vendor/assets/stylesheets/_tooltip.scss +7 -7
  41. data/vendor/assets/stylesheets/_trunk.scss +7 -7
  42. data/vendor/assets/stylesheets/_typeahead.scss +1 -1
  43. data/vendor/assets/stylesheets/_typography.scss +19 -13
  44. data/vendor/assets/stylesheets/activefrontend.scss +22 -1
  45. metadata +13 -12
@@ -5,7 +5,7 @@
5
5
  /* # Tooltip
6
6
  ================================================== */
7
7
  .tooltip {
8
- color: rgba(255,255,255,1);
8
+ color: $color-white;
9
9
  display: block;
10
10
  font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
11
11
  font-size: 11px;
@@ -43,9 +43,9 @@
43
43
  padding: 0 5px;
44
44
  }
45
45
  .tooltip-inner {
46
- background: rgba(35,41,55,1);
46
+ background: $color-black;
47
47
  border-radius: 3px;
48
- color: rgba(255,255,255,1);
48
+ color: $color-white;
49
49
  letter-spacing: 0;
50
50
  max-width: 200px;
51
51
  padding: 5px 10px;
@@ -61,28 +61,28 @@
61
61
  width: 0;
62
62
  }
63
63
  .tooltip.top > .tooltip-arrow {
64
- border-top-color: rgba(35,41,55,1);
64
+ border-top-color: $color-black;
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(35,41,55,1);
71
+ border-right-color: $color-black;
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(35,41,55,1);
78
+ border-left-color: $color-black;
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(35,41,55,1);
85
+ border-bottom-color: $color-black;
86
86
  border-width: 0 5px 5px;
87
87
  left: 50%;
88
88
  margin-left: -5px;
@@ -5,7 +5,7 @@
5
5
  /* # Trunk
6
6
  ================================================== */
7
7
  .trunk {
8
- background: rgba(35,41,55,1);
8
+ background: $color-black;
9
9
  border-bottom: 2px solid rgba(0,0,0,0.2);
10
10
  left: 0;
11
11
  position: fixed;
@@ -45,7 +45,7 @@
45
45
  .trunk-user > li > a {
46
46
  -webkit-appearance: none;
47
47
  appearance: none;
48
- color: rgba(136,153,166,1);
48
+ color: $color-gray;
49
49
  cursor: pointer;
50
50
  display: block;
51
51
  -webkit-font-smoothing: antialiased;
@@ -72,18 +72,18 @@
72
72
  .trunk-nav > li > a:active,
73
73
  .trunk-nav > li > a.active,
74
74
  .trunk-nav > li > a:focus {
75
- border-color: rgba(255,255,255,1);
76
- color: rgba(255,255,255,1);
75
+ border-color: $color-white;
76
+ color: $color-white;
77
77
  }
78
78
  .trunk-user > li > a:hover,
79
79
  .trunk-user > li > a:active,
80
80
  .trunk-user > li > a.active,
81
- .trunk-user > li > a:focus { color: rgba(255,255,255,1); }
81
+ .trunk-user > li > a:focus { color: $color-white; }
82
82
  .trunk-user > li.trunk-user-placeholder,
83
83
  .trunk-user > li.trunk-user-placeholder > img, {
84
- background: rgba(136,153,166,1);
84
+ background: $color-gray;
85
85
  border-radius: 500px;
86
- color: rgba(255,255,255,1);
86
+ color: $color-white;
87
87
  display: inline-block;
88
88
  height: 40px;
89
89
  margin: 0;
@@ -15,4 +15,4 @@
15
15
  transition: none;
16
16
  visibility: visible;
17
17
  }
18
- .typeahead.dropdown-menu > li > a > b { color: $primary-color; }
18
+ .typeahead.dropdown-menu > li > a > b { color: $color-primary; }
@@ -57,7 +57,7 @@
57
57
  /* # Typography
58
58
  ================================================== */
59
59
  h1, h2, h3, h4, h5, h6 {
60
- color: rgba(35,41,55,1);
60
+ color: $color-black;
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(35,41,55,1);
126
+ border-left: 5px solid $color-black;
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: $color-gray; }
131
131
  strong { font-weight: 500; }
132
132
 
133
133
  /* # Alignments
@@ -139,16 +139,22 @@ strong { font-weight: 500; }
139
139
 
140
140
  /* # Colors
141
141
  ================================================== */
142
- .text-black { color: rgba(35,41,55,1); }
143
- .text-blue { color: rgba(0,102,255,1); }
144
- .text-gray { color: rgba(136,153,166,1); }
145
- .text-green { color: rgba(0,200,0,1); }
146
- .text-orange { color: rgba(255,82,0,1); }
147
- .text-purple { color: rgba(128,0,255,1); }
148
- .text-red { color: rgba(240,35,17,1); }
149
- .text-smoke { color: rgba(85,94,113,1); }
150
- .text-white { color: rgba(255,255,255,1); }
151
- .text-yellow { color: rgba(255,245,0,1); }
142
+ .text-black { color: $color-black; }
143
+ .text-black-dark { color: $color-black-dark; }
144
+ .text-black-light { color: $color-black-light; }
145
+ .text-blue { color: $color-blue; }
146
+ .text-haze { color: $color-haze; }
147
+ .text-haze-dark { color: $color-haze-dark; }
148
+ .text-haze-light { color: $color-haze-light; }
149
+ .text-gray { color: $color-gray; }
150
+ .text-gray-dark { color: $color-gray-dark; }
151
+ .text-gray-light { color: $color-gray-light; }
152
+ .text-green { color: $color-green; }
153
+ .text-orange { color: $color-orange; }
154
+ .text-purple { color: $color-purple; }
155
+ .text-red { color: $color-red; }
156
+ .text-white { color: $color-white; }
157
+ .text-yellow { color: $color-yellow; }
152
158
 
153
159
  /* # Decorations
154
160
  ================================================== */
@@ -1,11 +1,32 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
3
  # Variables
4
+ # Globals
4
5
  # Imports */
5
6
 
6
7
  /* # Variables
7
8
  ================================================== */
8
- $primary-color: rgba(0,102,255,1);
9
+ $color-black-light: rgba(55,61,75,1);
10
+ $color-black: rgba(35,41,55,1);
11
+ $color-black-dark: rgba(30,35,47,1);
12
+ $color-blue: rgba(0,102,255,1);
13
+ $color-haze-light: rgba(245,248,250,1);
14
+ $color-haze: rgba(235,240,243,1);
15
+ $color-haze-dark: rgba(225,232,237,1);
16
+ $color-gray-light: rgba(172,184,195,1);
17
+ $color-gray: rgba(123,137,148,1);
18
+ $color-gray-dark: rgba(71,82,93,1);
19
+ $color-green: rgba(0,180,0,1);
20
+ $color-orange: rgba(255,82,0,1);
21
+ $color-pink: rgba(255,51,102,1);
22
+ $color-purple: rgba(128,0,255,1);
23
+ $color-red: rgba(240,35,17,1);
24
+ $color-white: rgba(255,255,255,1);
25
+ $color-yellow: rgba(255,245,0,1);
26
+
27
+ /* # Globals
28
+ ================================================== */
29
+ $color-primary: $color-blue;
9
30
 
10
31
  /* # Imports
11
32
  ================================================== */
metadata CHANGED
@@ -1,43 +1,43 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: active_frontend
3
3
  version: !ruby/object:Gem::Version
4
- version: 6.6.2
4
+ version: 7.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Juan Gomez
8
8
  autorequire:
9
- bindir: bin
9
+ bindir: exe
10
10
  cert_chain: []
11
- date: 2015-06-27 00:00:00.000000000 Z
11
+ date: 2015-07-16 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
15
15
  requirement: !ruby/object:Gem::Requirement
16
16
  requirements:
17
- - - "~>"
17
+ - - ">="
18
18
  - !ruby/object:Gem::Version
19
- version: '1.7'
19
+ version: '0'
20
20
  type: :development
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
- - - "~>"
24
+ - - ">="
25
25
  - !ruby/object:Gem::Version
26
- version: '1.7'
26
+ version: '0'
27
27
  - !ruby/object:Gem::Dependency
28
28
  name: rake
29
29
  requirement: !ruby/object:Gem::Requirement
30
30
  requirements:
31
- - - "~>"
31
+ - - ">="
32
32
  - !ruby/object:Gem::Version
33
- version: '10.0'
33
+ version: '0'
34
34
  type: :development
35
35
  prerelease: false
36
36
  version_requirements: !ruby/object:Gem::Requirement
37
37
  requirements:
38
- - - "~>"
38
+ - - ">="
39
39
  - !ruby/object:Gem::Version
40
- version: '10.0'
40
+ version: '0'
41
41
  description: ActiveFrontend is a refreshingly modern responsive web framework for
42
42
  beautiful and faster project development.
43
43
  email:
@@ -47,6 +47,7 @@ extensions: []
47
47
  extra_rdoc_files: []
48
48
  files:
49
49
  - ".gitignore"
50
+ - CODE_OF_CONDUCT.md
50
51
  - Gemfile
51
52
  - LICENSE.txt
52
53
  - README.md
@@ -151,7 +152,7 @@ files:
151
152
  - vendor/assets/stylesheets/_typeahead.scss
152
153
  - vendor/assets/stylesheets/_typography.scss
153
154
  - vendor/assets/stylesheets/activefrontend.scss
154
- homepage: http://flashgrid.drexed.com
155
+ homepage: https://github.com/drexed/active_frontend
155
156
  licenses:
156
157
  - MIT
157
158
  metadata: {}