active_frontend 6.3.2 → 6.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. checksums.yaml +4 -4
  2. data/lib/active_frontend/version.rb +1 -1
  3. data/vendor/assets/stylesheets/_footer.scss +21 -25
  4. data/vendor/assets/stylesheets/_header.scss +52 -54
  5. data/vendor/assets/stylesheets/_navbar.scss +17 -8
  6. data/vendor/assets/stylesheets/_sidebar.scss +24 -6
  7. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: eeab03a1d4fc391a04e6b4c4e247eb1374c84b98
4
- data.tar.gz: 8741c29f9029e0ee91498db5e963bf14adf1c27b
3
+ metadata.gz: 04def9c34c1574edc2176b0c7a23ec67c5216c1c
4
+ data.tar.gz: 5684b0637402204d3258c6ab84ec2ab7c1a66173
5
5
  SHA512:
6
- metadata.gz: 612739f3bf999d68f3075c9df8e66af21e77124a4594b786c6182c1b42cb500cad47adb7a0d72d466e698e563f1988bf5909a940062d359461df5a09e63c959d
7
- data.tar.gz: f6facafe66a694092090fd066104cfbb888df4f4bf801d5383836a7abb5fa0c716dd63f358b49c1f141c3df0266b830ce258b760b46d6eeaa5ef41e19e3f8210
6
+ metadata.gz: 3a004c656737dbe37f088ff624186e214000e53bacb8cc3d93a675848017f706afdce87311cd6c4c21357f3f023002159e0ca41c893247c79efd0beaa23e6cda
7
+ data.tar.gz: 2c5b9438231283dec716bd5d6e524621a28fe42c58df6e0deea286116936dd114630223146c987fbb9d3bc8bf982113d18e12905bb3b48d67e5e02cfdb4fe1fe
data/lib/active_frontend/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module ActiveFrontend
2
- VERSION = "6.3.2"
2
+ VERSION = "6.4.0"
3
3
  end
data/vendor/assets/stylesheets/_footer.scss CHANGED
@@ -1,8 +1,7 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
3
  # Footer
4
- # Alternate
5
- # Application
4
+ # Colors
6
5
  # Media Queries */
7
6
 
8
7
  /* # Footer
@@ -15,16 +14,17 @@
15
14
  z-index: 1030;
16
15
  }
17
16
  .footer {
18
- background: rgba(35,41,55,1);
19
- border-top: 2px solid rgba(0,0,0,0.2);
17
+ background: rgba(255,255,255,1);
18
+ border-top: 2px solid rgba(245,248,250,1);
20
19
  box-sizing: border-box;
21
20
  width: 100%;
22
21
  margin-top: 40px;
23
22
  padding: 20px 0;
24
23
  }
24
+ .footer-app { width: calc(100% - 280px); }
25
25
  .footer-brand { float: left; }
26
26
  .footer-brand > a {
27
- color: rgba(255,255,255,1);
27
+ color: rgba(136,153,166,1);
28
28
  font-size: 30px;
29
29
  text-decoration: none;
30
30
  }
@@ -42,45 +42,41 @@
42
42
  }
43
43
  .footer-nav > li:first-child { margin: 0; }
44
44
  .footer-nav > li > a {
45
- color: rgba(255,255,255,1);
45
+ color: rgba(136,153,166,1);
46
46
  font-weight: 500;
47
47
  text-decoration: none;
48
48
  text-transform: uppercase;
49
49
  }
50
- .footer > .footer-nav > li > a:hover,
51
- .footer > .footer-nav > li > a:focus,
52
- .footer > .footer-nav > li > a.active,
53
- .footer > .footer-nav > li > a:active { color: rgba(136,153,166,1); }
54
50
  .footer-footnote {
55
51
  float: left;
56
- color: rgba(255,255,255,1);
52
+ color: rgba(136,153,166,1);
57
53
  font-size: 10px;
58
54
  line-height: 10px;
59
55
  margin: 8px 0 0 10px;
60
56
  }
61
57
 
62
- /* # Alternate
58
+ /* # Colors
63
59
  ================================================== */
