bitstyles 0.8.0

data/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "bitstyles",
+  "version": "0.8.0",
+  "description": "The Bitcrowd CSS library",
+  "main": "bitstyles.scss",
+  "scripts": {
+    "build": "node-sass scss/bitstyles.scss -o build --output-style compact",
+    "postbuild": "postcss -c postcss_build.json",
+    "lint:scss": "postcss -c postcss_lint.json",
+    "lint:js": "eslint .",
+    "lint": "npm run lint:scss && npm run lint:js",
+
+    "test:build": "npm run test:build:base && npm run test:build:objects && npm run test:build:layout && npm run test:build:components && npm run test:build:trumps",
+    "test:build:base": "backstop reference --configPath=test/backstop_tests/base.json",
+    "test:build:objects": "backstop reference --configPath=test/backstop_tests/objects.json",
+    "test:build:layout": "backstop reference --configPath=test/backstop_tests/layout.json",
+    "test:build:components": "backstop reference --configPath=test/backstop_tests/components.json",
+    "test:build:trumps": "backstop reference --configPath=test/backstop_tests/trumps.json",
+
+    "test": "npm run test:base && npm run test:layout && npm run test:objects && npm run test:components && npm run test:trumps",
+    "test:base": "backstop test --configPath=test/backstop_tests/base.json",
+    "test:objects": "backstop test --configPath=test/backstop_tests/objects.json",
+    "test:layout": "backstop test --configPath=test/backstop_tests/layout.json",
+    "test:components": "backstop test --configPath=test/backstop_tests/components.json",
+    "test:trumps": "backstop test --configPath=test/backstop_tests/trumps.json",
+
+    "checks": "npm run lint && npm run test",
+    "prestyleguide": "npm run build && cat build/bitstyles.css styleguide/assets/stylesheets/styleguide-extras.css > build/bitstyles_styleguide.css",
+    "styleguide": "scripts/styleguide.sh",
+    "watch": "npm run build && npm run build -- --watch --recursive",
+    "clean": "rimraf build/*",
+    "precss:stats": "npm run build",
+    "css:stats": "parker build/bitstyles.css --format=json > test/css-stats.json",
+    "precss:graph": "npm run build",
+    "css:graph": "specificity-graph build/bitstyles.css --output test/specificity_graph/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bitcrowd/bitstyles.git"
+  },
+  "keywords": [
+    "css",
+    "sass"
+  ],
+  "author": {
+    "name": "Bitcrowd GmbH.",
+    "email": "info@bitcrowd.net"
+  },
+  "contributors": [
+    {
+      "name": "Darren Cadwallader"
+    },
+    {
+      "name": "Charlie Owen"
+    }
+  ],
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/bitcrowd/bitstyles/issues"
+  },
+  "homepage": "https://github.com/bitcrowd/bitstyles#readme",
+  "devDependencies": {
+    "autoprefixer": "^6.5.0",
+    "cssnano": "^3.7.7",
+    "eslint": "^3.7.1",
+    "eslint-config-bitcrowd": "0.0.3",
+    "eslint-config-bitcrowd-base": "^8.0.0",
+    "eslint-plugin-import": "^1.16.0",
+    "node-sass": "^3.10.1",
+    "parker": "1.0.0-alpha.0",
+    "postcss": "^5.2.4",
+    "postcss-bem-linter": "^2.6.0",
+    "postcss-cli": "^2.6.0",
+    "postcss-reporter": "^1.4.1",
+    "postcss-scss": "^0.3.1",
+    "rimraf": "^2.5.4",
+    "sc5-styleguide": "^1.2.0",
+    "specificity-graph": "^0.1.7",
+    "stylelint": "^7.4.2",
+    "stylelint-config-standard": "^13.0.2"
+  },
+  "files": [
+    "scss"
+  ]
+}

data/postcss_build.json

@@ -0,0 +1,12 @@
+{
+  "use": ["autoprefixer", "cssnano"],
+  "input": "build/bitstyles.css",
+  "output": "build/bitstyles.css",
+  "local-plugins": true,
+  "autoprefixer": {
+    "browsers": ["last 3 versions"]
+  },
+  "cssnano": {
+    "safe": true
+  }
+}

