pusher-chameleon 1.2.1 → 1.3.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.
- checksums.yaml +4 -4
- data/Gemfile.lock +2 -2
- data/docs/Gemfile.lock +0 -3
- data/docs/_includes/head.html +0 -3
- data/package.json +2 -2
- data/pusher-chameleon.gemspec +2 -2
- data/stylesheets/typography/_base.scss +4 -8
- data/stylesheets/typography/_inheritance.scss +76 -0
- data/stylesheets/typography/_titles.scss +7 -49
- data/stylesheets/typography/_typography.scss +3 -1
- metadata +7 -4
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 08c01038d69c8b61962bcfee994afbd16c81c3ae
|
|
4
|
+
data.tar.gz: a83ccc6e741ca20c9577d75346d3e503b7885e56
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 97d56c4b1a59312e6d51ac7ed56d8298d73d04d6ec544b7316b2e8517f4253a266ca5c689399ca0a2033aeb52f6960ee825f2cdf64ec96afda668c75e85618dc
|
|
7
|
+
data.tar.gz: 1ec8abeb5e2053e279289b411a87fdbfd7b8ecd3beb559f8ed378b8b0542deae0806048a7262a884e58cbc1958e9ea14516996fe35c2e5dc358a4c5dc243192c
|
data/Gemfile.lock
CHANGED
data/docs/Gemfile.lock
CHANGED
data/docs/_includes/head.html
CHANGED
|
@@ -9,7 +9,4 @@
|
|
|
9
9
|
<link rel="stylesheet" href="{{ "css/main.css" | prepend: site.assets.baseurl }}">
|
|
10
10
|
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
|
11
11
|
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
|
|
12
|
-
|
|
13
|
-
<script src="https://use.typekit.net/mpu7zkn.js"></script>
|
|
14
|
-
<script>try{Typekit.load({ async: true });}catch(e){}</script>
|
|
15
12
|
</head>
|
data/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "pusher-chameleon",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.0",
|
|
4
4
|
"description": "A collection of front-end patterns used across Pusher.",
|
|
5
5
|
"repository": "https://github.com/pusher/chameleon",
|
|
6
6
|
"keywords": [
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"living",
|
|
10
10
|
"styleguide"
|
|
11
11
|
],
|
|
12
|
-
"author": "
|
|
12
|
+
"author": "Pusherinos: https://github.com/pusher/chameleon/graphs/contributors",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"files": [
|
|
15
15
|
"README.md",
|
data/pusher-chameleon.gemspec
CHANGED
|
@@ -7,8 +7,8 @@ Gem::Specification.new do |s|
|
|
|
7
7
|
s.version = PusherChameleon::VERSION
|
|
8
8
|
s.summary = 'Pusher Chameleon front-end asset library'
|
|
9
9
|
s.description = 'Chameleon holds various front-end assets that are shared across our products'
|
|
10
|
-
s.authors = ['Alex Pate']
|
|
11
|
-
s.email = '
|
|
10
|
+
s.authors = ['Alex Pate', 'Craig Frost', 'Pusher']
|
|
11
|
+
s.email = 'alex@alexpate.uk'
|
|
12
12
|
s.homepage = 'https://github.com/pusher/chameleon'
|
|
13
13
|
s.license = 'MIT'
|
|
14
14
|
|
|
@@ -30,19 +30,15 @@
|
|
|
30
30
|
p,
|
|
31
31
|
ul li,
|
|
32
32
|
ol li {
|
|
33
|
-
@extend %
|
|
34
|
-
font-size: rem-calc(16px);
|
|
35
|
-
line-height: 1.4em;
|
|
36
|
-
font-weight: 400;
|
|
33
|
+
@extend %p;
|
|
37
34
|
}
|
|
38
35
|
|
|
39
|
-
.p-boosted,
|
|
40
36
|
.p-max {
|
|
41
|
-
|
|
37
|
+
@extend %p-max;
|
|
42
38
|
}
|
|
43
39
|
|
|
44
40
|
.p-min {
|
|
45
|
-
|
|
41
|
+
@extend %p-min;
|
|
46
42
|
}
|
|
47
43
|
|
|
48
44
|
strong {
|
|
@@ -57,4 +53,4 @@
|
|
|
57
53
|
padding: 4px 4px;
|
|
58
54
|
border-radius: 3px;
|
|
59
55
|
}
|
|
60
|
-
}
|
|
56
|
+
}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
@mixin chameleon-typography-inheritance {
|
|
2
|
+
%h1 {
|
|
3
|
+
@extend %font-family-primary;
|
|
4
|
+
font-size: rem-calc(28px);
|
|
5
|
+
font-weight: 400;
|
|
6
|
+
letter-spacing: -1.4px;
|
|
7
|
+
line-height: 1.1em;
|
|
8
|
+
|
|
9
|
+
strong {
|
|
10
|
+
font-weight: 500;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@media #{$medium-up} {
|
|
14
|
+
font-size: rem-calc(34px);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
%h2 {
|
|
19
|
+
@extend %font-family-primary;
|
|
20
|
+
color: $color-black;
|
|
21
|
+
font-size: rem-calc(24px);
|
|
22
|
+
font-weight: 400;
|
|
23
|
+
letter-spacing: -2px;
|
|
24
|
+
line-height: 1.25em;
|
|
25
|
+
|
|
26
|
+
@media #{$medium-up} {
|
|
27
|
+
font-size: rem-calc(28px);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
%h3 {
|
|
32
|
+
@extend %font-family-primary;
|
|
33
|
+
font-size: rem-calc(22px);
|
|
34
|
+
font-weight: 400;
|
|
35
|
+
line-height: 1.15em;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
%h4 {
|
|
39
|
+
@extend %font-family-secondary;
|
|
40
|
+
font-size: rem-calc(18px);
|
|
41
|
+
font-weight: 400;
|
|
42
|
+
line-height: 1.4em;
|
|
43
|
+
text-transform: none;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
%h5 {
|
|
47
|
+
@extend %font-family-primary;
|
|
48
|
+
font-size: rem-calc(16px);
|
|
49
|
+
font-weight: 500;
|
|
50
|
+
line-height: 1.1em;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
%h6 {
|
|
54
|
+
@extend %font-family-primary;
|
|
55
|
+
color: $color-black;
|
|
56
|
+
font-size: rem-calc(12px);
|
|
57
|
+
font-weight: 700;
|
|
58
|
+
line-height: 1.1em;
|
|
59
|
+
text-transform: uppercase;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
%p {
|
|
63
|
+
@extend %font-family-secondary;
|
|
64
|
+
font-size: rem-calc(16px);
|
|
65
|
+
font-weight: 400;
|
|
66
|
+
line-height: 1.4em;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
%p-min {
|
|
70
|
+
font-size: rem-calc(14px);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
%p-max {
|
|
74
|
+
font-size: rem-calc(18px);
|
|
75
|
+
}
|
|
76
|
+
}
|
|
@@ -1,67 +1,25 @@
|
|
|
1
1
|
@mixin chameleon-typography-titles {
|
|
2
|
-
.title--alpha,
|
|
3
|
-
.title--beta,
|
|
4
|
-
.title--gamma,
|
|
5
|
-
.title--epsilon,
|
|
6
|
-
.title--zeta {
|
|
7
|
-
@extend %font-family-primary;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.title--delta {
|
|
11
|
-
@extend %font-family-secondary;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
2
|
.title--alpha {
|
|
15
|
-
|
|
16
|
-
line-height: 1.1em;
|
|
17
|
-
font-weight: 400;
|
|
18
|
-
letter-spacing: -1.4px;
|
|
19
|
-
|
|
20
|
-
strong {
|
|
21
|
-
font-weight: 500;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
@media #{$medium-up} {
|
|
25
|
-
font-size: rem-calc(34px);
|
|
26
|
-
}
|
|
3
|
+
@extend %h1;
|
|
27
4
|
}
|
|
28
5
|
|
|
29
6
|
.title--beta {
|
|
30
|
-
|
|
31
|
-
line-height: 1.25em;
|
|
32
|
-
font-weight: 400;
|
|
33
|
-
color: $color-black;
|
|
34
|
-
letter-spacing: -2px;
|
|
35
|
-
|
|
36
|
-
@media #{$medium-up} {
|
|
37
|
-
font-size: rem-calc(28px);
|
|
38
|
-
}
|
|
7
|
+
@extend %h2;
|
|
39
8
|
}
|
|
40
9
|
|
|
41
10
|
.title--gamma {
|
|
42
|
-
|
|
43
|
-
font-weight: 400;
|
|
44
|
-
line-height: 1.15em;
|
|
11
|
+
@extend %h3;
|
|
45
12
|
}
|
|
46
13
|
|
|
47
14
|
.title--delta {
|
|
48
|
-
|
|
49
|
-
font-weight: 400;
|
|
50
|
-
line-height: 1.4em;
|
|
51
|
-
text-transform: none;
|
|
15
|
+
@extend %h4;
|
|
52
16
|
}
|
|
53
17
|
|
|
54
18
|
.title--epsilon {
|
|
55
|
-
|
|
56
|
-
font-weight: 500;
|
|
57
|
-
line-height: 1.1em;
|
|
19
|
+
@extend %h5;
|
|
58
20
|
}
|
|
59
21
|
|
|
60
22
|
.title--zeta {
|
|
61
|
-
|
|
62
|
-
font-size: rem-calc(12px);
|
|
63
|
-
font-weight: 700;
|
|
64
|
-
color: $color-black;
|
|
65
|
-
line-height: 1.1em;
|
|
23
|
+
@extend %h6;
|
|
66
24
|
}
|
|
67
|
-
}
|
|
25
|
+
}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
@import 'import_realtime';
|
|
2
2
|
@import 'import_proxima';
|
|
3
3
|
@import 'base';
|
|
4
|
+
@import 'inheritance';
|
|
4
5
|
@import 'titles';
|
|
5
6
|
@import 'helpers';
|
|
6
7
|
@import 'syntax_highlighting';
|
|
7
8
|
|
|
8
9
|
@mixin CHAMELEON-typography {
|
|
9
10
|
@include chameleon-typography-base;
|
|
11
|
+
@include chameleon-typography-inheritance;
|
|
10
12
|
@include chameleon-typography-titles;
|
|
11
13
|
@include chameleon-typography-helpers;
|
|
12
14
|
}
|
|
13
15
|
|
|
14
16
|
@mixin CHAMELEON-syntax-highlighting {
|
|
15
17
|
@include chameleon-typography-syntax-highlighting;
|
|
16
|
-
}
|
|
18
|
+
}
|
metadata
CHANGED
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: pusher-chameleon
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.
|
|
4
|
+
version: 1.3.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Alex Pate
|
|
8
|
+
- Craig Frost
|
|
9
|
+
- Pusher
|
|
8
10
|
autorequire:
|
|
9
11
|
bindir: bin
|
|
10
12
|
cert_chain: []
|
|
11
|
-
date: 2016-
|
|
13
|
+
date: 2016-12-13 00:00:00.000000000 Z
|
|
12
14
|
dependencies:
|
|
13
15
|
- !ruby/object:Gem::Dependency
|
|
14
16
|
name: sass
|
|
@@ -53,7 +55,7 @@ dependencies:
|
|
|
53
55
|
- !ruby/object:Gem::Version
|
|
54
56
|
version: 0.9.2.2
|
|
55
57
|
description: Chameleon holds various front-end assets that are shared across our products
|
|
56
|
-
email:
|
|
58
|
+
email: alex@alexpate.uk
|
|
57
59
|
executables: []
|
|
58
60
|
extensions: []
|
|
59
61
|
extra_rdoc_files: []
|
|
@@ -160,6 +162,7 @@ files:
|
|
|
160
162
|
- stylesheets/typography/_helpers.scss
|
|
161
163
|
- stylesheets/typography/_import_proxima.scss
|
|
162
164
|
- stylesheets/typography/_import_realtime.scss
|
|
165
|
+
- stylesheets/typography/_inheritance.scss
|
|
163
166
|
- stylesheets/typography/_syntax_highlighting.scss
|
|
164
167
|
- stylesheets/typography/_syntax_highlighting_dark.scss
|
|
165
168
|
- stylesheets/typography/_syntax_highlighting_light.scss
|
|
@@ -195,7 +198,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
195
198
|
version: '0'
|
|
196
199
|
requirements: []
|
|
197
200
|
rubyforge_project:
|
|
198
|
-
rubygems_version: 2.
|
|
201
|
+
rubygems_version: 2.4.8
|
|
199
202
|
signing_key:
|
|
200
203
|
specification_version: 4
|
|
201
204
|
summary: Pusher Chameleon front-end asset library
|