mirror_css/pixel-borders
1
0
Fork 0
mirror of https://github.com/NigelOToole/pixel-borders.git synced 2025-08-30 09:10:02 +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 # 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/) ### [View 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.
## Installation ## 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. After installation you can import it into your SASS files with the statement below.
```scss ```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. You can also just import the mixins without the demo styles.
```scss ```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 #### Pixel borders mixin options

2
package.json
View File

@@ -1,7 +1,7 @@
{ {
"name": "pixel-borders", "name": "pixel-borders",
"description": "SASS mixin to add pixelated borders to HTML elements.", "description": "SASS mixin to add pixelated borders to HTML elements.",
"version": "1.1.0", "version": "1.1.1",
"main": "src/styles/pixel-borders.scss", "main": "src/styles/pixel-borders.scss",
"repository": { "repository": {
"type": "git", "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> <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> <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> <h4>Pixel borders mixin options</h4>

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

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