moda-themes 0.0.4 → 0.0.5
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
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 441d448880cf0904aa6cbf4e40506afdf3d8c5ed58bdba4a6684cc6aa6a3e78e
|
|
4
|
+
data.tar.gz: 3c49a3eb3c311faa26171c5dacd7b8820d8284df5773e4e231c9b558e27aa225
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 443c9cc63ebf113da439c4dc1132d8a85ebe3488be2075340688311ea2adc87f953582c67b5b5f0923f3ee5ee0844006941bfbb05e25938da09dba4665cbb7f1
|
|
7
|
+
data.tar.gz: fefbebc42aeca9017e1eb007ff1e3d9c413dacab99672a01a36574e196f5db6a979dca2146d7703869192fe55f01c720113f2e3ee089e4a37eef83e8d56b13a8
|
data/README.md
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
# moda-themes
|
|
2
2
|
|
|
3
|
+
[](https://circleci.com/gh/ModaOperandi/moda-themes)
|
|
4
|
+
|
|
3
5
|
## Meta
|
|
4
6
|
|
|
5
7
|
- **State**: production
|
|
@@ -117,10 +119,26 @@ See [REBRAND](REBRAND.md).
|
|
|
117
119
|
|
|
118
120
|
### Functions
|
|
119
121
|
|
|
122
|
+
#### `color($name)`
|
|
123
|
+
|
|
124
|
+
Returns a color variable.
|
|
125
|
+
|
|
120
126
|
#### `font-family($name)`
|
|
121
127
|
|
|
122
128
|
Returns a font-family variable.
|
|
123
129
|
|
|
130
|
+
#### `font-size($name)`
|
|
131
|
+
|
|
132
|
+
Returns a font-size variable.
|
|
133
|
+
|
|
134
|
+
#### `line-height($name)`
|
|
135
|
+
|
|
136
|
+
Returns a line-height variable.
|
|
137
|
+
|
|
138
|
+
#### `letter-spacing($name)`
|
|
139
|
+
|
|
140
|
+
Returns a letter-spacing variable.
|
|
141
|
+
|
|
124
142
|
#### `get-from-theme($theme-name, $keys...)`
|
|
125
143
|
|
|
126
144
|
Undocumented.
|
|
@@ -143,10 +161,16 @@ Inlcudes the full set of themes under `[data-theme="name"]` selectors. (include
|
|
|
143
161
|
|
|
144
162
|
Allows you to pull in a set of themed variables manually.
|
|
145
163
|
|
|
164
|
+
#### `type-treatment($name, $important: false)`
|
|
165
|
+
|
|
166
|
+
Pulls in a fixed configuration of styles for specific type treatments.
|
|
167
|
+
|
|
146
168
|
## Releasing
|
|
147
169
|
|
|
148
170
|
[Increment the versions](https://semver.org/) in [package.json](package.json) and [lib/moda-themes/version.rb](lib/moda-themes/version.rb).
|
|
149
171
|
|
|
172
|
+
Run `yarn build` to rebuild the exported data.
|
|
173
|
+
|
|
150
174
|
Run `rake release` to release the Ruby gem.
|
|
151
175
|
|
|
152
176
|
Run `yarn publish` to publish the NPM package.
|
|
@@ -57,3 +57,21 @@
|
|
|
57
57
|
@function letter-spacing($key) {
|
|
58
58
|
@return __fetch__($letter-spacing, $key);
|
|
59
59
|
}
|
|
60
|
+
|
|
61
|
+
@function line-height($key) {
|
|
62
|
+
@return __fetch__($line-heights, $key);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
@function font-size($key) {
|
|
66
|
+
@return __fetch__($font-sizes, $key);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
@mixin type-treatment($name, $important: false) {
|
|
70
|
+
@each $property, $value in __fetch__($type-treatments, $name) {
|
|
71
|
+
@if ($important) {
|
|
72
|
+
#{$property}: $value !important;
|
|
73
|
+
} @else {
|
|
74
|
+
#{$property}: $value;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}
|
|
@@ -20,8 +20,49 @@ $fonts: (
|
|
|
20
20
|
)
|
|
21
21
|
);
|
|
22
22
|
|
|
23
|
+
$line-heights: (
|
|
24
|
+
base: 1.25,
|
|
25
|
+
sm: 1.33,
|
|
26
|
+
md: 1.5
|
|
27
|
+
);
|
|
28
|
+
|
|
29
|
+
// TODO: Remove deprecated aliases: [wide, wider]
|
|
23
30
|
$letter-spacing: (
|
|
24
31
|
base: 0,
|
|
32
|
+
sm: 0.02em,
|
|
33
|
+
md: 0.04em,
|
|
34
|
+
lg: 0.1em,
|
|
25
35
|
wide: 0.04em,
|
|
26
36
|
wider: 0.1em
|
|
27
37
|
);
|
|
38
|
+
|
|
39
|
+
$font-sizes: (
|
|
40
|
+
sm: 12px,
|
|
41
|
+
md: 13px
|
|
42
|
+
);
|
|
43
|
+
|
|
44
|
+
$type-treatments: (
|
|
45
|
+
secondary-title: (
|
|
46
|
+
font-family: font-family("sans"),
|
|
47
|
+
font-size: font-size("sm"),
|
|
48
|
+
letter-spacing: letter-spacing("md"),
|
|
49
|
+
line-height: line-height("base"),
|
|
50
|
+
text-transform: uppercase,
|
|
51
|
+
color: color("black")
|
|
52
|
+
),
|
|
53
|
+
body-copy-sans: (
|
|
54
|
+
font-family: font-family("sans"),
|
|
55
|
+
font-size: font-size("md"),
|
|
56
|
+
letter-spacing: letter-spacing("sm"),
|
|
57
|
+
line-height: line-height("base"),
|
|
58
|
+
color: color("black")
|
|
59
|
+
)
|
|
60
|
+
);
|
|
61
|
+
|
|
62
|
+
$typography: (
|
|
63
|
+
fonts: $fonts,
|
|
64
|
+
line-heights: $line-heights,
|
|
65
|
+
letter-spacing: $letter-spacing,
|
|
66
|
+
font-sizes: $font-sizes,
|
|
67
|
+
type-treatments: $type-treatments
|
|
68
|
+
);
|
data/lib/moda-themes/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: moda-themes
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.5
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- dzucconi
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2019-07
|
|
11
|
+
date: 2019-08-07 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: sass
|