64
- .footer.footer-alt {
65
- background: rgba(255,255,255,1);
66
- border-top-color: rgba(245,248,250,1);
60
+ .footer-dark {
61
+ background: rgba(35,41,55,1);
62
+ border-color: rgba(0,0,0,0.2);
63
+ }
64
+ .footer-dark > .footer-brand > a,
65
+ .footer-dark > .footer-nav > li > a,
66
+ .footer-dark > .footer-footnote { color: rgba(255,255,255,1); }
67
+ .footer-light {
68
+ background: rgba(245,248,250,1);
69
+ border-color: rgba(225,232,237,1);
67
70
  }
68
- .footer.footer-alt > .footer-brand > a,
69
- .footer.footer-alt > .footer-nav > li > a,
70
- .footer.footer-alt > .footer-footnote { color: rgba(136,153,166,1); }
71
-
72
- /* # Application
73
- ================================================== */
74
- .footer.footer-app { width: calc(100% - 280px); }
75
71
 
76
72
  /* # Media Queries
77
73
  ================================================== */
78
74
  @media only screen and (max-width: 1365px) {
79
- .footer.footer-app { width: calc(100% - 250px); }
75
+ .footer-app { width: calc(100% - 250px); }
80
76
  }
81
77
  @media only screen and (max-width: 1199px) {
82
- .footer.footer-app { width: calc(100% - 220px); }
78
+ .footer-app { width: calc(100% - 220px); }
83
79
  }
84
80
  @media only screen and (max-width: 959px) {
85
- .footer.footer-app { width: 100%; }
81
+ .footer-app { width: 100%; }
86
82
  }
data/vendor/assets/stylesheets/_header.scss CHANGED
@@ -1,8 +1,7 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
3
  # Header
4
- # Alternate
5
- # Application
4
+ # Colors
6
5
  # Styles
7
6
  # Media Queries */
8
7
 
@@ -23,6 +22,7 @@
23
22
  padding: 15px 0;
24
23
  width: 100%;
25
24
  }
25
+ .header-app { width: calc(100% - 280px); }
26
26
  .header-brand { float: left; }
27
27
  .header-brand > a {
28
28
  color: $primary-color;
@@ -53,7 +53,7 @@
53
53
  float: left;
54
54
  margin: 5px 0 0 20px;
55
55
  }
56
- .header-nav-alt { margin: 13px 0 0 0; }
56
+ .header-nav-alt { margin: 12px 0 0 0; }
57
57
  .header-toolchain { margin: 2px 25px 0 0; }
58
58
  .header-nav > li,
59
59
  .header-nav-alt > li,
@@ -85,7 +85,7 @@
85
85
  color: rgba(35,41,55,1);
86
86
  text-decoration: none;
87
87
  }
