deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-05-06 15:56:42 +02:00
Code Issues Projects Releases Wiki Activity

Merge branch 'develop'

Browse source
This commit is contained in:
rhyneav 2017-12-16 09:08:59 -05:00
parent 178ff4398d 1cfdbb70b6
commit 922870098a
3 changed files with 21 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
index.html
View file

@ -1264,14 +1264,14 @@
<div class="section">
<h2 id="download">Download and Link</h2>
<h4>Download</h4>
<p>Download the latest version (1.3.0) using either of the links below. Or download an older release via Github.</p>
<p>Download the latest version (1.3.1) using either of the links below. Or download an older release via Github.</p>
<div class="row flex-spaces text-center">
<a class="paper-btn margin" href="https://github.com/papercss/papercss/releases/download/v1.3.0/paper.css">CSS File</a>
<a class="paper-btn margin" href="https://github.com/papercss/papercss/releases/download/v1.3.0/paper.min.css">Minified CSS File</a>
<a class="paper-btn margin" href="https://github.com/papercss/papercss/releases/download/v1.3.1/paper.css">CSS File</a>
<a class="paper-btn margin" href="https://github.com/papercss/papercss/releases/download/v1.3.1/paper.min.css">Minified CSS File</a>
<a class="paper-btn margin" href="https://github.com/papercss/papercss/releases">Github Releases</a>
</div>
<h4>NPM</h4>
<p>PaperCSS is now available on NPM as of version 1.3.0. Install with <code>npm install papercss --save</code> and find the CSS in:</p>
<p>PaperCSS is now available on NPM as of version 1.3.1. Install with <code>npm install papercss --save</code> and find the CSS in:</p>
<ul>
<li>node_modules/papercss/dist/paper.css</li>
<li>node_modules/papercss/dist/paper.min.css</li>
@ -1279,8 +1279,8 @@
<h4>CDN</h4>
<p>Don't want to download it? That's cool. You can just link to PaperCSS via <a href="https://unpkg.com/#/">unpkg's CDN</a>. You can use either:</p>
<ul>
<li><a href="https://unpkg.com/papercss@1.3.0/dist/paper.css">https://unpkg.com/papercss@1.3.0/dist/paper.css</a></li>
<li><a href="https://unpkg.com/papercss@1.3.0/dist/paper.min.css">https://unpkg.com/papercss@1.3.0/dist/paper.min.css</a></li>
<li><a href="https://unpkg.com/papercss@1.3.1/dist/paper.css">https://unpkg.com/papercss@1.3.1/dist/paper.css</a></li>
<li><a href="https://unpkg.com/papercss@1.3.1/dist/paper.min.css">https://unpkg.com/papercss@1.3.1/dist/paper.min.css</a></li>
</ul>
<p>Here's a quck snippet to get started with PaperCSS:</p>
<div class="docs">
@ -1290,7 +1290,7 @@
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;ie=edge&quot;&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;https://unpkg.com/papercss@1.3.0/dist/paper.min.css&quot;&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;https://unpkg.com/papercss@1.3.1/dist/paper.min.css&quot;&gt;
&lt;title&gt;Document&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;

4
package.json
View file

@ -1,7 +1,7 @@
{
"name": "papercss",
"version": "1.3.0",
"description": "Another CSS framework",
"version": "1.3.1",
"description": "The less formal CSS framework.",
"main": "index.js",
"scripts": {
"start": "node node_modules/gulp/bin/gulp.js",

24
src/modals.less
View file

@ -1,12 +1,12 @@
@import './colors.less';
@import './container.less';
@import './utilities.less';
.translate(@x; @y) {
-webkit-transform: translate(@x, @y);
-ms-transform: translate(@x, @y);
transform: translate(@x, @y);
}
.transition(@transition) {
-webkit-transition: @transition;
transition: @transition;
}
.transition-transform(@transition) {
-webkit-transition: -webkit-transform @transition;
-moz-transition: -moz-transform @transition;
@ -15,24 +15,24 @@
}
.modal{
&:before{
content: "";
content: "";
display: none;
background: rgba(0,0,0,.6);
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 10;
}
&:target{
&:before{
display: flex;
}
}
.modal-body{
.translate(0, 0);
top: 20%;
.translate(0, 0);
top: 20%;
}
}
@ -65,7 +65,7 @@
&:hover{
color: @muted;
}
}
.modal-title, h4 {