Skip to content

Clean up code #26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Mar 23, 2016
Merged

Clean up code #26

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
586 changes: 303 additions & 283 deletions docs/debug/index.html
View file
Open in desktop

Large diffs are not rendered by default.

124 changes: 67 additions & 57 deletions docs/elements/forms/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,27 +21,27 @@
<header class="w-100 pa3 ph5-ns bg-near-white">
<div class="dt w-100">
<div class="dtc v-mid tl w-50">
<a href="/" class="dib f5 f4-ns fw6 mt0 mb1 link black-50 dim" title="Home">
<a href="/" class="dib f5 f4-ns fw6 mt0 mb1 link black-70 dim" title="Home">
Tachyons
<div class="dib">
<small class="nowrap f6 mt2 mt3-ns pr2 black-50 fw2">v4.0.0-beta.5</small>
<small class="nowrap f6 mt2 mt3-ns pr2 black-70 fw2">v4.0.0-beta.12</small>
</div>
</a>
</div>
<div class="db dtc v-mid w-100 tr">

<a title="Documentation" href="/docs/"
class="f6 b dim link black-50 mr1 mr3-m mr4-l dib">
class="f6 fw6 dim link black-70 mr1 mr3-m mr4-l dib">
Docs
</a>
<a title="Components" href="/components/"
class="f6 fw6 dim link black-70 mr1 mr3-m mr4-l dib">
Components
</a>
<a title="Tachyons on GitHub" href="http://github.com/mrmrs/tachyons/"
class="f6 b dim link black-50 mr1 mr3-m mr4-l dib">
class="f6 fw6 dim link black-70 mr1 mr3-m mr4-l dn dib-ns">
GitHub
</a>
<a title="Tachyons Npm Modules" href="/#npm"
class="f6 b link black-50 dim dib">
Npm
</a>
</div>
</div>
</header>
Expand All @@ -52,53 +52,53 @@ <h4 class="f4 mv0 fw6 dib mr4">tachyons-forms</h4>
<span class="f4 b dib pl0 ml0 mr4">v2.0.1</span>
<span class="f4 b dib pl0 ml0 mr4">94 B</span>
<div>
<dl class="dib mr4 mt0">
<dt class="f6 db">Declarations </dt>
<dd class="db pl0 ml0 f4 f2-ns b">4</span></dd>
</dl>
<dl class="dib mr4">
<dt class="f6 db pr2">Selectors </dt>
<dd class="db pl0 ml0 f4 f2-ns b">2</dd>
</dl>
<dl class="dib mr4">
<dt class="f6 db pr2">Max. Specificity Score </dt>
<dd class="db pl0 ml0 f4 f2-ns b">10</dd>
</dl>
<dl class="dib mr4">
<dt class="f6 db pr2">Size of Avg. Rule </dt>
<dd class="db pl0 ml0 f4 f2-ns b">2</dd>
</dl>
<dl class="dib mr4 mt0">
<dt class="f6 db">Declarations </dt>
<dd class="db pl0 ml0 f4 f2-ns b">4</dd>
</dl>
<dl class="dib mr4">
<dt class="f6 db pr2">Selectors </dt>
<dd class="db pl0 ml0 f4 f2-ns b">2</dd>
</dl>
<dl class="dib mr4">
<dt class="f6 db pr2">Max. Specificity Score </dt>
<dd class="db pl0 ml0 f4 f2-ns b">10</dd>
</dl>
<dl class="dib mr4">
<dt class="f6 db pr2">Size of Avg. Rule </dt>
<dd class="db pl0 ml0 f4 f2-ns b">2</dd>
</dl>
</div>
<p class="measure f4 f3-ns lh-copy">
Tachyons has some basic form control resets to remove default styles for mobile devices.
</p>
</article>
<div class="ph3 ph5-ns pt4 pb5">
<h2 class="f3 bold">Examples</h2>
<form>
<code class="f6 db">input-reset</code>
<input type="text" class="input-reset">
</form>
<div class="mt5 cf">
<div class="dib mr4">
<h1 class="f4 ttu tracked fw6">Previous</h1>
<a href="/docs/layout/position/" class="link fw6 blue dim">Position</a>
</div>
<div class="dib">
<h1 class="f4 ttu tracked fw6">Next</h1>
<a href="/docs/themes/background-size/" class="link fw6 blue dim">Background Size</a>
</div>
</div>
<div class="mt5">
<h1 class="f4 ttu tracked fw6">Reference</h1>
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/%3Ahover" class="link db fw6 blue dim">MDN - Hover</a>
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afocus" class="link db fw6 blue dim">MDN - Focus</a>
</div>
</div>
<div class="ph3 ph5-ns pt4 pb5">
<h2 class="f3 bold">Examples</h2>
<form>
<code class="f6 db">input-reset</code>
<input type="text" class="input-reset">
</form>
<div class="mt5 cf">
<div class="dib mr4">
<h1 class="f4 ttu tracked fw6">Previous</h1>
<a href="/docs/elements/lists/" class="link fw6 blue dim">Lists</a>
</div>
<div class="dib">
<h1 class="f4 ttu tracked fw6">Next</h1>
<a href="/docs/typography/scale/" class="link fw6 blue dim">Type Scale</a>
</div>
</div>
<div class="mt5">
<h1 class="f4 ttu tracked fw6">Reference</h1>
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/%3Ahover" class="link db fw6 blue dim">MDN - Hover</a>
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/%3Afocus" class="link db fw6 blue dim">MDN - Focus</a>
</div>
</div>
<section class="bg-near-white black-70 pt4 pb5">
<header class="ph3 ph5-ns pt4">
<kbd class="yellow">src/_links.css</kbd>
</header>
<header class="ph3 ph5-ns pt4">
<kbd class="yellow">src/_links.css</kbd>
</header>
<pre class="ph3 ph5-ns">
<code class="code" style="font-size: .75rem;">
/*
Expand Down Expand Up @@ -132,7 +132,7 @@ <h2 class="f6 fw7 ttu tracked">Elements</h2>
<article class="fn fl-ns w-100 w-25-l">
<h2 class="f6 fw7 ttu tracked" id="typography">Typography</h2>
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/scale" title="Type">Type Scale</a>
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/measure/garamond/" title="Measure">Measure</a>
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/measure/" title="Measure">Measure</a>
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/line-height" title="Line Height">Line Height / Leading</a>
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/tracking" title="Tracking">Tracking</a>
<a class="f5 fw4 dim link blue db pv1" href="/docs/typography/font-weight" title="Font Weights">Font Weights</a>
Expand Down Expand Up @@ -170,29 +170,39 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
</div>

</main>
<footer class="bg-near-white mid-gray ph3 ph5-ns pv5 pv6-ns bt b--light-gray">
<footer class="bg-near-white mid-gray ph3 ph5-ns pv5 pv6-ns bt b--black-10">
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional CSS for Humans.&url=http://tachyons.io" target="_blank" class="dn mb3 twitter bg-white link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
</svg>
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
</a>
<div class="mb4">
<a class="black-70 link dim b dib mr3" href="/" title="Home">
Home
</a>
<a class="black-70 link dim b dib mr3" href="/docs" title="Docs">
Docs
</a>
<a class="black-70 link dim b dib mr3" href="/components/" title="Components">
Components
</a>
</div>
<article>
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
</article>

<p>
<a class="black-70 link dim b dib mr3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
<div class="mt4">
<a class="black-70 link dim b dib mr3 pv2" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
Join our Slack Channel
</a>
<a class="black-70 link dim b dib mr3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
<a class="black-70 link dim b dib mr3 pv2" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
Open an Issue
</a>
<a class="black-70 link dim b dib mr3" href="https://github.com/tachyons-css" title="Tachyons-css on GitHub">
<a class="black-70 link dim b dib mr3 pv2" href="https://github.com/tachyons-css" title="Tachyons-css on GitHub">
GitHub
</a>
</p>
</div>
<p class="measure copy lh-copy">
Have a question? Need help? Feel free to open an issue on GitHub or ask a
question in our slack channel. We're here to try and help make designing in
Expand Down
94 changes: 50 additions & 44 deletions docs/elements/images/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,35 +17,30 @@

</head>
<body class="w-100 sans-serif">

<header class="w-100 pa3 ph5-ns bg-near-white">
<div class="dt w-100">
<div class="dtc v-mid tl w-50">
<a href="/" class="dib f5 f4-ns fw6 mt0 mb1 link black-50 dim" title="Home">
<a href="/" class="dib f5 f4-ns fw6 mt0 mb1 link black-70 dim" title="Home">
Tachyons
<div class="dib">
<small class="nowrap f6 mt2 mt3-ns pr2 black-50 fw2">v4.0.0-beta.7</small>
<small class="nowrap f6 mt2 mt3-ns pr2 black-70 fw2">v4.0.0-beta.12</small>
</div>
</a>
</div>
<div class="db dtc v-mid w-100 tr">

<a title="Documentation" href="/docs/"
class="f6 b dim link black-50 mr1 mr3-m mr4-l dib">
class="f6 fw6 dim link black-70 mr1 mr3-m mr4-l dib">
Docs
</a>
<a title="Components" href="/components/"
class="f6 b dim link black-50 mr1 mr3-m mr4-l dib">
class="f6 fw6 dim link black-70 mr1 mr3-m mr4-l dib">
Components
</a>
<a title="Tachyons on GitHub" href="http://github.com/mrmrs/tachyons/"
class="f6 b dim link black-50 mr1 mr3-m mr4-l dib">
class="f6 fw6 dim link black-70 mr1 mr3-m mr4-l dn dib-ns">
GitHub
</a>
<a title="Tachyons Npm Modules" href="/#npm"
class="f6 b link black-50 dim dib">
Npm
</a>
</div>
</div>
</header>
Expand All @@ -54,34 +49,35 @@
<article class="bg-near-white bt b--black-10 pa3 ph5-ns">
<h4 class="f4 mv0 fw6 dib mr4">images</h4>
</article>
<div class="ph3 ph5-ns pt4 pb5">
<h2 class="f3 bold">Examples</h2>
<h3 class="f5 book pt4 caps">Image</h3>
<p class="measure lh-copy f5 f4-ns">
This photo is more than 3000 pixels wide. The width is set to 100% to ensure it doesn't bleed off the viewport and always fills its container. In some situations, this will make the image stretch to be larger than it's actual width. To avoid the image stretching past it's width, set max-width instead.
</p>
<code class="f6 db mv3">&lt;img src="/img/over-canvas.jpg" class="w-100"&gt;</code>
<img src="/img/over-canvas.jpg" class="w-100">
<p class="f5 f4-ns lh-copy measure mt4">The image below is 720 pixels wide, it will fill it's container until the container is wider than 720 pixels.

<code class="f6 db mv3">&lt;img src="/img/under-canvas.jpg" class="mw-100"&gt;</code>
<img src="/img/under-canvas.jpg" class="db mw-100">
<div class="mt5 cf">
<div class="dib mr4">
<h1 class="f4 ttu tracked fw6">Previous</h1>
<a href="/docs/debug/" class="link fw6 blue dim">Debug</a>
</div>
<div class="dib">
<h1 class="f4 ttu tracked fw6">Next</h1>
<a href="/docs/typography/scale/" class="link fw6 blue dim">Type Scale</a>
</div>
</div>
<div class="mt5">
<h1 class="f4 ttu tracked fw6">Reference</h1>
<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img" class="db link fw6 blue dim">MDN - Images HTML</a>
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/image" class="db link fw6 blue dim">MDN - Images CSS</a>
</div>
</div>
<div class="ph3 ph5-ns pt4 pb5">
<h2 class="f3 bold">Examples</h2>
<h3 class="f5 book pt4 caps">Image</h3>
<p class="measure lh-copy f5 f4-ns">
This photo is more than 3000 pixels wide. The width is set to 100% to ensure it doesn't bleed off the viewport and always fills its container. In some situations, this will make the image stretch to be larger than it's actual width. To avoid the image stretching past it's width, set max-width instead.
</p>
<code class="f6 db mv3">&lt;img src="/img/over-canvas.jpg" class="w-100"&gt;</code>
<img src="/img/over-canvas.jpg" class="w-100">
<p class="f5 f4-ns lh-copy measure mt4">
The image below is 720 pixels wide, it will fill it's container until the container is wider than 720 pixels.
</p>
<code class="f6 db mv3">&lt;img src="/img/under-canvas.jpg" class="mw-100"&gt;</code>
<img src="/img/under-canvas.jpg" class="db mw-100">
<div class="mt5 cf">
<div class="dib mr4">
<h1 class="f4 ttu tracked fw6">Previous</h1>
<a href="/docs/themes/border-radius/" class="link fw6 blue dim">Border Radius</a>
</div>
<div class="dib">
<h1 class="f4 ttu tracked fw6">Next</h1>
<a href="/docs/elements/links/" class="link fw6 blue dim">Links</a>
</div>
</div>
<div class="mt5">
<h1 class="f4 ttu tracked fw6">Reference</h1>
<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img" class="db link fw6 blue dim">MDN - Images HTML</a>
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/image" class="db link fw6 blue dim">MDN - Images CSS</a>
</div>
</div>
<div class="ph3 ph5-ns pt3 pb5">
<section>
<h2 class="f6 fw7 ttu tracked">Elements</h2>
Expand Down Expand Up @@ -138,22 +134,32 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
</svg>
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
</a>
<div class="mb4">
<a class="black-70 link dim b dib mr3" href="/" title="Home">
Home
</a>
<a class="black-70 link dim b dib mr3" href="/docs" title="Docs">
Docs
</a>
<a class="black-70 link dim b dib mr3" href="/components/" title="Components">
Components
</a>
</div>
<article>
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
</article>

<p>
<a class="black-70 link dim b dib mr3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
<div class="mt4">
<a class="black-70 link dim b dib mr3 pv2" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
Join our Slack Channel
</a>
<a class="black-70 link dim b dib mr3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
<a class="black-70 link dim b dib mr3 pv2" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
Open an Issue
</a>
<a class="black-70 link dim b dib mr3" href="https://github.com/tachyons-css" title="Tachyons-css on GitHub">
<a class="black-70 link dim b dib mr3 pv2" href="https://github.com/tachyons-css" title="Tachyons-css on GitHub">
GitHub
</a>
</p>
</div>
<p class="measure copy lh-copy">
Have a question? Need help? Feel free to open an issue on GitHub or ask a
question in our slack channel. We're here to try and help make designing in
Expand Down
Loading