data/postcss_lint.json

@@ -0,0 +1,11 @@
+{
+  "use": ["stylelint", "postcss-bem-linter", "postcss-reporter"],
+  "input": "./scss/**/*.scss",
+  "dir": "./tmp/",
+  "local-plugins": true,
+  "syntax": "postcss-scss",
+  "postcss-bem-linter": {
+    "componentName": "^[a-zA-Z0-9-]+$",
+    "componentSelectors": "\\.#{\\$bitstyles-namespace}(l-|c-|o-|t-|is-|has-|js-){componentName}(?:__[a-zA-Z0-9-]+)?(?:--[a-zA-Z0-9-]+)?(?:\\[.+\\])?"
+  }
+}

data/scripts/styleguide.sh

@@ -0,0 +1,16 @@
+#!/bin/sh
+
+styleguide \
+  --kss-source 'scss/**/*.scss' \
+  --style-source 'build/bitstyles_styleguide.css' \
+  --output 'styleguide' \
+  --overviewPath 'README.md' \
+  --readOnly \
+  --watch \
+  --server \
+  --disableEncapsulation \
+  --title 'bitstyles' \
+  --extraHead '<script src="/assets/javascripts/a11y-dialog.js"></script>' \
+  --extraHead '<script src="/assets/javascripts/styleguide-init.js"></script>' \
+  --extraHead '<script src="/assets/javascripts/modal.js"></script>' \
+  --extraHead '<script src="/assets/javascripts/expander.js"></script>' \

data/scss/bitstyles/base/_figure.scss

@@ -0,0 +1,9 @@
+// Figure and figcaption
+//
+// markup:
+// <figure>
+//   <img src="assets/images/placeholder_16-9.png">
+//   <figcaption>An image at 16:9 aspect ratio</figcaption>
+// </figure>
+//
+// Styleguide 4.13

data/scss/bitstyles/base/_forms.scss

@@ -0,0 +1,182 @@
+// Forms
+//
+// Styleguide 4.16
+
+// fieldset
+//
+// markup:
+// <fieldset><legend>Fieldset</legend></fieldset>
+//
+// Styleguide 4.16.1
+
+// input - text
+//
+// markup:
+// <input type="text" placeholder="Jelly cake marshmallow">
+//
+// Styleguide 4.16.2
+
+// input - email
+//
+// markup:
+// <input type="email" placeholder="jellycake@marshmallow.com">
+//
+// Styleguide 4.16.3
+
+// input - number
+//
+// markup:
+// <input type="number" placeholder="123456789">
+//
+// Styleguide 4.16.4
+
+// input - range
+//
+// markup:
+// <input type="range" min="0" max="10" step="1">
+//
+// Styleguide 4.16.5
+
+// textarea
+//
+// markup:
+// <textarea>Jelly cake marshmallow. Pie cotton candy chupa chups marzipan liquorice cheesecake wafer.</textarea>
+//
+// Styleguide 4.16.6
+
+// select
+//
+// markup:
+// <select>
+//   <option value="value1" selected>Value 1</option>
+//   <option value="value2">Value 2</option>
+//   <option value="value3">Value 3</option>
+// </select>
+//
+// Styleguide 4.16.7
+
+// label
+//
+// markup:
+// <label>Jelly cake marshmallow. Pie cotton candy chupa chups marzipan liquorice cheesecake wafer.</label>
+//
+// Styleguide 4.16.8
+
+// input - radio
+//
+// markup:
+// <input type="radio">
+//
+// Styleguide 4.16.9
+
+// input - checkbox
+//
+// markup:
+// <input type="checkbox">
+//
+// Styleguide 4.16.10
+
+// input - button
+//
+// markup:
+// <input type="button" value="Button">
+//
+// Styleguide 4.16.11
+
+// input - color
+//
+// markup:
+// <input type="color">
+//
+// Styleguide 4.16.12
+
+// input - date
+//
+// markup:
+// <input type="date">
+//
+// Styleguide 4.16.13
+
+// input - datetime-local
+//
+// markup:
+// <input type="datetime-local">
+//
+// Styleguide 4.16.14
+
+// input - file
+//
+// markup:
+// <input type="file">
+//
+// Styleguide 4.16.15
+
+// input - image
+//
+// markup:
+// <input type="image" src="assets/images/placeholder_button.png" alt="Image">
+//
+// Styleguide 4.16.16
+
+// input - month
+//
+// markup:
+// <input type="month">
+//
+// Styleguide 4.16.17
+
+// input - password
+//
+// markup:
+// <input type="password" value="Password">
+//
+// Styleguide 4.16.18
+
+// input - reset
+//
+// markup:
+// <input type="reset">
+//
+// Styleguide 4.16.19
+
+// input - search
+//
+// markup:
+// <input type="search">
+//
+// Styleguide 4.16.20
+
+// input - submit
+//
+// markup:
+// <input type="submit" value="Submit">
+//
+// Styleguide 4.16.21
+
+// input - tel
+//
+// markup:
+// <input type="tel">
+//
+// Styleguide 4.16.22
+
+// input - time
+//
+// markup:
+// <input type="time">
+//
+// Styleguide 4.16.23
+
+// input - url
+//
+// markup:
+// <input type="url">
+//
+// Styleguide 4.16.24
+
+// input - week
+//
+// markup:
+// <input type="week">
+//
+// Styleguide 4.16.25

