forever_style_guide 3.4 → 3.4.1
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 +5 -5
- data/app/assets/stylesheets/forever_style_guide/base/_typography.scss +12 -0
- data/app/assets/stylesheets/forever_style_guide/modules/_all.scss +2 -0
- data/app/assets/stylesheets/forever_style_guide/modules/_hero_simple.scss +3 -0
- data/app/assets/stylesheets/forever_style_guide/modules/_horizontal_rule_title.scss +34 -0
- data/app/assets/stylesheets/forever_style_guide/modules/_mars_manifest.scss +3 -0
- data/app/assets/stylesheets/forever_style_guide/modules/_message_box.scss +12 -0
- data/lib/forever_style_guide/version.rb +1 -1
- metadata +5 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
2
|
+
SHA1:
|
|
3
|
+
metadata.gz: fb3c3abfe56a5c39cf8f8331f627d313e05d3a17
|
|
4
|
+
data.tar.gz: ba022dc9195fb8761b19c5451c13aaadd7079d58
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b528bf4dcbcccd00200bcdf08baa58fe3463ab2fcb418b74f559fbfcf26316aee1807393b982ef2ee5bd5f509ec305abea691492783f98073aa0d73f0d80e398
|
|
7
|
+
data.tar.gz: b28e68723069df06c35a2e41ef92f1b4093851cc654e8a300fe58fba9b3a43a9c8c1c5de8b781626a4e2f2e8996b4e0a545d57e3cce751978c6a2bbc72399c84
|
|
@@ -91,6 +91,18 @@ strong {
|
|
|
91
91
|
font-family: $font-face-gotham;
|
|
92
92
|
font-weight: 100;
|
|
93
93
|
}
|
|
94
|
+
.title-extra_thin {
|
|
95
|
+
font-family: $font-face-gotham;
|
|
96
|
+
font-weight: 300;
|
|
97
|
+
}
|
|
98
|
+
.title-thin {
|
|
99
|
+
font-family: $font-face-gotham;
|
|
100
|
+
font-weight: 400;
|
|
101
|
+
}
|
|
102
|
+
.title-bold {
|
|
103
|
+
font-family: $font-face-gotham;
|
|
104
|
+
font-weight: 700;
|
|
105
|
+
}
|
|
94
106
|
a {
|
|
95
107
|
color: color('secondary');
|
|
96
108
|
&:link,
|
|
@@ -7,10 +7,12 @@
|
|
|
7
7
|
@import "hero";
|
|
8
8
|
@import "hero-block";
|
|
9
9
|
@import "hero_simple";
|
|
10
|
+
@import "horizontal_rule_title";
|
|
10
11
|
@import "impersonation_banner";
|
|
11
12
|
@import "ambassador_banner";
|
|
12
13
|
@import "input_groups";
|
|
13
14
|
@import "list";
|
|
15
|
+
@import "message_box";
|
|
14
16
|
@import "nav";
|
|
15
17
|
@import "nav-account_dropdown";
|
|
16
18
|
@import "nav-cart";
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
.horizontal_rule_title-header {
|
|
2
|
+
display: flex;
|
|
3
|
+
justify-content: flex-start;
|
|
4
|
+
|
|
5
|
+
@media screen and (min-width: $screen-sm) {
|
|
6
|
+
justify-content: center;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.horizontal_rule_title-header-inner {
|
|
11
|
+
display: inline-flex;
|
|
12
|
+
align-items: flex-start;
|
|
13
|
+
flex-flow: column wrap;
|
|
14
|
+
|
|
15
|
+
@media screen and (min-width: $screen-sm) {
|
|
16
|
+
position: relative;
|
|
17
|
+
flex-direction: row;
|
|
18
|
+
align-items: center;
|
|
19
|
+
margin-top: -$padding-large-vertical * 1.5;
|
|
20
|
+
z-index: $zindex-navbar - 1;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
&::after {
|
|
24
|
+
@media screen and (min-width: $screen-sm) {
|
|
25
|
+
position: absolute;
|
|
26
|
+
left: -$padding-large-horizontal;
|
|
27
|
+
width: calc(100% + #{$padding-large-horizontal} * 2);
|
|
28
|
+
height: 100%;
|
|
29
|
+
background-color: $color-white;
|
|
30
|
+
content: '';
|
|
31
|
+
z-index: -1;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -5,8 +5,11 @@
|
|
|
5
5
|
@import "fa-feature_bullet";
|
|
6
6
|
@import "impersonation_banner";
|
|
7
7
|
@import "ambassador_banner";
|
|
8
|
+
@import "hero_simple";
|
|
9
|
+
@import "horizontal_rule_title";
|
|
8
10
|
@import "input_groups";
|
|
9
11
|
@import "list";
|
|
12
|
+
@import "message_box";
|
|
10
13
|
@import "nav";
|
|
11
14
|
@import "nav-account_dropdown";
|
|
12
15
|
@import "nav-cart";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
@mixin message_box($base-color) {
|
|
2
|
+
background-color: transparentize($base-color, 0.95);
|
|
3
|
+
border: 1px solid transparentize($base-color, 0.6);
|
|
4
|
+
border-radius: $border-radius-xl;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
// creates a message_box class for each color in color dictionary
|
|
8
|
+
@each $id, $color in $colors {
|
|
9
|
+
.message_box-#{$id} {
|
|
10
|
+
@include message_box(color('#{$id}'));
|
|
11
|
+
}
|
|
12
|
+
}
|
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:
|
|
4
|
+
version: 3.4.1
|
|
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-03-
|
|
11
|
+
date: 2018-03-12 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: rails
|
|
@@ -235,10 +235,12 @@ files:
|
|
|
235
235
|
- app/assets/stylesheets/forever_style_guide/modules/_hero-block.scss
|
|
236
236
|
- app/assets/stylesheets/forever_style_guide/modules/_hero.scss
|
|
237
237
|
- app/assets/stylesheets/forever_style_guide/modules/_hero_simple.scss
|
|
238
|
+
- app/assets/stylesheets/forever_style_guide/modules/_horizontal_rule_title.scss
|
|
238
239
|
- app/assets/stylesheets/forever_style_guide/modules/_impersonation_banner.scss
|
|
239
240
|
- app/assets/stylesheets/forever_style_guide/modules/_input_groups.scss
|
|
240
241
|
- app/assets/stylesheets/forever_style_guide/modules/_list.scss
|
|
241
242
|
- app/assets/stylesheets/forever_style_guide/modules/_mars_manifest.scss
|
|
243
|
+
- app/assets/stylesheets/forever_style_guide/modules/_message_box.scss
|
|
242
244
|
- app/assets/stylesheets/forever_style_guide/modules/_modal.scss
|
|
243
245
|
- app/assets/stylesheets/forever_style_guide/modules/_nav-account_dropdown.scss
|
|
244
246
|
- app/assets/stylesheets/forever_style_guide/modules/_nav-cart.scss
|
|
@@ -284,7 +286,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
284
286
|
version: '0'
|
|
285
287
|
requirements: []
|
|
286
288
|
rubyforge_project:
|
|
287
|
-
rubygems_version: 2.
|
|
289
|
+
rubygems_version: 2.4.6
|
|
288
290
|
signing_key:
|
|
289
291
|
specification_version: 4
|
|
290
292
|
summary: A live style guide and component API for the Forever brand
|