type-heading 0.0.11
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 +7 -0
- data/README.md +22 -0
- data/lib/compass-type-heading.rb +1 -0
- data/lib/type-heading.rb +14 -0
- data/stylesheets/_type-heading.scss +12 -0
- data/stylesheets/type-heading/_settings.scss +46 -0
- data/stylesheets/type-heading/functions/_heading.scss +141 -0
- data/stylesheets/type-heading/functions/_helpers.scss +471 -0
- data/stylesheets/type-heading/functions/_property.scss +396 -0
- data/stylesheets/type-heading/mixins/_breakpoint.scss +51 -0
- data/stylesheets/type-heading/mixins/_heading.scss +139 -0
- data/stylesheets/type-heading/mixins/_property.scss +140 -0
- data/templates/project/manifest.rb +1 -0
- data/templates/project/style.scss +1 -0
- metadata +97 -0
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
// Property
|
|
2
|
+
//
|
|
3
|
+
// @group Mixins / Property
|
|
4
|
+
// @author Elliot Mitchum
|
|
5
|
+
|
|
6
|
+
// th-property-font-size
|
|
7
|
+
// Output heading font size styles.
|
|
8
|
+
//
|
|
9
|
+
// @since 0.0.10
|
|
10
|
+
// @type mixin
|
|
11
|
+
//
|
|
12
|
+
// @requires {function} th-property-font-size
|
|
13
|
+
//
|
|
14
|
+
// @param {string} $heading A heading map key (required).
|
|
15
|
+
// @param {number | boolean} $breakpoint (false) A heading list breakpoint.
|
|
16
|
+
// @param {number} $base-font-size ($th-base-font-size) Font size used for relative calculations.
|
|
17
|
+
//
|
|
18
|
+
// @example scss Output h1 font size styles.
|
|
19
|
+
// // @include th-property-font-size(h1)
|
|
20
|
+
// @example scss Output h1 font size styles with 768px breakpoint.
|
|
21
|
+
// // @include th-property-font-size(
|
|
22
|
+
// // $heading: h1,
|
|
23
|
+
// // $breakpoint: 768px
|
|
24
|
+
// // )
|
|
25
|
+
|
|
26
|
+
@mixin th-property-font-size(
|
|
27
|
+
$heading,
|
|
28
|
+
$breakpoint: false,
|
|
29
|
+
$convert: true,
|
|
30
|
+
$base-font-size: $th-base-font-size
|
|
31
|
+
){
|
|
32
|
+
font-size: th-property-font-size(
|
|
33
|
+
$heading: $heading,
|
|
34
|
+
$breakpoint: $breakpoint,
|
|
35
|
+
$convert: $convert,
|
|
36
|
+
$base-font-size: $base-font-size
|
|
37
|
+
);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
// th-property-line-height
|
|
41
|
+
// Output heading line height styles.
|
|
42
|
+
//
|
|
43
|
+
// @since 0.0.10
|
|
44
|
+
// @type mixin
|
|
45
|
+
//
|
|
46
|
+
// @requires {function} th-property-line-height
|
|
47
|
+
//
|
|
48
|
+
// @param {string} $heading A heading map key (required).
|
|
49
|
+
// @param {number | boolean} $breakpoint (false) A heading list breakpoint.
|
|
50
|
+
// @param {number} $base-font-size ($th-base-font-size) Font size used for relative calculations.
|
|
51
|
+
//
|
|
52
|
+
// @example scss Output h1 line height styles.
|
|
53
|
+
// // @include th-property-line-height(h1)
|
|
54
|
+
// @example scss Output h1 line height styles with 768px breakpoint.
|
|
55
|
+
// // @include th-property-line-height(
|
|
56
|
+
// // $heading: h1,
|
|
57
|
+
// // $breakpoint: 768px
|
|
58
|
+
// // )
|
|
59
|
+
|
|
60
|
+
@mixin th-property-line-height(
|
|
61
|
+
$heading,
|
|
62
|
+
$breakpoint: false,
|
|
63
|
+
$convert: true,
|
|
64
|
+
$base-font-size: $th-base-font-size
|
|
65
|
+
){
|
|
66
|
+
line-height: th-property-line-height(
|
|
67
|
+
$heading: $heading,
|
|
68
|
+
$breakpoint: $breakpoint,
|
|
69
|
+
$convert: $convert,
|
|
70
|
+
$base-font-size: $base-font-size
|
|
71
|
+
);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
// th-property-margin-top
|
|
75
|
+
// Output heading margin top styles.
|
|
76
|
+
//
|
|
77
|
+
// @since 0.0.10
|
|
78
|
+
// @type mixin
|
|
79
|
+
//
|
|
80
|
+
// @requires {function} th-property-margin-top
|
|
81
|
+
//
|
|
82
|
+
// @param {string} $heading A heading map key (required).
|
|
83
|
+
// @param {number | boolean} $breakpoint (false) A heading list breakpoint.
|
|
84
|
+
// @param {number} $base-font-size ($th-base-font-size) Font size used for relative calculations.
|
|
85
|
+
//
|
|
86
|
+
// @example scss Output h1 margin top styles.
|
|
87
|
+
// // @include th-property-margin-top(h1)
|
|
88
|
+
// @example scss Output h1 margin top styles with 768px breakpoint.
|
|
89
|
+
// // @include th-property-margin-top(
|
|
90
|
+
// // $heading: h1,
|
|
91
|
+
// // $breakpoint: 768px
|
|
92
|
+
// // )
|
|
93
|
+
|
|
94
|
+
@mixin th-property-margin-top(
|
|
95
|
+
$heading,
|
|
96
|
+
$breakpoint: false,
|
|
97
|
+
$convert: true,
|
|
98
|
+
$base-font-size: $th-base-font-size
|
|
99
|
+
){
|
|
100
|
+
margin-top: th-property-margin-top(
|
|
101
|
+
$heading: $heading,
|
|
102
|
+
$breakpoint: $breakpoint,
|
|
103
|
+
$convert: $convert,
|
|
104
|
+
$base-font-size: $base-font-size
|
|
105
|
+
);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
// th-property-margin-bottom
|
|
109
|
+
// Output heading margin bottom styles.
|
|
110
|
+
//
|
|
111
|
+
// @since 0.0.10
|
|
112
|
+
// @type mixin
|
|
113
|
+
//
|
|
114
|
+
// @requires {function} th-property-margin-bottom
|
|
115
|
+
//
|
|
116
|
+
// @param {string} $heading A heading map key (required).
|
|
117
|
+
// @param {number | boolean} $breakpoint (false) A heading list breakpoint.
|
|
118
|
+
// @param {number} $base-font-size ($th-base-font-size) Font size used for relative calculations.
|
|
119
|
+
//
|
|
120
|
+
// @example scss Output h1 margin bottom styles.
|
|
121
|
+
// // @include th-property-margin-bottom(h1)
|
|
122
|
+
// @example scss Output h1 margin bottom styles with 768px breakpoint.
|
|
123
|
+
// // @include th-property-margin-bottom(
|
|
124
|
+
// // $heading: h1,
|
|
125
|
+
// // $breakpoint: 768px
|
|
126
|
+
// // )
|
|
127
|
+
|
|
128
|
+
@mixin th-property-margin-bottom(
|
|
129
|
+
$heading,
|
|
130
|
+
$breakpoint: false,
|
|
131
|
+
$convert: true,
|
|
132
|
+
$base-font-size: $th-base-font-size
|
|
133
|
+
){
|
|
134
|
+
margin-bottom: th-property-margin-bottom(
|
|
135
|
+
$heading: $heading,
|
|
136
|
+
$breakpoint: $breakpoint,
|
|
137
|
+
$convert: $convert,
|
|
138
|
+
$base-font-size: $base-font-size
|
|
139
|
+
);
|
|
140
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
stylesheet 'style.scss', :media => 'screen, projection'
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "type-heading";
|
metadata
ADDED
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: type-heading
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: 0.0.11
|
|
5
|
+
platform: ruby
|
|
6
|
+
authors:
|
|
7
|
+
- Elliot Mitchum
|
|
8
|
+
autorequire:
|
|
9
|
+
bindir: bin
|
|
10
|
+
cert_chain: []
|
|
11
|
+
date: 2015-02-12 00:00:00.000000000 Z
|
|
12
|
+
dependencies:
|
|
13
|
+
- !ruby/object:Gem::Dependency
|
|
14
|
+
name: sass
|
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
|
16
|
+
requirements:
|
|
17
|
+
- - "~>"
|
|
18
|
+
- !ruby/object:Gem::Version
|
|
19
|
+
version: '3.3'
|
|
20
|
+
- - ">="
|
|
21
|
+
- !ruby/object:Gem::Version
|
|
22
|
+
version: 3.3.13
|
|
23
|
+
type: :runtime
|
|
24
|
+
prerelease: false
|
|
25
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
26
|
+
requirements:
|
|
27
|
+
- - "~>"
|
|
28
|
+
- !ruby/object:Gem::Version
|
|
29
|
+
version: '3.3'
|
|
30
|
+
- - ">="
|
|
31
|
+
- !ruby/object:Gem::Version
|
|
32
|
+
version: 3.3.13
|
|
33
|
+
- !ruby/object:Gem::Dependency
|
|
34
|
+
name: compass
|
|
35
|
+
requirement: !ruby/object:Gem::Requirement
|
|
36
|
+
requirements:
|
|
37
|
+
- - "~>"
|
|
38
|
+
- !ruby/object:Gem::Version
|
|
39
|
+
version: '1.0'
|
|
40
|
+
- - ">="
|
|
41
|
+
- !ruby/object:Gem::Version
|
|
42
|
+
version: 1.0.1
|
|
43
|
+
type: :runtime
|
|
44
|
+
prerelease: false
|
|
45
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
46
|
+
requirements:
|
|
47
|
+
- - "~>"
|
|
48
|
+
- !ruby/object:Gem::Version
|
|
49
|
+
version: '1.0'
|
|
50
|
+
- - ">="
|
|
51
|
+
- !ruby/object:Gem::Version
|
|
52
|
+
version: 1.0.1
|
|
53
|
+
description: Type Heading is a lightweight Compass Extension that lets you easily
|
|
54
|
+
manage responsive typographic sizing.
|
|
55
|
+
email: elliot@ellio7.com
|
|
56
|
+
executables: []
|
|
57
|
+
extensions: []
|
|
58
|
+
extra_rdoc_files: []
|
|
59
|
+
files:
|
|
60
|
+
- README.md
|
|
61
|
+
- lib/compass-type-heading.rb
|
|
62
|
+
- lib/type-heading.rb
|
|
63
|
+
- stylesheets/_type-heading.scss
|
|
64
|
+
- stylesheets/type-heading/_settings.scss
|
|
65
|
+
- stylesheets/type-heading/functions/_heading.scss
|
|
66
|
+
- stylesheets/type-heading/functions/_helpers.scss
|
|
67
|
+
- stylesheets/type-heading/functions/_property.scss
|
|
68
|
+
- stylesheets/type-heading/mixins/_breakpoint.scss
|
|
69
|
+
- stylesheets/type-heading/mixins/_heading.scss
|
|
70
|
+
- stylesheets/type-heading/mixins/_property.scss
|
|
71
|
+
- templates/project/manifest.rb
|
|
72
|
+
- templates/project/style.scss
|
|
73
|
+
homepage: http://ellioseven.github.io/type-heading
|
|
74
|
+
licenses:
|
|
75
|
+
- MIT
|
|
76
|
+
metadata: {}
|
|
77
|
+
post_install_message:
|
|
78
|
+
rdoc_options: []
|
|
79
|
+
require_paths:
|
|
80
|
+
- lib
|
|
81
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
82
|
+
requirements:
|
|
83
|
+
- - ">="
|
|
84
|
+
- !ruby/object:Gem::Version
|
|
85
|
+
version: '0'
|
|
86
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
87
|
+
requirements:
|
|
88
|
+
- - ">="
|
|
89
|
+
- !ruby/object:Gem::Version
|
|
90
|
+
version: '0'
|
|
91
|
+
requirements: []
|
|
92
|
+
rubyforge_project:
|
|
93
|
+
rubygems_version: 2.4.3
|
|
94
|
+
signing_key:
|
|
95
|
+
specification_version: 4
|
|
96
|
+
summary: A responsive typography tool.
|
|
97
|
+
test_files: []
|