forever_style_guide 3.4.5 → 3.4.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/forever_style_guide/modules/_ambassador_banner.scss +0 -8
- data/app/assets/stylesheets/forever_style_guide/modules/_avatar.scss +64 -19
- data/app/assets/stylesheets/forever_style_guide/modules/_nav-account_dropdown.scss +7 -7
- data/app/assets/stylesheets/forever_style_guide/modules/_nav-cart.scss +0 -2
- data/app/assets/stylesheets/forever_style_guide/modules/_nav.scss +11 -1
- data/lib/forever_style_guide/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 56afaa19127039224b3240b387227aa728e9ccdba8c9b4519355dd57ab2055a1
|
|
4
|
+
data.tar.gz: 3b820778cd59c32d912bcc2b68695e5819f65abbf96b4cb213141868b18110b5
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 7d452609b0685229cbf39e38e82530f7bd90804438252701c67fc7b86d625537bbd5a1bfbef86bc8ffb55a2e1e39cd287feda7266d43289b6ec47075caba37e3
|
|
7
|
+
data.tar.gz: ca7de602773aca0b204fa19cdd8d472d3ac1df5dfa2a44092f7479b31ff4590c08577a0d798955906de163e25e3c143508c06b07babb45bf51c63755f719b877
|
|
@@ -6,8 +6,6 @@ $banner-background-gradient: linear-gradient(to left, mix($color-black, $color-f
|
|
|
6
6
|
$banner-background-visible: 0.1;
|
|
7
7
|
$banner-text-color: transparentize($color-white, 0.2);
|
|
8
8
|
|
|
9
|
-
$ambassador-avatar-size: 130px;
|
|
10
|
-
|
|
11
9
|
$banner-hover-effect-speed: 0.15s;
|
|
12
10
|
$chevron-rotate-effect-speed: 0.25s;
|
|
13
11
|
$dropdown-entrance-and-exit-effect-speed: 0.22s;
|
|
@@ -116,15 +114,9 @@ a.ambassador_banner {
|
|
|
116
114
|
}
|
|
117
115
|
|
|
118
116
|
.ambassador_banner-dropdown-avatar {
|
|
119
|
-
width: $ambassador-avatar-size;
|
|
120
|
-
height: $ambassador-avatar-size;
|
|
121
117
|
align-self: flex-start;
|
|
122
118
|
margin: 0;
|
|
123
119
|
margin-right: $padding-large-horizontal * 2;
|
|
124
|
-
padding: 0;
|
|
125
|
-
border-radius: 50%;
|
|
126
|
-
border: 4px solid $color-gray-100;
|
|
127
|
-
box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
|
|
128
120
|
}
|
|
129
121
|
|
|
130
122
|
.ambassador_banner-dropdown-info {
|
|
@@ -1,35 +1,80 @@
|
|
|
1
|
+
$avatar-xl: 210px;
|
|
2
|
+
$avatar-lg: 150px;
|
|
3
|
+
$avatar-md: 100px;
|
|
4
|
+
$avatar-sm: 70px;
|
|
5
|
+
$avatar-xs: 40px;
|
|
6
|
+
$avatar-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
|
|
7
|
+
|
|
8
|
+
@mixin avatar_size($size) {
|
|
9
|
+
height: $size;
|
|
10
|
+
width: $size;
|
|
11
|
+
min-width: $size; // dont' squish my flex, man
|
|
12
|
+
}
|
|
13
|
+
|
|
1
14
|
.avatar {
|
|
2
|
-
|
|
15
|
+
position: relative;
|
|
16
|
+
padding: 0;
|
|
3
17
|
margin-right: 3px;
|
|
4
|
-
|
|
18
|
+
overflow: hidden;
|
|
19
|
+
background-color: $color-gray-100;
|
|
20
|
+
box-shadow: none;
|
|
5
21
|
border-radius: 50%;
|
|
6
22
|
border: 4px solid color('gray-100');
|
|
7
|
-
@extend %item-shadow;
|
|
8
23
|
|
|
9
24
|
@at-root #{&}-xl {
|
|
10
|
-
|
|
11
|
-
|
|
25
|
+
@include avatar_size($avatar-xl);
|
|
26
|
+
|
|
27
|
+
.avatar-initials {
|
|
28
|
+
font-size: $font-size-700;
|
|
29
|
+
}
|
|
12
30
|
}
|
|
31
|
+
|
|
13
32
|
@at-root #{&}-lg {
|
|
14
|
-
|
|
15
|
-
|
|
33
|
+
@include avatar_size($avatar-lg);
|
|
34
|
+
|
|
35
|
+
.avatar-initials {
|
|
36
|
+
font-size: $font-size-600;
|
|
37
|
+
}
|
|
16
38
|
}
|
|
39
|
+
|
|
17
40
|
@at-root #{&}-md {
|
|
18
|
-
|
|
19
|
-
|
|
41
|
+
@include avatar_size($avatar-md);
|
|
42
|
+
|
|
43
|
+
.avatar-initials {
|
|
44
|
+
font-size: $font-size-500;
|
|
45
|
+
}
|
|
20
46
|
}
|
|
47
|
+
|
|
21
48
|
@at-root #{&}-sm {
|
|
22
|
-
|
|
23
|
-
|
|
49
|
+
@include avatar_size($avatar-sm);
|
|
50
|
+
|
|
51
|
+
.avatar-initials {
|
|
52
|
+
font-size: $font-size-400;
|
|
53
|
+
}
|
|
24
54
|
}
|
|
55
|
+
|
|
25
56
|
@at-root #{&}-xs {
|
|
26
|
-
|
|
27
|
-
width:
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
width: 25px;
|
|
33
|
-
border: 0;
|
|
57
|
+
@include avatar_size($avatar-sm);
|
|
58
|
+
border-width: 2px;
|
|
59
|
+
|
|
60
|
+
.avatar-initials {
|
|
61
|
+
font-size: $font-size-300;
|
|
62
|
+
}
|
|
34
63
|
}
|
|
35
64
|
}
|
|
65
|
+
|
|
66
|
+
.avatar-with_shadow {
|
|
67
|
+
box-shadow: $avatar-shadow;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.avatar-initials {
|
|
71
|
+
position: absolute;
|
|
72
|
+
top: 0;
|
|
73
|
+
right: 0;
|
|
74
|
+
bottom: 0;
|
|
75
|
+
left: 0;
|
|
76
|
+
display: flex;
|
|
77
|
+
align-items: center;
|
|
78
|
+
justify-content: center;
|
|
79
|
+
color: $color-white;
|
|
80
|
+
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
// desktop authenticated account dropdown styling
|
|
2
|
-
$avatar-
|
|
3
|
-
$avatar-width: 35px;
|
|
2
|
+
$avatar-size: 35px;
|
|
4
3
|
$avatar-sm-width: 70px;
|
|
5
4
|
|
|
6
5
|
$user_info-max_width: 100px;
|
|
@@ -40,11 +39,13 @@ $padding-small-horizontal: 3px;
|
|
|
40
39
|
}
|
|
41
40
|
|
|
42
41
|
.navigation-user_info-avatar {
|
|
43
|
-
height: $avatar-height;
|
|
44
|
-
width: $avatar-width;
|
|
45
|
-
margin-right: $padding-default-horizontal;
|
|
46
|
-
box-shadow: none;
|
|
47
42
|
border: none;
|
|
43
|
+
|
|
44
|
+
.avatar {
|
|
45
|
+
height: $avatar-size;
|
|
46
|
+
width: $avatar-size;
|
|
47
|
+
min-width: $avatar-size;
|
|
48
|
+
}
|
|
48
49
|
}
|
|
49
50
|
|
|
50
51
|
.navigation-user_info-user_name {
|
|
@@ -94,7 +95,6 @@ $padding-small-horizontal: 3px;
|
|
|
94
95
|
min-width: $avatar-sm-width; // fixes an ie 11 flexbug
|
|
95
96
|
margin: 0;
|
|
96
97
|
margin-right: $padding-large-horizontal;
|
|
97
|
-
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
|
|
98
98
|
border: none;
|
|
99
99
|
padding: 0;
|
|
100
100
|
}
|
|
@@ -9,8 +9,6 @@ $mobile-icon-size: 21px;
|
|
|
9
9
|
&.navigation-user_info-help_link {
|
|
10
10
|
float: left; // ensures proper cart with count display in IE
|
|
11
11
|
margin-top: $icon-to-text-alignment;
|
|
12
|
-
padding-left: $padding-small-horizontal * 2;
|
|
13
|
-
padding-right: $padding-small-horizontal * 2;
|
|
14
12
|
background-color: inherit;
|
|
15
13
|
@include transition($navigation-link-hover-transition);
|
|
16
14
|
|
|
@@ -7,7 +7,7 @@ $sm-logo-vertical-align: 8px;
|
|
|
7
7
|
$logo-height-large: 28px;
|
|
8
8
|
$logo-height-small: 18px;
|
|
9
9
|
$logo-max-width: 175px;
|
|
10
|
-
$logo-max-width-small:
|
|
10
|
+
$logo-max-width-small: 140px;
|
|
11
11
|
|
|
12
12
|
$nav-horizontal-spacing: 10px;
|
|
13
13
|
$nav-horizontal-spacing-small: 3px;
|
|
@@ -23,6 +23,8 @@ $font-size-150: 13px;
|
|
|
23
23
|
$deals-icon-horizontal-position: -3px;
|
|
24
24
|
$deals-icon-vertical-position: -5px;
|
|
25
25
|
|
|
26
|
+
$nav-icon-padding: 4px;
|
|
27
|
+
|
|
26
28
|
// animation on hover
|
|
27
29
|
@mixin nav_hover_border($orientation) {
|
|
28
30
|
&::before {
|
|
@@ -76,6 +78,9 @@ $deals-icon-vertical-position: -5px;
|
|
|
76
78
|
@media (max-width: $screen-sm) {
|
|
77
79
|
margin-left: $nav-horizontal-spacing;
|
|
78
80
|
}
|
|
81
|
+
@media (min-width: $minimum-application-width) and (max-width: $screen-xs) {
|
|
82
|
+
max-width: $logo-max-width-small;
|
|
83
|
+
}
|
|
79
84
|
}
|
|
80
85
|
|
|
81
86
|
// main product nav links
|
|
@@ -237,3 +242,8 @@ a.navigation-items-link-deals {
|
|
|
237
242
|
background-color: inherit !important;
|
|
238
243
|
}
|
|
239
244
|
}
|
|
245
|
+
|
|
246
|
+
.navbar-nav > li > a, .navbar-nav > li > a.nav-icon-padding {
|
|
247
|
+
padding-left: $nav-icon-padding;
|
|
248
|
+
padding-right: $nav-icon-padding;
|
|
249
|
+
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: forever_style_guide
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 3.4.
|
|
4
|
+
version: 3.4.6
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Nicholas McClay
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2018-04-
|
|
11
|
+
date: 2018-04-30 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: rails
|