forever_style_guide 3.4.5 → 3.4.6
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.
- 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
|