mirror of
https://github.com/papercss/papercss
synced 2024-06-15 20:25:10 +02:00
Merge
This commit is contained in:
commit
25345929fc
|
@ -21,7 +21,7 @@ Don't want to download it? That's cool. You can just link to PaperCSS via unpkg'
|
|||
- https://unpkg.com/papercss@1.1.0/dist/paper.min.css
|
||||
|
||||
## Quick Start
|
||||
```
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
@ -64,6 +64,8 @@ Here's the full workflow for customization:
|
|||
- Once `npm start` or `npm run build` has been run then it will create the new css so that the new color can be used as a text, border or background
|
||||
|
||||
## Contributing
|
||||
Check out what's been added but not yet releases at [develop.getpapercss.com](https://develop.getpapercss.com)
|
||||
|
||||
This project is open source and contributions are very welcomed. It is also as beginner friendly as possible, so don't be afraid to jump in if you've never contributed to any Git project before! Feel free to reach out if you are new and need help with the process.
|
||||
|
||||
Similar to customizing, make sure you have Git, Node, and NPM on your system.
|
||||
|
|
46
index.html
46
index.html
|
@ -166,7 +166,7 @@
|
|||
</div>
|
||||
<div class="row flex-center">
|
||||
<div class="sm-4 col">Aligned</div>
|
||||
<div class="sm-4 col">Right (flex-right)</div>
|
||||
<div class="sm-4 col">Center (flex-center)</div>
|
||||
</div>
|
||||
<div class="row flex-edges">
|
||||
<div class="sm-4 col">Aligned</div>
|
||||
|
@ -278,30 +278,30 @@
|
|||
<div id="forms" class="section">
|
||||
<h2>Forms</h2>
|
||||
<div class="form-group">
|
||||
<label>Input</label>
|
||||
<input type="text" placeholder="Nice input">
|
||||
<label for="paperInputs1">Input</label>
|
||||
<input type="text" placeholder="Nice input" id="paperInputs1">
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col sm-4">
|
||||
<div class="form-group">
|
||||
<label>Block Level</label>
|
||||
<input class="input-block" type="text">
|
||||
<label for="paperInputs2">Block Level</label>
|
||||
<input class="input-block" type="text" id="paperInputs2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col sm-8">
|
||||
<div class="form-group">
|
||||
<label>Block Level</label>
|
||||
<input class="input-block" type="text">
|
||||
<label for="paperInputs3">Block Level</label>
|
||||
<input class="input-block" type="text" id="paperInputs3">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Disabled</label>
|
||||
<input type="text" placeholder="Disabled" disabled>
|
||||
<label for="paperInputs4">Disabled</label>
|
||||
<input type="text" placeholder="Disabled" id="paperInputs4" disabled>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Select</label>
|
||||
<select>
|
||||
<label for="paperSelects1">Select</label>
|
||||
<select id="paperSelects1">
|
||||
<option value="1">Option 1</option>
|
||||
<option value="2">Option 2</option>
|
||||
<option value="3">Option 3</option>
|
||||
|
@ -328,30 +328,30 @@
|
|||
<div class="docs">
|
||||
<pre>
|
||||
<div class="form-group">
|
||||
<label>Input</label>
|
||||
<input type="text" placeholder="Nice input">
|
||||
<label for="paperInputs1">Input</label>
|
||||
<input type="text" placeholder="Nice input" id="paperInputs1">
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col sm-4">
|
||||
<div class="form-group">
|
||||
<label>Block Level</label>
|
||||
<input class="input-block" type="text">
|
||||
<label for="paperInputs2">Block Level</label>
|
||||
<input class="input-block" type="text" id="paperInputs2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col sm-8">
|
||||
<div class="form-group">
|
||||
<label>Block Level</label>
|
||||
<input class="input-block" type="text">
|
||||
<label for="paperInputs3">Block Level</label>
|
||||
<input class="input-block" type="text" id="paperInputs3">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Disabled</label>
|
||||
<input type="text" placeholder="Disabled" disabled>
|
||||
<label for="paperInputs4">Disabled</label>
|
||||
<input type="text" placeholder="Disabled" id="paperInputs4" disabled>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Select</label>
|
||||
<select>
|
||||
<label for="paperSelects1">Select</label>
|
||||
<select id="paperSelects1">
|
||||
<option value="1">Option 1</option>
|
||||
<option value="2">Option 2</option>
|
||||
<option value="3">Option 3</option>
|
||||
|
@ -649,6 +649,10 @@ function add(x, y) {
|
|||
<button popover-top="Popover on top">Popover on top and on a button!</button></pre>
|
||||
</div>
|
||||
</div>
|
||||
<<<<<<< HEAD
|
||||
=======
|
||||
|
||||
>>>>>>> refs/remotes/rhyneav/master
|
||||
<div id="cards" class="section">
|
||||
<h2>Cards</h2>
|
||||
<h4>Full card example</h4>
|
||||
|
|
|
@ -53,7 +53,7 @@ input, select {
|
|||
input + span:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: -.25rem;
|
||||
position: relative;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
border: 2px solid @primary;
|
||||
|
|
Loading…
Reference in a new issue