data/scss/bitstyles/base/_hr.scss

@@ -0,0 +1,6 @@
+// Horizontal rule
+//
+// markup:
+// <hr>
+//
+// Styleguide 4.12

data/scss/bitstyles/base/_images.scss

@@ -0,0 +1,13 @@
+// Image
+//
+// markup:
+// <img src="assets/images/placeholder_16-9.png">
+//
+// Styleguide 4.11
+
+/* stylelint-disable selector-no-type */
+img {
+  height: auto;
+  max-width: 100%;
+}
+/* stylelint-enable selector-no-type */

data/scss/bitstyles/base/_link.scss

@@ -0,0 +1,32 @@
+/* stylelint-disable selector-no-type */
+// Links
+//
+// Standard links.
+//
+// markup:
+// <a href="#"" class="{$modifiers}">Jelly cake marshmallow</a>
+//
+// default        - Default state
+// :hover         - Hover state
+// :focus         - Focus state
+// :visited       - Visited state
+//
+// Styleguide 4.3
+
+@import '../settings/link';
+
+a {
+  color: $bitstyles-color-link;
+  text-decoration: none;
+  transition: $bitstyles-link-transition;
+
+  &:visited {
+    color: $bitstyles-color-link-visited;
+  }
+
+  &:hover,
+  &:focus {
+    color: $bitstyles-color-link-hover;
+    text-decoration: underline;
+  }
+}

data/scss/bitstyles/base/_media.scss

@@ -0,0 +1,24 @@
+// Audio
+//
+// markup:
+// <audio controls="">
+//   <source src="http://hpr.dogphilosophy.net/test/opus.opus" type="audio/ogg; codecs=&quot;opus&quot;">
+//   <source src="http://hpr.dogphilosophy.net/test/weba.weba">
+//   <source src="http://hpr.dogphilosophy.net/test/ogg.ogg">
+//   <source src="http://hpr.dogphilosophy.net/test/mp3.mp3">
+//   <source src="http://hpr.dogphilosophy.net/test/wav.wav">
+//   <source src="http://hpr.dogphilosophy.net/test/flac.flac">
+// </audio>
+//
+// Styleguide 4.14
+
+// Video
+//
+// markup:
+// <video width="640" height="360" controls="true" >
+// 	<source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
+// 	<source src="http://clips.vorwaerts-gmbh.de/VfE.webm" type="video/webm">
+// 	<source src="http://clips.vorwaerts-gmbh.de/VfE.ogv" type="video/ogg">
+// </video>
+//
+// Styleguide 4.15