Skip to content

Commit 0849304

Browse files
author
BrianSipple
committed
Initial project setup and variable implementation
0 parents  commit 0849304

13 files changed

+3428
-0
lines changed

‎.gitignore‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
build/*
2+
node_modules/*
3+
4+
yarn-error.log
5+
npm-debug.log*

‎CHANGELOG.md‎

Whitespace-only changes.

‎LICENSE‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
The MIT License (MIT)
2+
3+
Copyright (c) 2017 Ticketfly
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
6+
7+
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
8+
9+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

‎README.md‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
# Ticketfly CSS Box-Shadow Variables
2+
3+
[![Latest NPM release][npm-badge]][npm-badge-url]
4+
[![CircleCI Build Status][circle-badge]][circle-badge-url]
5+
[![License][license-badge]][license-badge-url]
6+
[![Dependencies][dependencies-badge]][dependencies-badge-url]
7+
[![Dev Dependencies][devDependencies-badge]][devDependencies-badge-url]
8+
9+
10+
_Box-shadow variables for Ticketfly CSS._
11+
12+
13+
## Installation
14+
15+
Installing with `npm`:
16+
17+
```bash
18+
npm install ticketfly-css-box-shadow-variables
19+
```
20+
21+
Installing with `yarn`:
22+
23+
```bash
24+
yarn add ticketfly-css-box-shadow-variables
25+
```
26+
27+
## Developing
28+
29+
### Notable `npm scripts`
30+
31+
- `npm test`: lint the CSS the contents of this project's source CSS.
32+
- `npm run serve:test`: Build and serve the project.
33+
+ You can then find the "visual testing" demo by navigating `test/` directory in your browser.
34+
35+
36+
37+
[npm-badge]: https://img.shields.io/npm/v/ticketfly-css-box-shadow-variables.svg
38+
[npm-badge-url]: https://www.npmjs.com/package/ticketfly-css-box-shadow-variables
39+
[circle-badge]: https://circleci.com/gh/Ticketfly-UI/ticketfly-css-box-shadow-variables/tree/master.svg?style=svg&circle-token={{CIRCLE_TOKEN}}
40+
[circle-badge-url]: https://circleci.com/gh/Ticketfly-UI/ticketfly-css-box-shadow-variables/tree/master
41+
[license-badge]: https://img.shields.io/npm/l/ticketfly-css-box-shadow-variables.svg
42+
[license-badge-url]: LICENSE
43+
[dependencies-badge]: https://img.shields.io/david/Ticketfly-UI/ticketfly-css-box-shadow-variables.svg
44+
[dependencies-badge-url]: https://david-dm.org/Ticketfly-UI/ticketfly-css-box-shadow-variables
45+
[devDependencies-badge]: https://img.shields.io/david/dev/Ticketfly-UI/ticketfly-css-box-shadow-variables.svg
46+
[devDependencies-badge-url]: https://david-dm.org/Ticketfly-UI/ticketfly-css-box-shadow-variables#info=devDependencies
47+
48+

‎circle.yml‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
machine:
2+
node:
3+
version: "stable"

‎index.css‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
:root {
2+
--box-shadow-1:
3+
0 .125rem .125rem 0 color(black a(14%)),
4+
0 .0625rem .3125rem 0 color(black a(12%)),
5+
0 .1875rem .0625rem -.125rem color(black a(20%));
6+
7+
--box-shadow-2:
8+
0 .25rem .3125rem 0 color(black a(14%)),
9+
0 .0625rem .625rem 0 color(black a(12%)),
10+
0 .25rem .3125rem -.1875rem color(black a(30%));
11+
12+
--box-shadow-3:
13+
0 .375rem .625rem 0 color(black a(14%)),
14+
0 .1875rem 1.125rem 0 color(black a(12%)),
15+
0 .3125rem .625rem -.125rem color(black a(30%));
16+
17+
--box-shadow-4:
18+
0 .5rem .625rem .0625rem color(black a(14%)),
19+
0 .1875rem 1.125rem .125rem color(black a(12%)),
20+
0 .5rem .625rem -.125rem color(black a(30%));
21+
22+
--box-shadow-5:
23+
0 1rem 1.5rem .125rem color(black a(14%)),
24+
0 .375rem 1.875rem .3125rem color(black a(12%)),
25+
0 .75rem 1.1875rem -.1875rem color(black a(30%));
26+
27+
--box-shadow-6:
28+
0 1.1875rem 1.5rem color(black a(22%)),
29+
0 .9375rem 4.75rem color(black a(30%));
30+
}

‎package.json‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
{
2+
"name": "ticketfly-css-box-shadow-variables",
3+
"version": "0.0.0",
4+
"description": "Box-Shadow variables for Ticketfly CSS",
5+
"main": "index.css",
6+
"style": "index.css",
7+
"keywords": [
8+
"ticketfly-css",
9+
"ticketfly-css box-shadow",
10+
"ticketfly-css box-shadow variables",
11+
"ticketfly-css variables",
12+
"css box-shadow",
13+
"css"
14+
],
15+
"repository": {
16+
"url": "https://github.com/Ticketfly-UI/ticketfly-css-box-shadow-variables.git",
17+
"type": "git"
18+
},
19+
"files": [
20+
"index.css"
21+
],
22+
"bugs": {
23+
"url": "https://github.com/Ticketfly-UI/ticketfly-css-box-shadow-variables/issues"
24+
},
25+
"homepage": "https://github.com/Ticketfly-UI/ticketfly-css-box-shadow-variables",
26+
"author": "Brian Sipple <@Brian_Sipple>",
27+
"license": "MIT",
28+
"devDependencies": {
29+
"cssnano": "^3.9.1",
30+
"del-cli": "^0.2.1",
31+
"http-server": "^0.9.0",
32+
"npmpub": "^3.1.0",
33+
"postcss-cli": "^2.6.0",
34+
"postcss-cssnext": "^2.9.0",
35+
"postcss-import": "^9.0.0",
36+
"stylelint": "^7.7.0",
37+
"stylelint-config-ticketfly": "^0.1.0"
38+
},
39+
"scripts": {
40+
"clean": "del build/**",
41+
"setup": "mkdir -p build",
42+
"transform": "postcss --config postcss.config.js",
43+
"minify": "postcss -u cssnano build/ticketfly-css-color-garnishes.css -o build/ticketfly-css-color-garnishes.min.css",
44+
"build:dist": "npm run setup && npm run transform",
45+
"build:dist:min": "npm run build:dist && npm run minify",
46+
"build:test": "npm run clean && npm run transform && postcss -u postcss-import -u postcss-cssnext test/index-test.css -o build/test.css",
47+
"build:lint": "npm run setup && postcss --config test/postcss-config.js",
48+
"serve:test": "npm run build:test && http-server -p 4802 -o",
49+
"lint:css": "npm run build:lint && rm build/lint.css",
50+
"test": "npm run lint:css",
51+
"prepublish": "npm run test && npm run build:test && npm run build:dist",
52+
"release": "npmpub"
53+
}
54+
}

‎postcss.config.js‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
/* global module */
2+
module.exports = {
3+
input: 'index.css',
4+
output: 'build/ticketfly-css-box-shadow-variables.css',
5+
6+
use: [
7+
'postcss-cssnext'
8+
]
9+
};

‎stylelint.config.js‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
/* global module */
2+
module.exports = {
3+
extends: 'stylelint-config-ticketfly'
4+
};

‎test/index-test.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
@import "../index.css";
2+
3+
html {
4+
font-size: 100%;
5+
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
6+
}

0 commit comments

Comments
 (0)