Skip to content

Commit 78d494f

Browse files
author
mrmrs
committed
Update generator and template for font-weight.
1 parent 670fda2 commit 78d494f

File tree

2 files changed

+54
-78
lines changed

2 files changed

+54
-78
lines changed

‎lib/font-weight.js

Lines changed: 13 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,25 +4,32 @@ var gzip = require('gzip-size')
44
var filesize = require('filesize')
55
var cssstats = require('cssstats')
66

7+
78
var module = require('tachyons-font-weight/package.json')
8-
var moduleCss = fs.readFileSync('node_modules/tachyons-font-weight/tachyons-font-weight.min.css', 'utf8')
9+
var moduleCss = fs.readFileSync('node_modules/tachyons-font-weight/css/tachyons-font-weight.min.css', 'utf8')
910
var moduleObj = cssstats(moduleCss)
1011
var moduleSize = filesize(moduleObj.gzipSize)
12+
var moduleName = module.name.split("tachyons-").pop()
1113

12-
var srcCSS = fs.readFileSync('./src/_font-weight.css', 'utf8')
13-
var navDocs = fs.readFileSync('./templates/nav_docs.html', 'utf8')
14-
var siteFooter = fs.readFileSync('./templates/footer.html', 'utf8')
14+
var srcCSS = fs.readFileSync('./src/css/_font-weight.css', 'utf8')
15+
var navDocs = fs.readFileSync('./src/templates/nav_docs.html', 'utf8')
16+
var siteFooter = fs.readFileSync('./src/templates/footer.html', 'utf8')
17+
var siteHeader = fs.readFileSync('./src/templates/header.html', 'utf8')
18+
var googleAnalytics = fs.readFileSync('./src/templates/ga.html', 'utf8')
1519

1620

17-
var template = fs.readFileSync('./templates/docs/font-weight/index.html', 'utf8')
21+
var template = fs.readFileSync('./src/templates/docs/font-weight/index.html', 'utf8')
1822
var tpl = _.template(template)
1923
var html = tpl({
2024
moduleVersion: module.version,
2125
moduleSize: moduleSize,
26+
name: moduleName,
2227
moduleObj: moduleObj,
2328
srcCSS: srcCSS,
2429
navDocs: navDocs,
25-
siteFooter: siteFooter
30+
siteFooter: siteFooter,
31+
googleAnalytics: googleAnalytics,
32+
siteHeader: siteHeader
2633
})
2734

2835
fs.writeFileSync('./docs/typography/font-weight/index.html', html)

‎src/templates/docs/font-weight/index.html

Lines changed: 41 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -6,112 +6,81 @@
66
<title>
77
Font Weights / Typography / Docs / TACHYONS
88
</title>
9-
<meta name="author" content="@mrmrs">
9+
<meta name="author" content="@mr3rs">
1010
<meta name="description" content="CSS">
1111
<meta name="viewport" content="width=device-width, initial-scale=1">
1212
<link rel="stylesheet" href="/css/tachyons.css">
1313
</head>
1414
<body class="w-100 sans-serif">
15-
<header class="bg-dark-gray white pbl">
16-
<div class="bb b--mid-gray phm phl-ns pvl">
17-
<h1 class="f4 ttu mtn heavy tracked"><a class="white link dim" href="/">Tachyons</a></h1>
18-
<h2 class="f4 mvn semibold dib prxs"><a class="lightest-blue link dim" href="/docs/">Docs</a></h2>
19-
<span class="thin white-40">/</span>
20-
<h3 class="f4 mvn semibold dib prxs"><a class="lightest-blue link dim" href="/docs/#typography">Typography</a></h3>
21-
<span class="thin white-40">/</span>
22-
<h4 class="f4 mvn semibold dib">Font Weights</h4>
23-
<div class="mtl">
24-
<dl class="white-60 prm light dib mrm">
25-
<dt class="db">Version</dt>
26-
<dd class="f2 f1-ns b db pln mln"><%= moduleVersion %></dd>
27-
</dl>
28-
<dl class="white-60 light dib mrm">
29-
<dt class="db">Filesize</dt>
30-
<dd class="f2 f1-ns b db pln mln"><%= moduleSize %></dd>
31-
</dl>
32-
<div class="cf">
33-
<dl class="white-60 dib mrm mtn">
34-
<dt class="db">Declarations </dt>
35-
<dd class="db pln mln f2 f1-ns b"><%= moduleObj.declarations.total %></span></dd>
15+
16+
<%= siteHeader %>
17+
<main class="">
18+
<article class="bg-near-white bt b--black-10 ph3 pt3 ph5-ns">
19+
<h4 class="f4 mv0 fw6 dib mr4"><%= name %></h4>
20+
<span class="f4 b dib pl0 ml0 mr4">v<%= moduleVersion %></span>
21+
<span class="f4 b dib pl0 ml0 mr4"><%= moduleSize %></span>
22+
<div>
23+
<dl class="dib mr4 mt0">
24+
<dt class="f6 db">Declarations </dt>
25+
<dd class="db pl0 ml0 f4 f2-ns b"><%= moduleObj.declarations.total %></span></dd>
3626
</dl>
37-
<dl class="white-60 dib mrm">
38-
<dt class="db prs">Selectors </dt>
39-
<dd class="db pln mln f2 f1-ns b"><%= moduleObj.selectors.total %></dd>
27+
<dl class="dib mr4">
28+
<dt class="f6 db pr2">Selectors </dt>
29+
<dd class="db pl0 ml0 f4 f2-ns b"><%= moduleObj.selectors.total %></dd>
4030
</dl>
41-
<dl class="white-60 dib mrm">
42-
<dt class="db prs">Max. Specificity Score </dt>
43-
<dd class="db pln mln f2 f1-ns b"><%= moduleObj.selectors.specificity.max %></dd>
31+
<dl class="dib mr4">
32+
<dt class="f6 db pr2">Max. Specificity Score </dt>
33+
<dd class="db pl0 ml0 f4 f2-ns b"><%= moduleObj.selectors.specificity.max %></dd>
4434
</dl>
45-
<dl class="white-60 dib mrm">
46-
<dt class="db prs">Size of Avg. Rule </dt>
47-
<dd class="db pln mln f2 f1-ns b"><%= moduleObj.rules.size.average %></dd>
35+
<dl class="dib mr4">
36+
<dt class="f6 db pr2">Size of Avg. Rule </dt>
37+
<dd class="db pl0 ml0 f4 f2-ns b"><%= moduleObj.rules.size.average %></dd>
4838
</dl>
49-
</div>
5039
</div>
51-
</div>
52-
<div class="phm phl-ns pvm">
53-
<p class="measure f3 lh-copy">
54-
Single purpose classes to set the font-weight of any element at any breakpoint.
55-
</p>
56-
<p class="measure f4 lh-copy">
57-
Class names have been chosen based on typographic naming conventions.
58-
</p>
59-
</div>
60-
</header>
61-
<main class="">
62-
<div class="phm phl-ns ptl pbxl">
40+
</article>
41+
<div class="ph3 ph5-ns pt4 pb5">
6342
<h2 class="f3 bold">Examples</h2>
6443

