mirror_css/pixel-borders
1
0
Fork 0
mirror of https://github.com/NigelOToole/pixel-borders.git synced 2025-08-29 16:50:06 +02:00
Code Issues Releases Wiki Activity

Minor documentation fixes

Browse Source
This commit is contained in:
Nigel O'Toole
2019-05-23 10:58:15 +01:00
parent 6f63c6a540
commit a91496c140
4 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
README.md
View File

@@ -1,8 +1,7 @@
# Pixel borders
### A SASS mixin to add pixelated borders to HTML elements, which can be customized for different sizes, styles and colour coding.
[Live demo](http://nigelotoole.github.io/pixel-borders/)
## A SASS mixin to add pixelated borders to HTML elements, which can be customized for different sizes, styles and colour coding.
### [View demo](http://nigelotoole.github.io/pixel-borders/)
## Installation
@@ -17,13 +16,13 @@ $ npm install pixel-borders --save-dev
After installation you can import it into your SASS files with the statement below.
```scss
@import "pixel-borders/src/styles/pixel-borders.scss";
@import "node_modules/pixel-borders/src/styles/pixel-borders.scss";
```
You can also just import the mixins without the demo styles.
```scss
@import "pixel-borders/src/styles/pixel-borders/pixel-borders-mixins";
@import "node_modules/pixel-borders/src/styles/pixel-borders/pixel-borders-mixins";
```
#### Pixel borders mixin options

2
package.json
View File

@@ -1,7 +1,7 @@
{
"name": "pixel-borders",
"description": "SASS mixin to add pixelated borders to HTML elements.",
"version": "1.1.0",
"version": "1.1.1",
"main": "src/styles/pixel-borders.scss",
"repository": {
"type": "git",

4
src/index.html
View File

@@ -86,11 +86,11 @@
<p>After installation you can import it into your SASS files with the statement below.</p>
<pre><code>@import "pixel-borders/src/styles/pixel-borders.scss";</code></pre>
<pre><code>@import "node_modules/pixel-borders/src/styles/pixel-borders.scss";</code></pre>
<p>You can also just import the mixins without the demo styles.</p>
<pre><code>@import "pixel-borders/src/styles/pixel-borders/pixel-borders-mixins";</code></pre>
<pre><code>@import "node_modules/pixel-borders/src/styles/pixel-borders/pixel-borders-mixins";</code></pre>
<h4>Pixel borders mixin options</h4>

2
src/styles/site/_site.scss
View File

@@ -198,7 +198,7 @@ pre {
border-radius: 4px;
transition: background-color .3s, color .3s;
&:hover, &:active {
&:hover, &:focus, &:active {
background-color: #f3f3f3;
}
}