mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-28 16:30:09 +02:00
Code Issues Releases Wiki Activity

feat: added instagram icon

Browse Source
This commit is contained in:
Sazzad Sazib
2019-02-19 15:21:01 +06:00
parent f3b65160ab
commit 88e2364967
6 changed files with 4263 additions and 4077 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@@ -2,3 +2,4 @@ node_modules
.vscode
css
storybook-static
.DS_Store

1
docs/icons.stories.js
View File

@@ -16,6 +16,7 @@ stories.add('icon', () => {
'nes-icon whatsapp': 'nes-icon whatsapp',
'nes-icon gmail': 'nes-icon gmail',
'nes-icon linkedin': 'nes-icon linkedin',
'nes-icon instagram': 'nes-icon instagram',
'nes-icon close': 'nes-icon close',
'nes-icon coin': 'nes-icon coin',
'nes-pokeball': 'nes-pokeball',

8308
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

5
package.json
View File

@@ -3,7 +3,7 @@
"description": "NES.css is NES-style CSS Framework.",
"scripts": {
"watch": "npm run build:sass -- --watch",
"//": "Build task",
"//": "Misc",
"build": "run-p build:core build:main",
"build:core": "npm run build:sass-core && npm run build:autoprefix-core && npm run build:cleancss-core",
"build:main": "npm run build:sass && npm run build:autoprefix && npm run build:cleancss",
@@ -11,15 +11,12 @@
"prebuild:stylelint": "npm run stylelint -- --fix",
"prebuild:clean": "rimraf css",
"postbuild": "npm run build:storybook",
"//": "For nes.css",
"build:sass": "node-sass --output-style expanded --source-map true --functions scripts/scssFunctions.js scss/nes.scss css/nes.css",
"build:autoprefix": "postcss --use autoprefixer --map false --output css/nes.css css/nes.css",
"build:cleancss": "cleancss -o css/nes.min.css css/nes.css",
"//": "For nes-core.css",
"build:sass-core": "node-sass --output-style expanded --source-map true --functions scripts/scssFunctions.js scss/nes-core.scss css/nes-core.css",
"build:autoprefix-core": "postcss --use autoprefixer --map false --output css/nes-core.css css/nes-core.css",
"build:cleancss-core": "cleancss -o css/nes-core.min.css css/nes-core.css",
"//": "Misc",
"stylelint": "stylelint scss/**/*.scss",
"storybook": "start-storybook -p 6006",
"build:storybook": "build-storybook",

5
scss/icons/icons.scss
View File

@@ -15,6 +15,7 @@
@import "whatsapp.scss";
@import "gmail.scss";
@import "linkedin.scss";
@import "instagram.scss";
// others
@import "close.scss";
@@ -148,6 +149,10 @@
@include pixelize($default-size, $icon-linkedin, $icon-linkedin-colors);
}
&.instagram::before {
@include pixelize($default-size, $icon-instagram, $icon-instagram-colors);
}
&.coin::before {
@include pixelize($default-size, $icon-coin, $icon-coin-colors);
}

20
scss/icons/instagram.scss Normal file
View File

@@ -0,0 +1,20 @@
$icon-instagram-colors: (#fff, #8005c8, #d40075, #e98c25, #d84646);
// prettier-ignore
$icon-instagram: (
( 0,0,2,2,2,2,2,2,2,2,2,2,2,2,0,0),
( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
( 2,2,0,0,0,0,0,0,0,0,0,0,0,0,2,2),
( 2,2,0,0,0,0,0,0,0,0,0,2,2,0,2,2),
( 2,2,0,0,0,0,0,0,0,0,0,2,2,0,2,2),
( 2,2,0,0,0,0,2,2,2,2,0,0,0,0,2,2),
( 3,2,0,0,0,2,0,0,0,0,2,0,0,0,2,3),
( 3,3,0,0,0,2,0,0,0,0,2,0,0,0,3,3),
( 3,3,0,0,0,3,0,0,0,0,3,0,0,0,3,3),
( 3,3,0,0,0,3,0,0,0,0,3,0,0,0,3,3),
( 3,3,0,0,0,0,3,3,3,3,0,0,0,0,3,3),
( 3,4,0,0,0,0,0,0,0,0,0,0,0,0,4,3),
( 4,4,0,0,0,0,0,0,0,0,0,0,0,0,4,4),
( 4,4,0,0,0,0,0,0,0,0,0,0,0,0,4,4),
( 0,4,4,4,4,4,4,4,4,4,4,4,4,4,4,0),
( 0,0,4,4,4,4,4,4,4,4,4,4,4,4,0,0)
);