deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-06-20 06:35:37 +02:00
Code Issues Projects Releases Wiki Activity

Add download details

Browse source
This commit is contained in:
rhyneav 2017-10-14 10:36:30 -04:00
parent 7c79ff885f
commit 32488a430e
1 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
index.html
View file

@ -17,10 +17,10 @@
</div>
</div>
<div class="row flex-center child-borders">
<a href="#flexbox" class="paper-btn margin">Download</a>
<a href="#download" class="paper-btn margin">Download</a>
<a href="#flexbox" class="paper-btn margin">Docs</a>
<a href="#about" class="paper-btn margin">About</a>
<a href="" class="paper-btn margin">Github</a>
<a href="https://github.com/rhyneav/papercss" class="paper-btn margin">Github</a>
</div>
</div>
<div id="flexbox" class="section">
@ -191,12 +191,13 @@
</div>
<div class="section">
<h2>Buttons</h2>
<p>Borrowed from <a href="https://codepen.io/tmrDevelops/pen/VeRvKX" target="_blank">Imprefect Buttons</a></p>
<p>Insprired by <a href="https://codepen.io/tmrDevelops/pen/VeRvKX" target="_blank">Imprefect Buttons</a></p>
<button class="btn-large">Large</button>
<button>Default</button>
<button class="btn-small">Small</button>
<div class="docs">
<pre>
&lt;p&gt;Insprired by &lt;a href=&quot;https://codepen.io/tmrDevelops/pen/VeRvKX&quot; target=&quot;_blank&quot;&gt;Imprefect Buttons&lt;/a&gt;&lt;/p&gt;
&lt;button class=&quot;btn-large&quot;&gt;Large&lt;/button&gt;
&lt;button&gt;Default&lt;/button&gt;
&lt;button class=&quot;btn-small&quot;&gt;Small&lt;/button&gt;</pre>
@ -620,6 +621,18 @@ function add(x, y) {
<p>If you don't like the default, you can just add the class <code>no-responsive</code> to prevent the image from being responsive. You can also remove the default border with <code>no-border</code>.</p>
<img src="https://unsplash.it/300" alt="Not responsive Unsplash" class="no-responsive no-border">
</div>
<div class="section">
<h2 id="download">Download</h2>
<p>Links coming soon!</p>
<p>In the meantime, you can build the CSS yourself via the git repo</p>
<ol>
<li><code>git clone https://github.com/rhyneav/papercss.git</code></li>
<li><code>npm install</code></li>
<li><code>npm run build</code></li>
<li>Grab the CSS out of the /dist folder created</li>
</ol>
<p>You can also go into colors.less to change around the colors of your new CSS.</p>
</div>
<div class="section">
<h2 id="about">About</h2>
<p>I got tired of mODerN STylEs and clean pages on the internet. I also wanted to learn more about Flexbox and Less. So I made Paper CSS to solve these two challenges of mine :)</p>