88
- .header-nav-alt > li > a { padding: 15px 0 13px 0; }
88
+ .header-nav-alt > li > a { padding: 15px 0 14px 0; }
89
89
  .header-toolchain > li > a {
90
90
  font-size: 30px;
91
91
  line-height: 30px;
@@ -121,7 +121,7 @@
121
121
  .header-user {
122
122
  float: right;
123
123
  font-size: 13px;
124
- margin: -1px 0 0 20px;
124
+ margin: 0 0 0 20px;
125
125
  }
126
126
  .header-user > a {
127
127
  color: rgba(35,41,55,1);
@@ -157,73 +157,71 @@
157
157
  text-decoration: none;
158
158
  }
159
159
 
160
- /* # Alternate
160
+ /* # Colors
161
161
  ================================================== */
162
- .header.header-alt {
162
+ .header-dark {
163
163
  background: rgba(35,41,55,1);
164
164
  border-color: rgba(0,0,0,0.2);
165
165
  }
166
- .header.header-alt .header-nav > li > a,
167
- .header.header-alt .header-nav-alt > li > a,
168
- .header.header-alt .header-nav-alt > li.inverse > a:hover,
169
- .header.header-alt .header-nav-alt > li.inverse > a:focus,
170
- .header.header-alt .header-nav-alt > li.inverse > a.active,
171
- .header.header-alt .header-nav-alt > li.inverse > a:active,
172
- .header.header-alt .header-toolchain > li > a,
173
- .header.header-alt .header-user > a { color: rgba(136,153,166,1); }
174
- .header.header-alt .header-brand > a,
175
- .header.header-alt .header-nav > li > a:hover,
176
- .header.header-alt .header-nav > li > a:focus,
177
- .header.header-alt .header-nav > li > a.active,
178
- .header.header-alt .header-nav > li > a:active,
179
- .header.header-alt .header-nav-alt > li > a:hover,
180
- .header.header-alt .header-nav-alt > li > a:focus,
181
- .header.header-alt .header-nav-alt > li > a.active,
182
- .header.header-alt .header-nav-alt > li > a:active,
183
- .header.header-alt .header-nav-alt > li.inverse > a,
184
- .header.header-alt .header-toolchain > li > a:hover,
185
- .header.header-alt .header-toolchain > li > a:focus,
186
- .header.header-alt .header-toolchain > li > a.active,
187
- .header.header-alt .header-toolchain > li > a:active,
188
- .header.header-alt .header-user > a:hover,
189
- .header.header-alt .header-user > a:focus,
190
- .header.header-alt .header-user > a.active,
191
- .header.header-alt .header-user > a:active,
192
- .header.header-alt .header-user > img,
193
- .header.header-alt .header-user-placeholder,
194
- .header.header-alt .header-toggle > a { color: rgba(255,255,255,1) }
195
- .header.header-alt .header-nav-alt > li.inverse > a {
166
+ .header-dark .header-nav > li > a,
167
+ .header-dark .header-nav-alt > li > a,
168
+ .header-dark .header-nav-alt > li.inverse > a:hover,
169
+ .header-dark .header-nav-alt > li.inverse > a:focus,
170
+ .header-dark .header-nav-alt > li.inverse > a.active,
171
+ .header-dark .header-nav-alt > li.inverse > a:active,
172
+ .header-dark .header-toolchain > li > a,
173
+ .header-dark .header-user > a { color: rgba(136,153,166,1); }
174
+ .header-dark .header-brand > a,
175
+ .header-dark .header-nav > li > a:hover,
176
+ .header-dark .header-nav > li > a:focus,
177
+ .header-dark .header-nav > li > a.active,
178
+ .header-dark .header-nav > li > a:active,
179
+ .header-dark .header-nav-alt > li > a:hover,
180
+ .header-dark .header-nav-alt > li > a:focus,
181
+ .header-dark .header-nav-alt > li > a.active,
182
+ .header-dark .header-nav-alt > li > a:active,
183
+ .header-dark .header-nav-alt > li.inverse > a,
184
+ .header-dark .header-toolchain > li > a:hover,
185
+ .header-dark .header-toolchain > li > a:focus,
186
+ .header-dark .header-toolchain > li > a.active,
187
+ .header-dark .header-toolchain > li > a:active,
188
+ .header-dark .header-user > a:hover,
189
+ .header-dark .header-user > a:focus,
190
+ .header-dark .header-user > a.active,
191
+ .header-dark .header-user > a:active,
192
+ .header-dark .header-user > img,
193
+ .header-dark .header-user-placeholder,
194
+ .header-dark .header-toggle > a { color: rgba(255,255,255,1) }
195
+ .header-dark .header-nav-alt > li.inverse > a {
196
196
  background: transparent;
197
197
  border-color: rgba(255,255,255,1);
198
198
  }
199
- .header.header-alt .header-nav-alt > li.inverse > a:hover,
200
- .header.header-alt .header-nav-alt > li.inverse > a:focus,
201
- .header.header-alt .header-nav-alt > li.inverse > a.active,
202
- .header.header-alt .header-nav-alt > li.inverse > a:active { border-color: rgba(136,153,166,1); }
203
- .header.header-alt .header-user > img,
204
- .header.header-alt .header-user-placeholder { background: rgba(136,153,166,1); }
205
-
206
- /* # Application
207
- ================================================== */
208
- .header.header-app { width: calc(100% - 280px); }
199
+ .header-dark .header-nav-alt > li.inverse > a:hover,
200
+ .header-dark .header-nav-alt > li.inverse > a:focus,
201
+ .header-dark .header-nav-alt > li.inverse > a.active,
202
+ .header-dark .header-nav-alt > li.inverse > a:active { border-color: rgba(136,153,166,1); }
203
+ .header-dark .header-user > img,
204
+ .header-dark .header-user-placeholder { background: rgba(136,153,166,1); }
205
+ .header-light {
206
+ background: rgba(245,248,250,1);
207
+ border-color: rgba(225,232,237,1);
208
+ }
209
209
 
210
210
  /* # Styles
211
211
  ================================================== */
212
- .header.header-borderless,
213
- .header.header-alt.header-borderless { border-bottom-color: transparent; }
214
- .header.header-border-alt,
215
- .header.header-alt.header-border-alt { border-bottom-color: $primary-color; }
212
+ .header-borderless { border-bottom-color: transparent !important; }
213
+ .header-border-alt { border-bottom-color: $primary-color !important; }
216
214
 
217
215
  /* # Media Queries
218
216
  ================================================== */
219
217
  @media only screen and (max-width: 1365px) {
220
- .header.header-app { width: calc(100% - 250px); }
218
+ .header-app { width: calc(100% - 250px); }
221
219
  }
222
220
  @media only screen and (max-width: 1199px) {
223
- .header.header-app { width: calc(100% - 220px); }
221
+ .header-app { width: calc(100% - 220px); }
224
222
  }
225
223
  @media only screen and (max-width: 959px) {
226
- .header.header-app { width: 100%; }
224
+ .header-app { width: 100%; }
227
225
  }
228
226
  @media only screen and (max-width: 767px) {
229
227
  .header {
data/vendor/assets/stylesheets/_navbar.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
- # Navbar */
3
+ # Navbar
4
+ # Colors */
4
5
 
5
6
  /* # Navbar
6
7
  ================================================== */
@@ -12,9 +13,9 @@
12
13
  z-index: 1030;
13
14
  }
14
15
  .navbar {
15
- background: rgba(35,41,55,1);
16
+ background: rgba(255,255,255,1);
16
17
  border-collapse: separate;
17
- border-top: 2px solid rgba(0,0,0,0.2);
18
+ border-top: 2px solid rgba(245,248,250,1);
18
19
  box-sizing: border-box;
19
20
  display: table;
20
21
  height: 48px;
@@ -22,7 +23,7 @@
22
23
  width: 100%;
23
24
  }
24
25
  .navbar > a {
25
- color: rgba(255,255,255,1);
26
+ color: $primary-color;
26
27
  display: table-cell;
27
28
  float: none;
28
29
  font-size: 27px;
@@ -30,10 +31,18 @@
30
31
  text-align: center;
31
32
  width: 1%;
32
33
  }
33
- .navbar > a:hover,
34
- .navbar > a:focus,
35
- .navbar > a.active,
36
- .navbar > a:active { color: rgba(255,255,255,1); }
34
+
35
+ /* # Colors
36
+ ================================================== */
37
+ .navbar-dark {
38
+ background: rgba(35,41,55,1);
39
+ border-color: rgba(0,0,0,0.2);
40
+ }
41
+ .navbar-dark > a { color: rgba(255,255,255,1); }
42
+ .navbar-light {
43
+ background: rgba(245,248,250,1);
44
+ border-color: rgba(225,232,237,1);
45
+ }
37
46
 
38
47
  /* # Media Queries
39
48
  ================================================== */
data/vendor/assets/stylesheets/_sidebar.scss CHANGED
@@ -1,13 +1,14 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
3
  # Sidebar
4
+ # Colors
4
5
  # Media Queries */
5
6
 
6
7
  /* # Sidebar
7
8
  ================================================== */
8
9
  .sidebar {
9
- background: rgba(35,41,55,1);
10
- border-left: 2px solid rgba(0,0,0,0.2);
10
+ background: rgba(255,255,255,1);
11
+ border-left: 2px solid rgba(245,248,250,1);
11
12
  box-sizing: border-box;
12
13
  height: 100%;
13
14
  min-width: 280px;
@@ -15,11 +16,11 @@
15
16
  width: 280px;
16
17
  }
17
18
  .sidebar-alt {
18
- border-right: 1px solid rgba(0,0,0,0.2);
19
+ border-right: 2px solid rgba(245,248,250,1);
19
20
  border-left: 0;
20
21
  }
21
22
  .sidebar-header {
22
- border-bottom: 1px solid rgba(0,0,0,0.2);
23
+ border-bottom: 1px solid rgba(245,248,250,1);
23
24
  font-size: 12px;
24
25
  line-height: 12px;
25
26
  padding: 12px 20px 10px 10px;
@@ -29,7 +30,6 @@
29
30
  padding-left: 20px;
30
31
  }
31
32
  .sidebar-header > h6 {
32
- color: rgba(255,255,255,1);
33
33
  font-size: 12px;
34
34
  font-weight: normal;
35
35
  letter-spacing: 1px;
@@ -49,7 +49,7 @@
49
49
  padding-left: 20px;
50
50
  }
51
51
  .sidebar-scrollable {
52
- border-bottom: 1px solid rgba(0,0,0,0.15);
52
+ border-bottom: 1px solid rgba(245,248,250,1);
53
53
  height: auto;
54
54
  max-height: calc(50% - 60px);
55
55
  -webkit-overflow-scrolling: touch;
@@ -57,6 +57,24 @@
57
57
  overflow-y: auto;
58
58
  }
59
59
 
60
+ /* # Colors
61
+ ================================================== */
62
+ .sidebar-dark {
63
+ background: rgba(35,41,55,1);
64
+ border-color: rgba(0,0,0,0.2);
65
+ }
66
+ .sidebar-dark.sidebar-alt,
67
+ .sidebar-dark > .sidebar-header,
68
+ .sidebar-dark > .sidebar-scrollable { border-color: rgba(0,0,0,0.2); }
69
+ .sidebar-dark > .sidebar-header > h6 { color: rgba(255,255,255,1); }
70
+ .sidebar-light {
71
+ background: rgba(245,248,250,1);
72
+ border-color: rgba(225,232,237,1);
73
+ }
74
+ .sidebar-light.sidebar-alt,
75
+ .sidebar-light > .sidebar-header,
76
+ .sidebar-light > .sidebar-scrollable { border-color: rgba(225,232,237,1); }
77
+
60
78
  /* # Media Queries
61
79
  ================================================== */
62
80
  @media only screen and (max-width: 1365px) {
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: 6.3.2
4
+ version: 6.4.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-06-15 00:00:00.000000000 Z
11
+ date: 2015-06-16 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler