mirror_css/pixel-borders
1
0
Fork 0
mirror of https://github.com/NigelOToole/pixel-borders.git synced 2025-08-14 01:44:21 +02:00
Code Issues Releases Wiki Activity

It's Sass, not SASS

Browse Source
This commit is contained in:
Kaelig
2019-05-28 11:33:07 -07:00
parent a91496c140
commit a7a6afb04d
4 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@@ -1,5 +1,5 @@
# 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. ### 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/) ### [View demo](http://nigelotoole.github.io/pixel-borders/)
@@ -13,7 +13,7 @@ $ npm install pixel-borders --save-dev
### Import ### Import
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 "node_modules/pixel-borders/src/styles/pixel-borders.scss"; @import "node_modules/pixel-borders/src/styles/pixel-borders.scss";

6
docs/index.html
View File

@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Pixel borders - SASS mixin to add pixelated borders to HTML elements</title> <title>Pixel borders - Sass mixin to add pixelated borders to HTML elements</title>
<link rel="stylesheet" href="styles/site.css"> <link rel="stylesheet" href="styles/site.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cutive+Mono|Lato:300,400"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cutive+Mono|Lato:300,400">
@@ -30,7 +30,7 @@
<div class="fullwidth"> <div class="fullwidth">
<div class="container separator"> <div class="container separator">
<h2 class="m-0">A SASS mixin to add pixelated borders to HTML elements, which can be customized for different sizes, styles and colour coding.</h2> <h2 class="m-0">A Sass mixin to add pixelated borders to HTML elements, which can be customized for different sizes, styles and colour coding.</h2>
</div> </div>
</div> </div>
@@ -84,7 +84,7 @@
<h3>Import</h3> <h3>Import</h3>
<p>After installation you can import it into your SASS files with the statement below. Alternatively you can download the pixel-borders.scss from this repo and add it to your project folder directly.</p> <p>After installation you can import it into your Sass files with the statement below. Alternatively you can download the pixel-borders.scss from this repo and add it to your project folder directly.</p>
<pre><code>@import "pixel-borders/src/styles/pixel-borders.scss";</code></pre> <pre><code>@import "pixel-borders/src/styles/pixel-borders.scss";</code></pre>

2
package.json
View File

@@ -1,6 +1,6 @@
{ {
"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.1", "version": "1.1.1",
"main": "src/styles/pixel-borders.scss", "main": "src/styles/pixel-borders.scss",
"repository": { "repository": {

6
src/index.html
View File

@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Pixel borders - SASS mixin to add pixelated borders to HTML elements</title> <title>Pixel borders - Sass mixin to add pixelated borders to HTML elements</title>
<link rel="stylesheet" href="styles/site.css"> <link rel="stylesheet" href="styles/site.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cutive+Mono|Lato:300,400"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cutive+Mono|Lato:300,400">
@@ -30,7 +30,7 @@
<div class="fullwidth"> <div class="fullwidth">
<div class="container separator"> <div class="container separator">
<h2 class="m-0">A SASS mixin to add pixelated borders to HTML elements, which can be customized for different sizes, styles and colour coding.</h2> <h2 class="m-0">A Sass mixin to add pixelated borders to HTML elements, which can be customized for different sizes, styles and colour coding.</h2>
</div> </div>
</div> </div>
@@ -84,7 +84,7 @@
<h3>Import</h3> <h3>Import</h3>
<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 "node_modules/pixel-borders/src/styles/pixel-borders.scss";</code></pre> <pre><code>@import "node_modules/pixel-borders/src/styles/pixel-borders.scss";</code></pre>