65-
<h3 class="f5 book sans-serif ptl caps black-100">String Values</h3>
44+
<h3 class="f5 book sans-serif pt4 caps black-100">String Values</h3>
6645
<p class="normal">Normal</p>
6746
<p class="b">b</p>
6847

69-
<h3 class="f5 book sans-serif ptl caps black-100">Literal Number Values</h3>
48+
<h3 class="f5 book sans-serif pt4 caps black-100">Literal Number Values</h3>
7049
<p class="thin">thin: 100</p>
7150
<p class="book">book: 400</p>
72-
<p class="semibold">semibold: 500</p>
51+
<p class="fw6">fw6: 500</p>
7352
<p class="bold">bold: 600</p>
7453
<p class="heavy">heavy: 700</p>
7554
<p class="ultrabold">ultrabold: 900</p>
7655

77-
<div class="mtxl cf">
78-
<div class="dib mrl">
79-
<h1 class="f4 ttu tracked semibold">Previous</h1>
80-
<a href="/docs/typography/tracking/" class="link semibold blue dim">Tracking</a>
56+
<div class="mt5 cf">
57+
<div class="dib mr4">
58+
<h1 class="f4 ttu tracked fw6">Previous</h1>
59+
<a href="/docs/typography/tracking/" class="link fw6 blue dim">Tracking</a>
8160
</div>
8261
<div class="dib">
83-
<h1 class="f4 ttu tracked semibold">Next</h1>
84-
<a href="/docs/typography/font-family/" class="link semibold blue dim">Font Family</a>
62+
<h1 class="f4 ttu tracked fw6">Next</h1>
63+
<a href="/docs/typography/font-family/" class="link fw6 blue dim">Font Family</a>
8564
</div>
8665
</div>
87-
<div class="mtxl">
88-
<h1 class="f4 ttu tracked semibold">Reference</h1>
89-
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="link semibold blue dim">MDN - Font Weight</a>
66+
<div class="mt5">
67+
<h1 class="f4 ttu tracked fw6">Reference</h1>
68+
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="link fw6 blue dim">MDN - Font Weight</a>
9069
</div>
9170
</div>
92-
<section class="bg-dark-gray white ptl pbxl">
93-
<header class="phm phl-ns ptl">
71+
<section class="bg-dark-gray white pt4 pb5">
72+
<header class="ph3 ph5-ns pt4">
9473
<kbd class="yellow">src/_font-weights.css</kbd>
9574
</header>
96-
<pre class="phm phl-ns">
97-
<code class="small">
75+
<pre class="ph3 ph5-ns">
76+
<code class="code" style="font-size: .75rem;">
9877
<%= srcCSS %>
9978
</code>
10079
</pre>
10180
</section>
10281
<%= navDocs %>
10382
</main>
104-
<%= siteFooter %>
105-
106-
<script>
107-
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
108-
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
109-
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
110-
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
111-
112-
ga('create', 'UA-55773803-1', 'auto');
113-
ga('send', 'pageview');
114-
115-
</script>
83+
<%= siteFooter %>
84+
<%= googleAnalytics %>
11685
</body>
11786
</html>

0 commit comments

Comments
 (0)