diff --git a/.gitignore b/.gitignore index 42dd2d0..5bfa812 100644 --- a/.gitignore +++ b/.gitignore @@ -7,9 +7,6 @@ __MACOSX/ # Dependencies /node_modules -# Sass cache -/.sass-cache - # Log files *.log *.log.* diff --git a/LICENSE b/LICENSE index 1c3c0f5..1f8d6ec 100644 --- a/LICENSE +++ b/LICENSE @@ -1,6 +1,6 @@ The MIT License (MIT) -Copyright (c) 2016 James Kolce, Keenan Payne and ConciseCSS Contributors +Copyright (c) 2020 Keenan Payne, Jaime Hernández Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/README.md b/README.md index 98c3617..940f41a 100644 --- a/README.md +++ b/README.md @@ -1,69 +1,67 @@ -# [](http://concisecss.com/) +Concise.css logo -[![Bower version](https://badge.fury.io/bo/concise.svg)](http://badge.fury.io/bo/concise) [![npm version](https://badge.fury.io/js/concise.css.svg)](https://badge.fury.io/js/concise.css) +> :warning:   **Notice:** This project is not actively maintained. Reach out to [@keenanpayne](https://twitter.com/KeenanPayne_) or [@jaiheravi](https://twitter.com/jaiheravi) if you would like to chat about it ✌🏻 -Concise is a lightweight, front-end framework that provides a number of great features without the bloat. Concise is built based on Object-Oriented CSS principles and keeps semantics in mind to provide a small learning curve, and a high level of customization. +## Installing the CLI Locally -**Note:** The next version is being developed in the [v4 branch](https://github.com/ConciseCSS/concise.css/tree/v4), this version won't include any new features other than bug fixes. +To install the Concise CLI in a project just run the following command: -## Quickstart +``` +npm install -D ConciseCSS/concise.css#dev +``` -It's easy to get started with Concise: +## Using Packages and Writing Styles -- [Download the latest release (SASS Included)](https://github.com/ConciseCSS/concise.css/releases/download/v3.1.1/concise-v3.1.1-source.zip) -- Clone the repo: `git clone https://github.com/ConciseCSS/concise.css.git` -- Install with [Bower](http://bower.io/): `bower install concise` -- Install with [NPM](https://www.npmjs.com/): `npm install concise.css` +The Concise CLI can be used independently of any styles. In principle, it would will with any other CSS library, framework or any existing project so long as the code is plain CSS or contains only the features that can be compiled with PostCSS. Of course, one can start writing everything from scratch using Concise as well. -**Note:** If you just want the CSS files, please refer to the downloads section for each release: [https://github.com/ConciseCSS/concise.css/releases](https://github.com/ConciseCSS/concise.css/releases) +The core library contains the very basic styles that one might use, and contains most of the code that was available on Concise v4. This can be installed by running: -After you download or install the package, [check out our documentation](http://concisecss.com/documentation) to get up and running. +``` +npm install -D ConciseCSS/core#master +``` -### Building the project +You can then include Concise in your project by importing it into your stylesheet: -Please refer to our [Contributing](https://github.com/ConciseCSS/concise.css/blob/master/CONTRIBUTING.md#building-the-project) page for instructions on compiling the SASS in the project. +``` +@import '@concisecss/core'; +``` -### Changelog +The previous line will include all the styles that Concise provides. However, it is also possible to include only the specific files that you would like: -You can keep up-to-date with the changes that we have made via our [releases page](https://github.com/ConciseCSS/concise.css/releases). - -### Specific Questions - -** *Thanks to [thoughtbot](http://robots.thoughtbot.com/moving-open-source-project-mailing-lists-to-stack-overflow) for this great way to handling questions for an open source project.* +``` +@import '@concisecss/core/settings.pcss'; +@import '@concisecss/core/base.pcss'; +``` -In lieu of a mailing list, we are going to manage all specific questions through [Stack Overflow](http://stackoverflow.com/). +Concise will automatically import the files from your `/node_modules` directory. -Members of the Concise team are subscribed to specific tags via [Stack Exchange Filters](http://stackexchange.com/filters), so that if a question is properly tagged, we can respond in a timely manner and help. +Once the packages are released and published on NPM they will be able to be installed by their name too: `concise.css` for the CLI and `@concisecss/` for the other packages, including `core`. -**Which tags?** +## Compiling -Ideally, we would like to keep it to just one tag for Concise questions, but we are subscribed to multiple variants to make sure nothing passes by us. However, for everybody asking a question, please use: +Run the Concise CLI on the main file from the `package.json` scripts: -- [Concise](http://stackoverflow.com/questions/tagged/concise) +``` +concise compile main.pcss main.css +``` -**Where do I post this?** +To execute the CLI manually after installing locally (without the `package.json` scripts): -There are lots of different things that people will want to post regarding the Concise framework. Here is a rough outline of where you should post any given issue, question or contribution: +``` +npx concise compile main.pcss main.css +``` -- Use [Stack Overflow](http://stackoverflow.com) if you **need help** -- Use [GitHub Issues](http://github.com/ConciseCSS/concise.css/issues) if you **found a bug** -- Use [GitHub Issues](http://github.com/ConciseCSS/concise.css/issues) if you **have an idea** -- Use [GitHub Issues](http://github.com/ConciseCSS/concise.css/issues) if you want to **ask a question** -- Submit a [pull request](https://help.github.com/articles/creating-a-pull-request) if you **want to contribute** +The flag `-w` will also watch the files for changes. -## Contributing +## Changelog -If you wish to contribute to the Concise project, please read through our [contributing guidelines](https://github.com/ConciseCSS/concise.css/blob/master/CONTRIBUTING.md) first and then help however you'd like! - -## Versioning - -Concise is currently maintained under the [Semantic Versioning guidelines](http://semver.org/). +You can keep up-to-date with the changes that we have made via our [releases page](https://github.com/ConciseCSS/concise.css/releases). ## Elsewhere -[![Like Concise on Facebook](http://i.imgur.com/4dy5UUK.png)](https://facebook.com/ConciseCSS) -[![Follow Concise on Twitter](http://i.imgur.com/4AkKsMx.png)](https://twitter.com/ConciseCSS) +[![Like Concise on Facebook](https://i.imgur.com/4dy5UUK.png)](https://facebook.com/ConciseCSS) +[![Follow Concise on Twitter](https://i.imgur.com/4AkKsMx.png)](https://twitter.com/ConciseCSS) ## License -Code released under the [MIT license](https://github.com/ConciseCSS/concise.css/blob/master/LICENSE). Documentation released under [Creative Commons](http://creativecommons.org/licenses/by-sa/4.0/). +Code released under the [MIT license](https://github.com/ConciseCSS/concise.css/blob/master/LICENSE). Documentation released under [Creative Commons](https://creativecommons.org/licenses/by-sa/4.0/). diff --git a/bin/index.js b/bin/index.js new file mode 100644 index 0000000..decb0c9 --- /dev/null +++ b/bin/index.js @@ -0,0 +1,48 @@ +#!/usr/bin/env node + +const fs = require('fs') +const path = require('path') +const concise = require('../src/index') +const chokidar = require('chokidar') +const chalk = require('chalk') + +const command = { + name: process.argv[2], + flags: process.argv[3], + input: process.argv[process.argv.length - 2], + output: process.argv[process.argv.length - 1] +} + +const build = (input, output) => { + concise.process(fs.readFileSync(input, 'utf8'), { from: input }).then(result => { + // Create all the parent directories if required + fs.mkdirSync(path.dirname(output), { recursive: true }) + + // Write the CSS + fs.writeFile(output, result.css, err => { + if (err) throw err + console.log(chalk.bold.green('File written: ') + output) + console.log(chalk.bold.green('From: ') + input) + }) + }) +} + +const watch = path => { + console.log(chalk.bold.blue('\nCurrently watching for changes in: ') + chalk.gray(path)) + + chokidar.watch(path, { ignored: /\.css$/, ignoreInitial: true }).on('all', (eventType, filename) => { + console.log(chalk.bold.blue(`${eventType.charAt(0).toUpperCase() + eventType.slice(1)} in: `) + filename) + build(command.input, command.output) + }) +} + +switch (command.name) { + case 'compile': + build(command.input, command.output) + if (command.flags === '-w') watch(path.dirname(command.input)) + break + + default: + console.log('Unknown command') + break +} diff --git a/bower.json b/bower.json deleted file mode 100644 index 118f678..0000000 --- a/bower.json +++ /dev/null @@ -1,26 +0,0 @@ -{ - "name": "concise", - "description": "A front-end framework written in SASS that's lightweight, and easy-to-use.", - "version": "3.4.0", - "ignore": [ - ".gitignore", - ".editorconfig", - "README.md", - "LICENSE", - "package.json" - ], - "keywords": [ - "css", - "scss", - "sass", - "mobile-first", - "responsive", - "front-end", - "framework", - "web" - ], - "homepage": "http://concisecss.com", - "main": [ - "dist/concise.css" - ] -} diff --git a/composer.json b/composer.json deleted file mode 100644 index 77fb9be..0000000 --- a/composer.json +++ /dev/null @@ -1,34 +0,0 @@ -{ - "name": "concisecss/concise.css", - "description": "A lightweight front-end framework that provides functionality without the bloat.", - "keywords": [ - "css", - "sass", - "scss", - "mobile-first", - "responsive", - "front-end", - "framework", - "web" - ], - "homepage": "http://concisecss.com", - "authors": [ - { - "name": "Keenan Payne", - "email": "contact@keenanpayne.com", - "homepage": "http://keenanpayne.com" - }, - { - "name": "James Kolce", - "email": "contact@jameskolce.com", - "homepage": "http://jameskolce.com" - } - ], - "support": { - "issues": "https://github.com/ConciseCSS/concise.css/issues" - }, - "license": "MIT", - "replace": { - "concisecss/concise.css": "self.version" - } -} diff --git a/dist/concise.css b/dist/concise.css deleted file mode 100644 index 15c86d6..0000000 --- a/dist/concise.css +++ /dev/null @@ -1,2048 +0,0 @@ -/** - * ConciseCSS v3.4.0 - * https://github.com/ConciseCSS/concise.css - * - * Copyright 2016 James Kolce, Keenan Payne and ConciseCSS Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -:root { - -ms-overflow-style: -ms-autohiding-scrollbar; - overflow-y: scroll; - text-size-adjust: 100%; } - -audio:not([controls]) { - display: none; } - -details { - display: block; } - -input[type="number"] { - width: auto; } - -input[type="search"] { - -webkit-appearance: textfield; } - input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -main, -summary { - display: block; } - -pre { - overflow: auto; } - -progress { - display: inline-block; } - -textarea { - overflow: auto; } - -template, -[hidden] { - display: none; } - -[unselectable] { - user-select: none; } - -:root { - box-sizing: border-box; - color: #555; - cursor: default; - font-family: "Helvetica", "Arial", sans-serif; - font-size: 14px; - line-height: 1.5; - text-rendering: optimizeLegibility; - vertical-align: top; } - @media (min-width: 30em) { - :root { - font-size: 16px; } } - :root .nonresponsive { - font-size: 16px; } - -*, -::after, -::before { - box-sizing: inherit; - color: inherit; - font-family: inherit; - font-size: inherit; - line-height: inherit; - text-decoration: inherit; - vertical-align: inherit; } - -* { - cursor: inherit; - margin: 0; - padding: 0; } - -body { - background-color: white; } - -a, -button, -input[type="submit"], -input, -select, -textarea { - cursor: initial; } - -*[dir="rl;"] { - direction: rtl; - unicode-bidi: embed; } - -bdo[dir="ltr"], -bdo[dir="rtl"] { - unicode-bidi: bidi-override; } - -bdo[dir="ltr"] { - direction: ltr; } - -bdo[dir="rtl"] { - direction: rtl; } - -hr { - border: 0; - border-top: 1px solid #e0e0e0; - display: block; - height: 1px; - margin: 20px 0; } - -figure { - margin: 24px 1em; } - -figcaption { - color: #666; - font-style: italic; - text-align: center; } - -::selection { - background-color: #d6d6d6; } - -::-moz-selection { - background-color: #d6d6d6; } - -blockquote { - border-left: 1px solid #e0e0e0; - color: #666; - margin-bottom: 20px; - padding: 0 1em; } - blockquote cite, - blockquote footer { - display: block; - font-size: 80%; - font-style: italic; - margin-top: 10px; } - blockquote cite:before, - blockquote footer:before { - content: "\2014 \00A0"; } - -.blockquote--reverse { - border-left: none; - border-right: 1px solid #e0e0e0; - text-align: right; } - -button, input[type="submit"], -.button { - background-color: #4591aa; - border: none; - color: white; - cursor: pointer; - display: inline-block; - line-height: 48px; - overflow: visible; - padding: 0 2.5em; - text-align: center; - text-decoration: none; - transition: 150ms; - user-select: none; - vertical-align: middle; - white-space: nowrap; } - button:hover, input[type="submit"]:hover, button:focus, input[type="submit"]:focus, - .button:hover, - .button:focus { - background-color: #75b3c7; - color: inherit; - text-decoration: none; } - button:focus, input[type="submit"]:focus, button:active, input[type="submit"]:active, - .button:focus, - .button:active { - outline: none; } - button:active, input[type="submit"]:active, - .button:active { - background-color: #63a8bf; } - button[disabled], input[disabled][type="submit"], - .button[disabled] { - background-color: gainsboro; - color: white; - cursor: not-allowed; } - -.button--muted { - background-color: #aaa; } - .button--muted:hover, .button--muted:focus { - background-color: #d0d0d0; } - .button--muted:active { - background-color: #c4c4c4; } - -.button--primary { - background-color: #4591aa; } - .button--primary:hover, .button--primary:focus { - background-color: #75b3c7; } - .button--primary:active { - background-color: #63a8bf; } - -.button--success { - background-color: #45ca69; } - .button--success:hover, .button--success:focus { - background-color: #81db99; } - .button--success:active { - background-color: #6dd589; } - -.button--warning { - background-color: #ffb800; } - .button--warning:hover, .button--warning:focus { - background-color: #ffcd4d; } - .button--warning:active { - background-color: #ffc633; } - -.button--error { - background-color: #ca4829; } - .button--error:hover, .button--error:focus { - background-color: #df7961; } - .button--error:active { - background-color: #db674b; } - -.button--xsm { - font-size: 0.75em; - line-height: 32px; - padding: 0 1.5em; } - -.button--sm { - font-size: 0.875em; - line-height: 40px; - padding: 0 2em; } - -.button--lg { - font-size: 1.125em; - line-height: 56px; - padding: 0 3em; } - -.button--xlg { - font-size: 1.125em; - line-height: 64px; - padding: 0 3.5em; } - -.button--full { - width: 100%; } - -.button--pill { - border-radius: 25px; } - -.button--flat { - background-color: transparent; - color: #555; } - .button--flat:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #555; } - .button--flat[disabled] { - background-color: transparent; - color: #666; } - -.button--collapse { - width: 100%; } - @media (min-width: 30em) { - .button--collapse { - width: auto; } } - -@media (min-width: 30em) { - form, - form [row] { - margin-bottom: 24px; } } - -.nonresponsive form, .nonresponsive -form [row] { - margin-bottom: 24px; } - -input:not([type="submit"]), -select, -textarea { - border: 1px solid #e0e0e0; - border-radius: 3px; - font-size: 0.875em; - height: 32px; - padding: 0 .75em; - transition: 150ms; - width: 100%; } - input:not([type="submit"]):focus, - select:focus, - textarea:focus { - border-color: #74cbe8; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(69, 145, 170, 0.5); - outline: none; } - input:not([type="submit"])[disabled], - select[disabled], - textarea[disabled] { - background-color: #f5f5f5; - cursor: not-allowed; } - -input:not([type="submit"]) { - line-height: normal; - min-height: 24px; } - input:not([type="submit"])[type="checkbox"]:focus, input:not([type="submit"])[type="radio"]:focus, input:not([type="submit"])[type="range"]:focus, input:not([type="submit"])[type="file"]:focus, input:not([type="submit"])[type="color"]:focus, input:not([type="submit"])[type="submit"]:focus { - border-color: transparent; - box-shadow: none; - outline: none; } - -label { - display: block; - font-size: 0.875em; } - -fieldset { - border: 1px solid #e0e0e0; - border-radius: 3px; - padding: 24px 1em; - margin-bottom: 24px; } - -legend { - font-size: 0.875em; - font-weight: bold; - padding: 0 1em; } - -input[type="checkbox"], -input[type="file"], -input[type="image"], -input[type="radio"] { - height: auto; - width: auto; } - -input[type="checkbox"], -input[type="radio"] { - line-height: normal; - padding: 0; - vertical-align: middle; } - -input[type="checkbox"] + label, -input[type="radio"] + label { - display: inline-block; - margin: 0 0 0 .5em; - line-height: 30px; - vertical-align: middle; } - -input[type="file"] { - border: none; - line-height: 100%; - padding: 0; } - -textarea { - height: auto; - padding: 8px 1em; - resize: vertical; } - -select { - background-color: transparent; - border-radius: 5px; - padding: 0; } - select[disabled] { - color: #666; } - select[multiple] { - height: auto; } - select::-ms-expand { - display: none; } - select::-ms-value { - color: currentColor; } - select option { - padding: 0 .75em; } - -input[type="range"] { - border: none; - padding: 0; - width: 100%; - -webkit-appearance: none; } - input[type="range"]:focus { - outline: none; } - input[type="range"]::-webkit-slider-runnable-track { - background-color: gainsboro; - border: none; - border-radius: 3px; - height: 5px; } - input[type="range"]::-webkit-slider-thumb { - border: none; - border-radius: 50%; - background-color: #4591aa; - height: 16px; - margin-top: -5px; - width: 16px; - -webkit-appearance: none; } - input[type="range"]::-moz-range-track { - background-color: gainsboro; - border: none; - border-radius: 3px; - height: 5px; } - input[type="range"]::-moz-range-thumb { - border: none; - border-radius: 50%; - background-color: #4591aa; - height: 16px; - margin-top: -5px; - width: 16px; } - input[type="range"]::-ms-track { - background-color: gainsboro; - border: none; - border-radius: 3px; - color: transparent; - height: 5px; } - input[type="range"]::-ms-thumb { - border: none; - border-radius: 50%; - background-color: #4591aa; - height: 16px; - margin-top: -5px; - width: 16px; } - -.input--help { - color: #666; - display: block; - font-size: 0.75em; - font-weight: bold; - margin-top: 8px; } - -.form--inline input, -.form--inline select, -.form--inline textarea { - margin-bottom: 20px; } - -@media (min-width: 30em) { - .form--inline input, - .form--inline select, - .form--inline textarea { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; - width: auto; } - .form--inline label { - display: inline; - margin-right: .5em; - vertical-align: middle; } - .form--inline input + label { - margin-left: 1em; } } - -.nonresponsive .form--inline input, -.nonresponsive .form--inline select, -.nonresponsive .form--inline textarea { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; - width: auto; } - -.nonresponsive .form--inline label { - display: inline; - margin-right: .5em; - vertical-align: middle; } - -.nonresponsive .form--inline input + label { - margin-left: 1em; } - -.input--small { - font-size: 0.75em !important; - height: 24px !important; } - -.input--large { - font-size: 1em !important; - height: 48px !important; } - -.input--flat { - background-color: transparent; - border-color: transparent; - box-shadow: none; } - .input--flat:focus { - border-color: #74cbe8; } - -.input--success { - background-color: rgba(69, 202, 105, 0.15); - border-color: #45ca69; } - .input--success:focus { - border-color: #45ca69; } - -.input--warning { - background-color: rgba(255, 184, 0, 0.15); - border-color: #ffb800; } - .input--warning:focus { - border-color: #ffb800; } - -.input--error { - background-color: rgba(202, 72, 41, 0.15); - border-color: #ca4829; } - .input--error:focus { - border-color: #ca4829; } - -h1, h2, h3, h4, h5, h6, -.h1, .h2, .h3, .h4, .h5, .h6, -.giga, .mega, .kilo { - color: #222; - font-family: "Helvetica", "Arial", sans-serif; - line-height: 1.25em; } - h1 small, - h1 .small, h2 small, - h2 .small, h3 small, - h3 .small, h4 small, - h4 .small, h5 small, - h5 .small, h6 small, - h6 .small, - .h1 small, - .h1 .small, .h2 small, - .h2 .small, .h3 small, - .h3 .small, .h4 small, - .h4 .small, .h5 small, - .h5 .small, .h6 small, - .h6 .small, - .giga small, - .giga .small, .mega small, - .mega .small, .kilo small, - .kilo .small { - color: #666; - font-weight: lighter; - vertical-align: 0; } - -h1, h2, h3, -.h1, .h2, .h3, -.giga, .mega, .kilo { - margin: 20px 0 10px; } - h1 small, - h1 .small, h2 small, - h2 .small, h3 small, - h3 .small, - .h1 small, - .h1 .small, .h2 small, - .h2 .small, .h3 small, - .h3 .small, - .giga small, - .giga .small, .mega small, - .mega .small, .kilo small, - .kilo .small { - font-size: 65%; } - -h4, h5, h6, -.h4, .h5, .h6 { - margin: 10px 0; } - h4 small, - h4 .small, h5 small, - h5 .small, h6 small, - h6 .small, - .h4 small, - .h4 .small, .h5 small, - .h5 .small, .h6 small, - .h6 .small { - font-size: 75%; } - -h1, -.h1 { - font-size: 2.25em; } - @media (min-width: 48em) { - h1, - .h1 { - font-size: 3em; } } - -h2, -.h2 { - font-size: 1.6875em; } - @media (min-width: 48em) { - h2, - .h2 { - font-size: 2.25em; } } - -h3, -.h3 { - font-size: 1.3125em; } - @media (min-width: 48em) { - h3, - .h3 { - font-size: 1.75em; } } - -h4, -.h4 { - font-size: 1.125em; } - -h5, -.h5 { - font-size: 1em; } - -h6, -.h6 { - font-size: 0.875em; } - -.giga { - font-size: 3.75em; } - @media (min-width: 48em) { - .giga { - font-size: 5em; } } - -.mega { - font-size: 3em; } - @media (min-width: 48em) { - .mega { - font-size: 4em; } } - -.kilo { - font-size: 2.4375em; } - @media (min-width: 48em) { - .kilo { - font-size: 3.25em; } } - -.nonresponsive h1, -.nonresponsive .h1 { - font-size: 3em; } - -.nonresponsive h2, -.nonresponsive .h2 { - font-size: 2.25em; } - -.nonresponsive h3, -.nonresponsive .h3 { - font-size: 1.75em; } - -.nonresponsive .giga { - font-size: 5em; } - -.nonresponsive .mega { - font-size: 4em; } - -.nonresponsive .kilo { - font-size: 3.25em; } - -ul, -ol { - padding-left: 1.5em; - margin-bottom: 10px; } - ul ul, - ul ol, - ol ul, - ol ol { - margin-bottom: 0; } - -ul ul { - list-style-type: square; } - -ul ol { - list-style-type: lower-roman; } - -ol ol { - list-style-type: lower-roman; } - -ol ul { - list-style-type: square; } - -.list--unstyled { - list-style: none; - padding-left: 0; } - .list--unstyled li { - padding-left: 0; } - -.list--inline { - padding-left: 0; } - .list--inline li { - display: inline; - list-style: none; - padding-left: 1.5em; } - .list--inline li:first-child { - padding-left: 0; } - -dl { - margin-bottom: 24px; } - -dt { - font-weight: bold; } - -dt, -dd { - margin-bottom: 10px; } - -@media (min-width: 60em) { - .dl--horizontal dt { - clear: left; - float: left; - overflow: hidden; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; - width: 150px; } - .dl--horizontal dd { - margin-left: 165px; } - .dl--horizontal dd:before, .dl--horizontal dd:after { - content: ""; - display: table; } - .dl--horizontal dd:after { - clear: both; } } - -.nonresponsive .dl--horizontal dt { - clear: left; - float: left; - overflow: hidden; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; - width: 150px; } - -.nonresponsive .dl--horizontal dd { - margin-left: 165px; } - .nonresponsive .dl--horizontal dd:before, .nonresponsive .dl--horizontal dd:after { - content: ""; - display: table; } - .nonresponsive .dl--horizontal dd:after { - clear: both; } - -@media print { - @page { - margin: .5cm; } - *, - *:before, - *:after { - background: transparent !important; - color: black !important; - filter: none !important; - text-shadow: none !important; } - :root { - background-color: white; - color: black; - font: 11pt/1.3 "Georgia", "Times New Roman", "Times", serif; } - img { - max-width: 100% !important; - page-break-after: avoid; - page-break-inside: avoid; } - .show--print { - display: block; - visibility: visible; } - .hide--print, - video, - audio, - object, - embed, - nav, - footer, - a[href^="#"]:after { - display: none; - visibility: hidden; } - p, - h2, h3, - .h2, .h3 { - orphans: 3; - widows: 3; } - h2, h3, - .h2, .h3 { - page-break-after: avoid; } - a, - a:visited { - color: black; - font-size: .57em; - text-decoration: underline; - word-wrap: break-word; } - a[href]:after, - a:visited[href]:after { - content: " (" attr(href) ")"; - font-size: smaller; } - q:after { - content: " (Source: " attr(cite) ")"; } - abbr[title]:after { - content: " (" attr(title) ")"; } - a:after, a[href^="javascript:"]:after, a[href^="#"]:after { - content: ""; } - pre, - code { - background-color: none; - border: 1px solid #e0e0e0; - page-break-inside: avoid; } - blockquote { - border: none; - page-break-inside: avoid; } - thead { - display: table-header-group; } - tr, - img { - page-break-inside: avoid; } - ol { - padding-left: 1.25em; } - ul { - padding-left: 0; - list-style: none; } - ul ul, - ul ul ul { - padding-left: 1.5em; } - ul li, - ol li { - content: "» "; } } - -@media print and (min-width: 30em) { - table { - page-break-inside: avoid; - width: 100% !important; } - table th, - table td { - line-height: 40px !important; } } - -@media print { - .badge, .badge:before, - .badge *:after, - .label, - .label:before, - .label *:after, - .spinner, - .spinner:before, - .spinner *:after, - .tooltip, - .tooltip:before, - .tooltip *:after, - [data-hint], - [data-hint]:before, - [data-hint] *:after, - .progress, - .progress:before, - .progress *:after, - .breadcrumbs, - .breadcrumbs:before, - .breadcrumbs *:after, - .modal, - .modal:before, - .modal *:after, - .alert, - .alert:before, - .alert *:after { - display: none; - visibility: hidden; } } - -table { - border: 1px solid #e0e0e0; - border-collapse: collapse; - border-spacing: 0; - empty-cells: show; - margin-bottom: 24px; - width: 100%; } - table caption { - color: #555; - font-size: 85%; - font-style: italic; - line-height: 48px; - text-align: center; } - table thead { - background-color: #f5f5f5; - text-align: left; } - table tfoot { - background-color: #fbfbfb; - border-top: 1px solid #e0e0e0; } - table th, - table td { - border-right: 1px solid #e0e0e0; - line-height: 24px; - overflow: visible; - padding: 8px 1em; } - @media (min-width: 30em) { - table th, - table td { - line-height: 48px; } } - table th:last-child, - table td:last-child { - border-right: none; } - table tr, - table td { - transition: background-color 150ms; } - @media (min-width: 30em) { - table { - width: auto; } - table th, - table td { - padding: 0 2.5em; } } - -.nonresponsive { - width: auto; } - .nonresponsive th, - .nonresponsive td { - padding: 0 2.5em; } - -.nonresponsive th, -.nonresponsive td { - line-height: 48px; } - -.table--responsive { - overflow: auto; - width: 100%; } - .table--responsive::-webkit-scrollbar { - height: 14px; - width: 14px; - -webkit-appearance: none; } - .table--responsive::-webkit-scrollbar-thumb { - background-color: rgba(50, 50, 50, 0.2); - border: 3px solid white; - border-radius: 8px; } - .table--responsive table { - margin-bottom: 0; } - -.table--full { - width: 100%; } - -.table--border { - border: 1px solid #e0e0e0; } - .table--border thead, - .table--border td { - border-bottom: 1px solid #e0e0e0; } - -.table--borderOuter { - border: 1px solid #e0e0e0; } - .table--borderOuter th, - .table--borderOuter td { - border-right: none; } - -.table--borderHorizontal thead, -.table--borderHorizontal td { - border-bottom: 1px solid #e0e0e0; } - -.table--borderHorizontal th, -.table--borderHorizontal td { - border-right: none; } - -.table--flat { - border: none; } - .table--flat td { - border-bottom: none; } - .table--flat th, - .table--flat td { - border-right: none; } - -.table--fillEven tbody tr:nth-child(even) { - background-color: #f5f5f5; } - -.table--fillOdd tbody tr:nth-child(odd) { - background-color: #f5f5f5; } - -.table--hoverRow tbody tr:hover { - background-color: #f5f5f5; } - -.table--hoverCell tbody td:hover { - background-color: #f5f5f5; } - -i, -em, -.italic { - font-style: italic; } - -b, -strong, -.bold { - font-weight: bold; } - -small, -.small { - font-size: 75%; - vertical-align: text-bottom; } - -sup, -sub { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sup { - top: -0.5em; } - -sub { - bottom: -0.25em; } - -s { - text-decoration: line-through; } - -p:not(:last-child) { - margin-bottom: 20px; } - -a { - background-color: transparent; - color: #4591aa; - cursor: pointer; - text-decoration: none; - transition: 150ms; } - a:hover, a:focus { - color: #2f6374; } - -h1 a, h2 a, h3 a, -.h1 a, .h2 a, .h3 a { - color: #555; } - h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, - .h1 a:hover, - .h1 a:focus, .h2 a:hover, .h2 a:focus, .h3 a:hover, .h3 a:focus { - color: #4591aa; - text-decoration: none; } - -abbr[title] { - border-bottom: 1px dotted #e0e0e0; - cursor: help; } - -code, -pre, -kbd, -samp { - font-family: "Consolas", monospace; - font-size: 0.875em; } - -pre { - padding: 16px 1.5em; } - -code { - vertical-align: middle; - white-space: nowrap; } - -code, -pre { - background-color: #f5f5f5; - border: 1px solid #e0e0e0; - border-radius: 3px; - color: #484848; - margin-bottom: 24px; } - -code { - padding: 2px 3px; } - -pre code { - background-color: transparent; - border: none; - padding: 0; - vertical-align: inherit; - white-space: pre; } - -.pre--flat { - background-color: transparent; - border: 0; - border-radius: none; - padding: 0; } - -kbd { - background-color: transparent; - border: 1px solid #e0e0e0; - border-radius: 3px; - box-shadow: 0 2px 0 -1px white, 0 2px 0 gainsboro; - display: inline-block; - line-height: 1.75; - margin: -3px 2px 0; - padding: 2px 6px 0; - white-space: nowrap; } - -samp { - vertical-align: bottom; } - -address { - font-style: normal; } - -[container] { - box-sizing: border-box; - margin: 0 auto; - max-width: 1200px; - padding-left: 15px; - padding-right: 15px; - width: 100%; } - -[row] { - margin-left: -15px; - margin-right: -15px; - margin-bottom: 0; } - [row]:before, [row]:after { - content: ""; - display: table; } - [row]:after { - clear: both; } - -[column] { - box-sizing: border-box; - float: left; - margin-bottom: 0; - width: 100%; - padding-left: 15px; - padding-right: 15px; } - -@media (min-width: 48em) { - [column~="1"] { - width: 8.33333%; } - [column~="2"] { - width: 16.66667%; } - [column~="3"] { - width: 25%; } - [column~="4"] { - width: 33.33333%; } - [column~="5"] { - width: 41.66667%; } - [column~="6"] { - width: 50%; } - [column~="7"] { - width: 58.33333%; } - [column~="8"] { - width: 66.66667%; } - [column~="9"] { - width: 75%; } - [column~="10"] { - width: 83.33333%; } - [column~="11"] { - width: 91.66667%; } - [column~="12"] { - width: 100%; } - [column~="+1"] { - margin-left: 8.33333%; } - [column~="+2"] { - margin-left: 16.66667%; } - [column~="+3"] { - margin-left: 25%; } - [column~="+4"] { - margin-left: 33.33333%; } - [column~="+5"] { - margin-left: 41.66667%; } - [column~="+6"] { - margin-left: 50%; } - [column~="+7"] { - margin-left: 58.33333%; } - [column~="+8"] { - margin-left: 66.66667%; } - [column~="+9"] { - margin-left: 75%; } - [column~="+10"] { - margin-left: 83.33333%; } - [column~="+11"] { - margin-left: 91.66667%; } } - -.nonresponsive [column~="1"] { - width: 8.33333%; } - -.nonresponsive [column~="2"] { - width: 16.66667%; } - -.nonresponsive [column~="3"] { - width: 25%; } - -.nonresponsive [column~="4"] { - width: 33.33333%; } - -.nonresponsive [column~="5"] { - width: 41.66667%; } - -.nonresponsive [column~="6"] { - width: 50%; } - -.nonresponsive [column~="7"] { - width: 58.33333%; } - -.nonresponsive [column~="8"] { - width: 66.66667%; } - -.nonresponsive [column~="9"] { - width: 75%; } - -.nonresponsive [column~="10"] { - width: 83.33333%; } - -.nonresponsive [column~="11"] { - width: 91.66667%; } - -.nonresponsive [column~="12"] { - width: 100%; } - -.nonresponsive [column~="+1"] { - margin-left: 8.33333%; } - -.nonresponsive [column~="+2"] { - margin-left: 16.66667%; } - -.nonresponsive [column~="+3"] { - margin-left: 25%; } - -.nonresponsive [column~="+4"] { - margin-left: 33.33333%; } - -.nonresponsive [column~="+5"] { - margin-left: 41.66667%; } - -.nonresponsive [column~="+6"] { - margin-left: 50%; } - -.nonresponsive [column~="+7"] { - margin-left: 58.33333%; } - -.nonresponsive [column~="+8"] { - margin-left: 66.66667%; } - -.nonresponsive [column~="+9"] { - margin-left: 75%; } - -.nonresponsive [column~="+10"] { - margin-left: 83.33333%; } - -.nonresponsive [column~="+11"] { - margin-left: 91.66667%; } - -.text--muted { - color: #aaa !important; } - -.bg--muted { - background-color: #aaa !important; } - -.text--primary { - color: #4591aa !important; } - -.bg--primary { - background-color: #4591aa !important; } - -.text--success { - color: #45ca69 !important; } - -.bg--success { - background-color: #45ca69 !important; } - -.text--warning { - color: #ffb800 !important; } - -.bg--warning { - background-color: #ffb800 !important; } - -.text--error { - color: #ca4829 !important; } - -.bg--error { - background-color: #ca4829 !important; } - -.show--xsm, -.hide--sm, -.hide--md, -.hide--lg, -.hide--xlg, -.hide--print, -.hide--hd { - display: block; - visibility: visible; } - -.hide--xsm, -.show--sm, -.show--md, -.show--lg, -.show--xlg, -.show--print, -.show--hd { - display: none; - visibility: hidden; } - -@media (min-width: 48em) { - .show--sm, - .hide--xsm, - .hide--md, - .hide--lg, - .hide--xlg { - display: block; - visibility: visible; } - .hide--sm, - .show--xsm, - .show--md, - .show--lg, - .show--xlg { - display: none; - visibility: hidden; } } - -@media (min-width: 60em) { - .show--md, - .hide--sm, - .hide--xsm, - .hide--lg, - .hide--xlg { - display: block; - visibility: visible; } - .hide--md, - .show--sm, - .show--xsm, - .show--lg, - .show--xlg { - display: none; - visibility: hidden; } } - -@media (min-width: 70em) { - .show--lg, - .hide--xsm, - .hide--sm, - .hide--md, - .hide--xlg { - display: block; - visibility: visible; } - .hide--lg, - .show--xsm, - .show--sm, - .show--md, - .show--xlg { - display: none; - visibility: hidden; } } - -@media (min-width: 80em) { - .show--xlg, - .hide--xsm, - .hide--sm, - .hide--md, - .hide--lg { - display: block; - visibility: visible; } - .hide--xlg, - .show--xsm, - .show--sm, - .show--md, - .show--lg { - display: none; - visibility: hidden; } } - -@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { - .show--hd { - display: block; - visibility: visible; } - .hide--hd { - display: none; - visibility: hidden; } } - -.text--left { - text-align: left; } - -.text--center { - text-align: center; } - -.text--right { - text-align: right; } - -.text--justify { - text-align: justify; } - -.float--none { - float: none; } - -.float--right { - float: right; } - -.float--left { - float: left; } - -.clearfix:before, .clearfix:after { - content: ""; - display: table; } - -.clearfix:after { - clear: both; } - -.center--all { - left: 50%; - position: absolute; - text-align: center; - top: 50%; - transform: translate(-50%, -50%); } - -.media--fluid { - max-width: 100%; - height: auto; } - -.screenreader { - border: 0 none; - clip: rect(0, 0, 0, 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; } - .screenreader:active, .screenreader:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; } - -/** - * Concise UI - * https://github.com/ConciseCSS/concise.css - * - * Copyright 2015 Concise Team - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.alert { - background-color: #f5f5f5; - border: 1px solid #e0e0e0; - border-radius: 3px; - color: inherit; - font-size: 0.875em; - margin: 20px 0; - padding: 8px 1em; - position: relative; } - .alert a { - color: #222222; } - .alert a:hover { - text-decoration: underline; } - -.alert-close { - color: inherit; - float: right; - opacity: .5; - transition: opacity 150ms; } - .alert-close:hover { - opacity: 1; } - .alert-close:hover, .alert-close:focus { - text-decoration: none; } - -a.alert-close:hover { - text-decoration: none; } - -.alert--muted { - background-color: rgba(170, 170, 170, 0.15); - border-color: rgba(170, 170, 170, 0.2); - color: #919191; } - .alert--muted a { - color: #777777; } - -.alert--primary { - background-color: rgba(69, 145, 170, 0.15); - border-color: rgba(69, 145, 170, 0.2); - color: #367286; } - .alert--primary a { - color: #285361; } - -.alert--success { - background-color: rgba(69, 202, 105, 0.15); - border-color: rgba(69, 202, 105, 0.2); - color: #31ab52; } - .alert--success a { - color: #25843f; } - -.alert--warning { - background-color: rgba(255, 184, 0, 0.15); - border-color: rgba(255, 184, 0, 0.2); - color: #cc9300; } - .alert--warning a { - color: #996e00; } - -.alert--error { - background-color: rgba(202, 72, 41, 0.15); - border-color: rgba(202, 72, 41, 0.2); - color: #a03920; } - .alert--error a { - color: #752a18; } - -.badge { - background-color: #4591aa; - border-radius: 25px; - color: white; - display: inline-block; - font-size: 0.75em; - line-height: 24px; - padding: 0 .75em; } - -.breadcrumbs { - background-color: #f5f5f5; - border: 1px solid #e0e0e0; - border-radius: 3px; - font-size: 0.75em; - margin-bottom: 24px; - padding: 8px 0.5em; } - .breadcrumbs li { - display: inline; - list-style: none; - padding-left: .75em; } - .breadcrumbs li:after { - color: #c7c7c7; - content: "\002f"; - padding-left: .75em; } - .breadcrumbs li:last-child:after { - content: ""; - padding-left: 0; } - .breadcrumbs li.is-active, - .breadcrumbs li.is-active a { - color: #4d4d4d; } - -.breadcrumbs--flat { - background-color: transparent; - border: none; - border-radius: 0; - padding: 0; } - -.button--bordered { - background-color: transparent; - border: 1px solid #4591aa; - color: #4591aa; } - .button--bordered:hover, .button--bordered:focus { - background-color: #4591aa; - color: white; } - -.border--muted { - border-color: #aaa; - color: #aaa; } - .border--muted:hover, .border--muted:focus { - background-color: #aaa; - color: white; } - .border--muted:active { - background-color: #c4c4c4; } - -.border--primary { - border-color: #4591aa; - color: #4591aa; } - .border--primary:hover, .border--primary:focus { - background-color: #4591aa; - color: white; } - .border--primary:active { - background-color: #63a8bf; } - -.border--success { - border-color: #45ca69; - color: #45ca69; } - .border--success:hover, .border--success:focus { - background-color: #45ca69; - color: white; } - .border--success:active { - background-color: #6dd589; } - -.border--warning { - border-color: #ffb800; - color: #ffb800; } - .border--warning:hover, .border--warning:focus { - background-color: #ffb800; - color: white; } - .border--warning:active { - background-color: #ffc633; } - -.border--error { - border-color: #ca4829; - color: #ca4829; } - .border--error:hover, .border--error:focus { - background-color: #ca4829; - color: white; } - .border--error:active { - background-color: #db674b; } - -.button--prefix { - padding-left: 0; } - .button--prefix .prefix { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); - display: inline-block; - margin-right: 1.25em; - padding: 0 1em; - vertical-align: 0; } - .button--prefix.button--bordered .prefix { - background-image: none; - border-right: 1px solid currentColor; } - -.button--affix { - padding-right: 0; } - .button--affix .affix { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); - display: inline-block; - margin-left: 1.25em; - padding: 0 1em; - vertical-align: 0; } - .button--affix.button--bordered .affix { - background-image: none; - border-left: 1px solid currentColor; } - -.card { - background-color: white; - border: 1px solid #e0e0e0; - margin-bottom: 24px; - overflow: hidden; - position: relative; } - -.card-content { - padding: 24px 1.5em; } - -.card-title { - display: block; - margin-top: 10px; } - -.card-footer { - border-top: 1px solid #e0e0e0; - font-size: 0.875em; - padding: 16px 1.5em; } - -.card-image { - position: relative; } - .card-image img { - bottom: 0; - left: 0; - position: relative; - right: 0; - top: 0; - width: 100%; } - .card-image .card-title { - bottom: 0; - color: white; - left: 0; - padding: 0 1em; - position: absolute; } - -.collection { - border: 1px solid #e0e0e0; - border-radius: 3px; - list-style-type: none; - margin: 24px 0; - padding: 0; } - -.collection-item, -.collection-header { - border-bottom: 1px solid #e0e0e0; - display: block; - margin: 0; - padding: 8px 1em; } - .collection-item:last-of-type, - .collection-header:last-of-type { - border-bottom: none; } - .collection-item.is-active, - .collection-header.is-active { - background-color: #f5f5f5; } - -a.collection-item:hover { - background-color: #f5f5f5; } - -.collection-header { - padding: 0 1em; } - -.dropdown { - cursor: auto; - display: inline-block; - outline: none; - position: relative; } - .dropdown:focus { - pointer-events: none; } - .dropdown:focus .dropdown-content { - opacity: 1; - visibility: visible; } - .dropdown.no-pointer-events { - pointer-events: auto !important; } - .dropdown.no-visibility .dropdown-content { - display: none; - visibility: visible !important; } - .dropdown.no-visibility:focus .dropdown-content { - display: block; } - .dropdown.no-opacity .dropdown-content { - opacity: 1 !important; } - -.dropdown-content { - background-color: white; - border: 1px solid #e0e0e0; - color: #555; - left: 0; - margin-top: 8px; - opacity: 0; - padding: 8px 1em; - pointer-events: auto; - position: absolute; - text-align: left; - transition: all 150ms; - visibility: hidden; - width: 200px; - z-index: 1; } - .dropdown-content:before, .dropdown-content:after { - border: solid transparent; - bottom: 100%; - content: ""; - height: 0; - left: 1.5em; - pointer-events: none; - position: absolute; - width: 0; } - .dropdown-content:before { - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #e0e0e0; - border-width: 7px; - margin-left: -7px; } - .dropdown-content:after { - border-color: rgba(255, 255, 255, 0); - border-bottom-color: white; - border-width: 6px; - margin-left: -6px; } - .dropdown-content li { - font-size: 0.875em; - list-style-type: none; - margin: 0; - padding: 8px 1em; - transition: background-color 150ms; - white-space: nowrap; } - .dropdown-content li:hover { - background-color: #f5f5f5; } - -ul.dropdown-content, -ol.dropdown-content { - padding: 0; } - -.dropdown--hover:hover { - pointer-events: none; } - .dropdown--hover:hover .dropdown-content { - opacity: 1; - visibility: visible; } - -.dropdown--small .dropdown-content { - width: 150px; } - -.dropdown--large .dropdown-content { - width: 300px; } - -.dropdown--top .dropdown-content { - bottom: 100%; - margin-top: 0; - margin-bottom: 8px; } - .dropdown--top .dropdown-content:before, .dropdown--top .dropdown-content:after { - top: 100%; } - .dropdown--top .dropdown-content:after { - border-color: rgba(255, 255, 255, 0); - border-top-color: white; } - .dropdown--top .dropdown-content:before { - border-color: rgba(255, 255, 255, 0); - border-top-color: #e0e0e0; } - -.group { - display: inline-block; - margin-bottom: 24px; - padding: 0; } - .group:before, .group:after { - content: ""; - display: table; } - .group:after { - clear: both; } - .group span { - margin-top: 0; } - -.group-item { - border: 1px solid #e0e0e0; - display: inline-block; - float: left; - font-size: 0.875em; - line-height: 32px; - list-style: none; - padding: 0 1em; - transition: background-color 150ms; } - .group-item:not(:first-child) { - margin: 0 0 0 -1px; } - .group-item:hover { - background-color: #f5f5f5; } - .group-item:first-child { - border-radius: 3px 0 0 3px; } - .group-item:last-child { - border-radius: 0 3px 3px 0; } - .group-item.is-active { - background-color: #f5f5f5; } - -.label { - background-color: #4591aa; - border-radius: 3px; - color: white; - display: inline-block; - font-size: 0.75em; - line-height: 24px; - padding: 0 1em; } - -.modal { - background-color: rgba(40, 46, 49, 0.5); - bottom: 0; - left: 0; - margin: 0; - opacity: 0; - overflow: scroll; - pointer-events: none; - position: fixed; - right: 0; - top: 0; - transition: opacity ease-in 150ms; - z-index: 1000002; } - .modal:target { - opacity: 1; - pointer-events: auto; } - -.modal-container { - box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); - margin: 16px auto; - position: relative; - width: 90%; } - @media (min-width: 48em) { - .modal-container { - width: 526px; } } - @media (min-height: 30em) { - .modal-container { - margin: 10% auto; } } - @media (min-height: 48em) { - .modal-container { - margin: 15% auto; } } - -.modal-header { - background-color: #4591aa; - color: white; - padding: 16px 1.5em; } - .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6, - .modal-header .h1, .modal-header .h2, .modal-header .h3, .modal-header .h4, .modal-header .h5, .modal-header .h6, - .modal-header .giga, .modal-header .mega, .modal-header .kilo { - color: inherit; - display: inline; } - -.modal-body, -.modal-footer { - background-color: white; - margin-top: 0; } - -.modal-body { - padding: 32px 2.5em; } - -.modal-footer { - border-top: 1px solid #e0e0e0; - font-size: 0.875em; - margin: 0; - padding: 24px 2.5em; } - -.modal-close { - color: white; - float: right; - margin: 0; - opacity: .5; - transition: opacity 150ms; } - .modal-close:hover { - opacity: 1; } - .modal-close:hover, .modal-close:focus { - text-decoration: none; } - -.modal:target .modal-close--background { - display: block; - height: 100%; - pointer-events: all; - position: absolute; - width: 100%; } - .modal:target .modal-close--background:hover { - border-bottom: none; - text-decoration: none; } - -@media (min-width: 48em) { - .modal--small .modal-container { - width: 360px; } } - -@media (min-width: 48em) { - .modal--large .modal-container { - width: 760px; } } - -@media (min-width: 48em) { - .modal--full .modal-container { - width: 90%; } } - -.modal--flat .modal-header { - background-color: white; - color: #555; - padding: 1.5em 2.5em 0; } - .modal--flat .modal-header h1, .modal--flat .modal-header h2, .modal--flat .modal-header h3, .modal--flat .modal-header h4, .modal--flat .modal-header h5, .modal--flat .modal-header h6, - .modal--flat .modal-header .h1, .modal--flat .modal-header .h2, .modal--flat .modal-header .h3, .modal--flat .modal-header .h4, .modal--flat .modal-header .h5, .modal--flat .modal-header .h6 { - color: inherit; } - -.modal--flat .modal-close { - color: #555; - line-height: 1; - margin: 0; } - -.progress { - background-color: #f5f5f5; - border-radius: 3px; - box-shadow: inset 0 1px 1px rgba(224, 224, 224, 0.25); - box-sizing: initial; - color: white; - font-size: 0.6875em; - height: 14px; - line-height: 1.2; - margin-bottom: 24px; - position: relative; - text-align: center; - width: 100%; } - -.progress > span { - background-color: #4591aa; - border-radius: 3px; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - display: block; - height: 100%; - overflow: hidden; - position: relative; - width: auto; } - -.progress--small { - font-size: 0.5625em; - height: 10px; - line-height: 1.2; } - -.progress--large { - font-size: 1em; - height: 25px; - line-height: 1.7; } - -.progress--stacked > span { - border-radius: 0; - display: inline-block; - float: left; - margin-top: 0; } - .progress--stacked > span:first-of-type { - border-radius: 3px 0 0 3px; } - .progress--stacked > span:last-of-type { - border-radius: 0 3px 3px 0; } - -.progress--striped > span:after, .progress--striped > span > span { - background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); - background-size: 50px 50px; - bottom: 0; - content: ""; - left: 0; - overflow: hidden; - position: absolute; - right: 0; - top: 0; - z-index: 1; } - -.progress--striped.progress--animate > span:after, .progress--striped.progress--animate > span > span { - animation: move 2s linear infinite; } - -@keyframes move { - 0% { - background-position: 0 0; } - 100% { - background-position: 50px 50px; } } - -@-moz-keyframes move { - 0% { - background-position: 0 0; } - 100% { - background-position: 50px 50px; } } - -@-webkit-keyframes move { - 0% { - background-position: 0 0; } - 100% { - background-position: 50px 50px; } } - -.spinner { - animation: rotate .8s infinite linear; - border: 3px solid #b5b5b5; - border-radius: 50%; - border-right-color: transparent; - height: 30px; - margin: 24px auto; - width: 30px; } - -@keyframes rotate { - 0% { - transform: rotate(0deg); } - 100% { - transform: rotate(360deg); } } - -.tooltip, -[data-hint] { - display: inline-block; - position: relative; } - .tooltip:before, .tooltip:after, - [data-hint]:before, - [data-hint]:after { - border-radius: 2px; - opacity: 0; - position: absolute; - pointer-events: none; - transform: translate3d(0, 0, 0); - transition: 100ms; - transition-delay: 0ms; - visibility: hidden; - z-index: 1000000; } - .tooltip:before, - [data-hint]:before { - background-color: transparent; - border: 8px solid transparent; - content: ""; - position: absolute; - z-index: 1000001; } - .tooltip:after, - [data-hint]:after { - background-color: #282E31; - color: white; - content: attr(data-hint); - font-size: 0.75em; - padding: .25em .5em; - text-decoration: none; - white-space: nowrap; } - .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after, - [data-hint]:hover:before, - [data-hint]:hover:after, - [data-hint]:focus:before, - [data-hint]:focus:after { - opacity: 1; - visibility: visible; } - .tooltip:hover:before, .tooltip:hover:after, - [data-hint]:hover:before, - [data-hint]:hover:after { - transition-delay: 100ms; } - -.tooltip--top:before { - border-top-color: #282E31; - margin-bottom: -12px; } - -.tooltip--top:after { - margin-left: -18px; } - -.tooltip--top:before, .tooltip--top:after { - bottom: 100%; - left: 50%; } - -.tooltip--top:hover:after, .tooltip--top:hover:before { - transform: translateY(-8px); } - -.tooltip--top:focus:after, .tooltip--top:focus:before { - transform: translateY(-8px); - transition: 150ms; } - -.tooltip--bottom:before { - border-bottom-color: #282E31; - margin-top: -12px; } - -.tooltip--bottom:after { - margin-left: -18px; } - -.tooltip--bottom:before, .tooltip--bottom:after { - left: 50%; - top: 100%; } - -.tooltip--bottom:hover:after, .tooltip--bottom:hover:before, .tooltip--bottom:focus:after, .tooltip--bottom:focus:before { - transform: translateY(8px); } - -.tooltip--right:before { - border-right-color: #282E31; - margin-bottom: -8px; - margin-left: -12px; } - -.tooltip--right:after { - margin-bottom: -12px; } - -.tooltip--right:before, .tooltip--right:after { - bottom: 50%; - left: 105%; } - -.tooltip--right:hover:after, .tooltip--right:hover:before, .tooltip--right:focus:after, .tooltip--right:focus:before { - transform: translateX(8px); } - -.tooltip--left:before { - border-left-color: #282E31; - margin-bottom: -8px; - margin-right: -12px; } - -.tooltip--left:after { - margin-bottom: -12px; } - -.tooltip--left:before, .tooltip--left:after { - bottom: 50%; - right: 100%; } - -.tooltip--left:hover:after, .tooltip--left:hover:before, .tooltip--left:focus:after, .tooltip--left:focus:before { - transform: translateX(-8px); } - -.tooltip--always:before, .tooltip--always:after { - opacity: 1; - visibility: visible; } - -.tooltip--always .tooltip--top:before, .tooltip--always .tooltip--top:after { - transform: translateY(-8px); } - -.tooltip--always .tooltip--right:before, .tooltip--always .tooltip--right:after { - transform: translateY(8px); } - -.tooltip--always .tooltip--bottom:before, .tooltip--always .tooltip--bottom:after { - transform: translateX(-8px); } - -.tooltip--always .tooltip--left:before, .tooltip--always .tooltip--left:after { - transform: translateX(8px); } diff --git a/dist/concise.min.css b/dist/concise.min.css deleted file mode 100644 index 072ea4a..0000000 --- a/dist/concise.min.css +++ /dev/null @@ -1 +0,0 @@ -:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}audio:not([controls]){display:none}details{display:block}input[type="number"]{width:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}main,summary{display:block}pre{overflow:auto}progress{display:inline-block}textarea{overflow:auto}template,[hidden]{display:none}[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{box-sizing:border-box;color:#555;cursor:default;font-family:"Helvetica","Arial",sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;vertical-align:top}@media(min-width:30em){:root{font-size:16px}}:root .nonresponsive{font-size:16px}*,::after,::before{box-sizing:inherit;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:inherit;vertical-align:inherit}*{cursor:inherit;margin:0;padding:0}body{background-color:white}a,button,input[type="submit"],input,select,textarea{cursor:initial}*[dir="rl;"]{direction:rtl;unicode-bidi:embed}bdo[dir="ltr"],bdo[dir="rtl"]{unicode-bidi:bidi-override}bdo[dir="ltr"]{direction:ltr}bdo[dir="rtl"]{direction:rtl}hr{border:0;border-top:1px solid #e0e0e0;display:block;height:1px;margin:20px 0}figure{margin:24px 1em}figcaption{color:#666;font-style:italic;text-align:center}::-moz-selection{background-color:#d6d6d6}::selection{background-color:#d6d6d6}::-moz-selection{background-color:#d6d6d6}blockquote{border-left:1px solid #e0e0e0;color:#666;margin-bottom:20px;padding:0 1em}blockquote cite,blockquote footer{display:block;font-size:80%;font-style:italic;margin-top:10px}blockquote cite:before,blockquote footer:before{content:"\2014 \00A0"}.blockquote--reverse{border-left:none;border-right:1px solid #e0e0e0;text-align:right}button,input[type="submit"],.button{background-color:#4591aa;border:0;color:white;cursor:pointer;display:inline-block;line-height:48px;overflow:visible;padding:0 2.5em;text-align:center;text-decoration:none;-webkit-transition:150ms;transition:150ms;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button:hover,input[type="submit"]:hover,button:focus,input[type="submit"]:focus,.button:hover,.button:focus{background-color:#75b3c7;color:inherit;text-decoration:none}button:focus,input[type="submit"]:focus,button:active,input[type="submit"]:active,.button:focus,.button:active{outline:0}button:active,input[type="submit"]:active,.button:active{background-color:#63a8bf}button[disabled],input[disabled][type="submit"],.button[disabled]{background-color:gainsboro;color:white;cursor:not-allowed}.button--muted{background-color:#aaa}.button--muted:hover,.button--muted:focus{background-color:#d0d0d0}.button--muted:active{background-color:#c4c4c4}.button--primary{background-color:#4591aa}.button--primary:hover,.button--primary:focus{background-color:#75b3c7}.button--primary:active{background-color:#63a8bf}.button--success{background-color:#45ca69}.button--success:hover,.button--success:focus{background-color:#81db99}.button--success:active{background-color:#6dd589}.button--warning{background-color:#ffb800}.button--warning:hover,.button--warning:focus{background-color:#ffcd4d}.button--warning:active{background-color:#ffc633}.button--error{background-color:#ca4829}.button--error:hover,.button--error:focus{background-color:#df7961}.button--error:active{background-color:#db674b}.button--xsm{font-size:.75em;line-height:32px;padding:0 1.5em}.button--sm{font-size:.875em;line-height:40px;padding:0 2em}.button--lg{font-size:1.125em;line-height:56px;padding:0 3em}.button--xlg{font-size:1.125em;line-height:64px;padding:0 3.5em}.button--full{width:100%}.button--pill{border-radius:25px}.button--flat{background-color:transparent;color:#555}.button--flat:hover{background-color:rgba(0,0,0,0.1);color:#555}.button--flat[disabled]{background-color:transparent;color:#666}.button--collapse{width:100%}@media(min-width:30em){.button--collapse{width:auto}}@media(min-width:30em){form,form [row]{margin-bottom:24px}}.nonresponsive form,.nonresponsive form [row]{margin-bottom:24px}input:not([type="submit"]),select,textarea{border:1px solid #e0e0e0;border-radius:3px;font-size:.875em;height:32px;padding:0 .75em;-webkit-transition:150ms;transition:150ms;width:100%}input:not([type="submit"]):focus,select:focus,textarea:focus{border-color:#74cbe8;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(69,145,170,0.5);outline:0}input:not([type="submit"])[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;cursor:not-allowed}input:not([type="submit"]){line-height:normal;min-height:24px}input:not([type="submit"])[type="checkbox"]:focus,input:not([type="submit"])[type="radio"]:focus,input:not([type="submit"])[type="range"]:focus,input:not([type="submit"])[type="file"]:focus,input:not([type="submit"])[type="color"]:focus,input:not([type="submit"])[type="submit"]:focus{border-color:transparent;box-shadow:none;outline:0}label{display:block;font-size:.875em}fieldset{border:1px solid #e0e0e0;border-radius:3px;padding:24px 1em;margin-bottom:24px}legend{font-size:.875em;font-weight:bold;padding:0 1em}input[type="checkbox"],input[type="file"],input[type="image"],input[type="radio"]{height:auto;width:auto}input[type="checkbox"],input[type="radio"]{line-height:normal;padding:0;vertical-align:middle}input[type="checkbox"]+label,input[type="radio"]+label{display:inline-block;margin:0 0 0 .5em;line-height:30px;vertical-align:middle}input[type="file"]{border:0;line-height:100%;padding:0}textarea{height:auto;padding:8px 1em;resize:vertical}select{background-color:transparent;border-radius:5px;padding:0}select[disabled]{color:#666}select[multiple]{height:auto}select::-ms-expand{display:none}select::-ms-value{color:currentColor}select option{padding:0 .75em}input[type="range"]{border:0;padding:0;width:100%;-webkit-appearance:none}input[type="range"]:focus{outline:0}input[type="range"]::-webkit-slider-runnable-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-webkit-slider-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px;-webkit-appearance:none}input[type="range"]::-moz-range-track{background-color:gainsboro;border:0;border-radius:3px;height:5px}input[type="range"]::-moz-range-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}input[type="range"]::-ms-track{background-color:gainsboro;border:0;border-radius:3px;color:transparent;height:5px}input[type="range"]::-ms-thumb{border:0;border-radius:50%;background-color:#4591aa;height:16px;margin-top:-5px;width:16px}.input--help{color:#666;display:block;font-size:.75em;font-weight:bold;margin-top:8px}.form--inline input,.form--inline select,.form--inline textarea{margin-bottom:20px}@media(min-width:30em){.form--inline input,.form--inline select,.form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.form--inline input+label{margin-left:1em}}.nonresponsive .form--inline input,.nonresponsive .form--inline select,.nonresponsive .form--inline textarea{display:inline-block;margin-bottom:0;vertical-align:middle;width:auto}.nonresponsive .form--inline label{display:inline;margin-right:.5em;vertical-align:middle}.nonresponsive .form--inline input+label{margin-left:1em}.input--small{font-size:.75em!important;height:24px!important}.input--large{font-size:1em!important;height:48px!important}.input--flat{background-color:transparent;border-color:transparent;box-shadow:none}.input--flat:focus{border-color:#74cbe8}.input--success{background-color:rgba(69,202,105,0.15);border-color:#45ca69}.input--success:focus{border-color:#45ca69}.input--warning{background-color:rgba(255,184,0,0.15);border-color:#ffb800}.input--warning:focus{border-color:#ffb800}.input--error{background-color:rgba(202,72,41,0.15);border-color:#ca4829}.input--error:focus{border-color:#ca4829}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.giga,.mega,.kilo{color:#222;font-family:"Helvetica","Arial",sans-serif;line-height:1.25em}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{color:#666;font-weight:lighter;vertical-align:0}h1,h2,h3,.h1,.h2,.h3,.giga,.mega,.kilo{margin:20px 0 10px}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.giga small,.giga .small,.mega small,.mega .small,.kilo small,.kilo .small{font-size:65%}h4,h5,h6,.h4,.h5,.h6{margin:10px 0}h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small{font-size:75%}h1,.h1{font-size:2.25em}@media(min-width:48em){h1,.h1{font-size:3em}}h2,.h2{font-size:1.6875em}@media(min-width:48em){h2,.h2{font-size:2.25em}}h3,.h3{font-size:1.3125em}@media(min-width:48em){h3,.h3{font-size:1.75em}}h4,.h4{font-size:1.125em}h5,.h5{font-size:1em}h6,.h6{font-size:.875em}.giga{font-size:3.75em}@media(min-width:48em){.giga{font-size:5em}}.mega{font-size:3em}@media(min-width:48em){.mega{font-size:4em}}.kilo{font-size:2.4375em}@media(min-width:48em){.kilo{font-size:3.25em}}.nonresponsive h1,.nonresponsive .h1{font-size:3em}.nonresponsive h2,.nonresponsive .h2{font-size:2.25em}.nonresponsive h3,.nonresponsive .h3{font-size:1.75em}.nonresponsive .giga{font-size:5em}.nonresponsive .mega{font-size:4em}.nonresponsive .kilo{font-size:3.25em}ul,ol{padding-left:1.5em;margin-bottom:10px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0}ul ul{list-style-type:square}ul ol{list-style-type:lower-roman}ol ol{list-style-type:lower-roman}ol ul{list-style-type:square}.list--unstyled{list-style:none;padding-left:0}.list--unstyled li{padding-left:0}.list--inline{padding-left:0}.list--inline li{display:inline;list-style:none;padding-left:1.5em}.list--inline li:first-child{padding-left:0}dl{margin-bottom:24px}dt{font-weight:bold}dt,dd{margin-bottom:10px}@media(min-width:60em){.dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.dl--horizontal dd{margin-left:165px}.dl--horizontal dd:before,.dl--horizontal dd:after{content:"";display:table}.dl--horizontal dd:after{clear:both}}.nonresponsive .dl--horizontal dt{clear:left;float:left;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:150px}.nonresponsive .dl--horizontal dd{margin-left:165px}.nonresponsive .dl--horizontal dd:before,.nonresponsive .dl--horizontal dd:after{content:"";display:table}.nonresponsive .dl--horizontal dd:after{clear:both}@media print{@page{margin:.5cm}*,*:before,*:after{background:transparent!important;color:black!important;-webkit-filter:none!important;filter:none!important;text-shadow:none!important}:root{background-color:white;color:black;font:11pt/1.3 "Georgia","Times New Roman","Times",serif}img{max-width:100%!important;page-break-after:avoid;page-break-inside:avoid}.show--print{display:block;visibility:visible}.hide--print,video,audio,object,embed,nav,footer,a[href^="#"]:after{display:none;visibility:hidden}p,h2,h3,.h2,.h3{orphans:3;widows:3}h2,h3,.h2,.h3{page-break-after:avoid}a,a:visited{color:black;font-size:.57em;text-decoration:underline;word-wrap:break-word}a[href]:after,a:visited[href]:after{content:" (" attr(href) ")";font-size:smaller}q:after{content:" (Source: " attr(cite) ")"}abbr[title]:after{content:" (" attr(title) ")"}a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,code{background-color:none;border:1px solid #e0e0e0;page-break-inside:avoid}blockquote{border:0;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}ol{padding-left:1.25em}ul{padding-left:0;list-style:none}ul ul,ul ul ul{padding-left:1.5em}ul li,ol li{content:"» "}}@media print and (min-width:30em){table{page-break-inside:avoid;width:100%!important}table th,table td{line-height:40px!important}}@media print{.badge,.badge:before,.badge *:after,.label,.label:before,.label *:after,.spinner,.spinner:before,.spinner *:after,.tooltip,.tooltip:before,.tooltip *:after,[data-hint],[data-hint]:before,[data-hint] *:after,.progress,.progress:before,.progress *:after,.breadcrumbs,.breadcrumbs:before,.breadcrumbs *:after,.modal,.modal:before,.modal *:after,.alert,.alert:before,.alert *:after{display:none;visibility:hidden}}table{border:1px solid #e0e0e0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin-bottom:24px;width:100%}table caption{color:#555;font-size:85%;font-style:italic;line-height:48px;text-align:center}table thead{background-color:#f5f5f5;text-align:left}table tfoot{background-color:#fbfbfb;border-top:1px solid #e0e0e0}table th,table td{border-right:1px solid #e0e0e0;line-height:24px;overflow:visible;padding:8px 1em}@media(min-width:30em){table th,table td{line-height:48px}}table th:last-child,table td:last-child{border-right:0}table tr,table td{-webkit-transition:background-color 150ms;transition:background-color 150ms}@media(min-width:30em){table{width:auto}table th,table td{padding:0 2.5em}}.nonresponsive{width:auto}.nonresponsive th,.nonresponsive td{padding:0 2.5em}.nonresponsive th,.nonresponsive td{line-height:48px}.table--responsive{overflow:auto;width:100%}.table--responsive::-webkit-scrollbar{height:14px;width:14px;-webkit-appearance:none}.table--responsive::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,0.2);border:3px solid white;border-radius:8px}.table--responsive table{margin-bottom:0}.table--full{width:100%}.table--border{border:1px solid #e0e0e0}.table--border thead,.table--border td{border-bottom:1px solid #e0e0e0}.table--borderOuter{border:1px solid #e0e0e0}.table--borderOuter th,.table--borderOuter td{border-right:0}.table--borderHorizontal thead,.table--borderHorizontal td{border-bottom:1px solid #e0e0e0}.table--borderHorizontal th,.table--borderHorizontal td{border-right:0}.table--flat{border:0}.table--flat td{border-bottom:0}.table--flat th,.table--flat td{border-right:0}.table--fillEven tbody tr:nth-child(even){background-color:#f5f5f5}.table--fillOdd tbody tr:nth-child(odd){background-color:#f5f5f5}.table--hoverRow tbody tr:hover{background-color:#f5f5f5}.table--hoverCell tbody td:hover{background-color:#f5f5f5}i,em,.italic{font-style:italic}b,strong,.bold{font-weight:bold}small,.small{font-size:75%;vertical-align:text-bottom}sup,sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}s{text-decoration:line-through}p:not(:last-child){margin-bottom:20px}a{background-color:transparent;color:#4591aa;cursor:pointer;text-decoration:none;-webkit-transition:150ms;transition:150ms}a:hover,a:focus{color:#2f6374}h1 a,h2 a,h3 a,.h1 a,.h2 a,.h3 a{color:#555}h1 a:hover,h1 a:focus,h2 a:hover,h2 a:focus,h3 a:hover,h3 a:focus,.h1 a:hover,.h1 a:focus,.h2 a:hover,.h2 a:focus,.h3 a:hover,.h3 a:focus{color:#4591aa;text-decoration:none}abbr[title]{border-bottom:1px dotted #e0e0e0;cursor:help}code,pre,kbd,samp{font-family:"Consolas",monospace;font-size:.875em}pre{padding:16px 1.5em}code{vertical-align:middle;white-space:nowrap}code,pre{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:#484848;margin-bottom:24px}code{padding:2px 3px}pre code{background-color:transparent;border:0;padding:0;vertical-align:inherit;white-space:pre}.pre--flat{background-color:transparent;border:0;border-radius:none;padding:0}kbd{background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;box-shadow:0 2px 0 -1px white,0 2px 0 gainsboro;display:inline-block;line-height:1.75;margin:-3px 2px 0;padding:2px 6px 0;white-space:nowrap}samp{vertical-align:bottom}address{font-style:normal}[container]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:15px;padding-right:15px;width:100%}[row]{margin-left:-15px;margin-right:-15px;margin-bottom:0}[row]:before,[row]:after{content:"";display:table}[row]:after{clear:both}[column]{box-sizing:border-box;float:left;margin-bottom:0;width:100%;padding-left:15px;padding-right:15px}@media(min-width:48em){[column~="1"]{width:8.33333%}[column~="2"]{width:16.66667%}[column~="3"]{width:25%}[column~="4"]{width:33.33333%}[column~="5"]{width:41.66667%}[column~="6"]{width:50%}[column~="7"]{width:58.33333%}[column~="8"]{width:66.66667%}[column~="9"]{width:75%}[column~="10"]{width:83.33333%}[column~="11"]{width:91.66667%}[column~="12"]{width:100%}[column~="+1"]{margin-left:8.33333%}[column~="+2"]{margin-left:16.66667%}[column~="+3"]{margin-left:25%}[column~="+4"]{margin-left:33.33333%}[column~="+5"]{margin-left:41.66667%}[column~="+6"]{margin-left:50%}[column~="+7"]{margin-left:58.33333%}[column~="+8"]{margin-left:66.66667%}[column~="+9"]{margin-left:75%}[column~="+10"]{margin-left:83.33333%}[column~="+11"]{margin-left:91.66667%}}.nonresponsive [column~="1"]{width:8.33333%}.nonresponsive [column~="2"]{width:16.66667%}.nonresponsive [column~="3"]{width:25%}.nonresponsive [column~="4"]{width:33.33333%}.nonresponsive [column~="5"]{width:41.66667%}.nonresponsive [column~="6"]{width:50%}.nonresponsive [column~="7"]{width:58.33333%}.nonresponsive [column~="8"]{width:66.66667%}.nonresponsive [column~="9"]{width:75%}.nonresponsive [column~="10"]{width:83.33333%}.nonresponsive [column~="11"]{width:91.66667%}.nonresponsive [column~="12"]{width:100%}.nonresponsive [column~="+1"]{margin-left:8.33333%}.nonresponsive [column~="+2"]{margin-left:16.66667%}.nonresponsive [column~="+3"]{margin-left:25%}.nonresponsive [column~="+4"]{margin-left:33.33333%}.nonresponsive [column~="+5"]{margin-left:41.66667%}.nonresponsive [column~="+6"]{margin-left:50%}.nonresponsive [column~="+7"]{margin-left:58.33333%}.nonresponsive [column~="+8"]{margin-left:66.66667%}.nonresponsive [column~="+9"]{margin-left:75%}.nonresponsive [column~="+10"]{margin-left:83.33333%}.nonresponsive [column~="+11"]{margin-left:91.66667%}.text--muted{color:#aaa!important}.bg--muted{background-color:#aaa!important}.text--primary{color:#4591aa!important}.bg--primary{background-color:#4591aa!important}.text--success{color:#45ca69!important}.bg--success{background-color:#45ca69!important}.text--warning{color:#ffb800!important}.bg--warning{background-color:#ffb800!important}.text--error{color:#ca4829!important}.bg--error{background-color:#ca4829!important}.show--xsm,.hide--sm,.hide--md,.hide--lg,.hide--xlg,.hide--print,.hide--hd{display:block;visibility:visible}.hide--xsm,.show--sm,.show--md,.show--lg,.show--xlg,.show--print,.show--hd{display:none;visibility:hidden}@media(min-width:48em){.show--sm,.hide--xsm,.hide--md,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--sm,.show--xsm,.show--md,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:60em){.show--md,.hide--sm,.hide--xsm,.hide--lg,.hide--xlg{display:block;visibility:visible}.hide--md,.show--sm,.show--xsm,.show--lg,.show--xlg{display:none;visibility:hidden}}@media(min-width:70em){.show--lg,.hide--xsm,.hide--sm,.hide--md,.hide--xlg{display:block;visibility:visible}.hide--lg,.show--xsm,.show--sm,.show--md,.show--xlg{display:none;visibility:hidden}}@media(min-width:80em){.show--xlg,.hide--xsm,.hide--sm,.hide--md,.hide--lg{display:block;visibility:visible}.hide--xlg,.show--xsm,.show--sm,.show--md,.show--lg{display:none;visibility:hidden}}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3 / 2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.show--hd{display:block;visibility:visible}.hide--hd{display:none;visibility:hidden}}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.float--none{float:none}.float--right{float:right}.float--left{float:left}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.center--all{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.media--fluid{max-width:100%;height:auto}.screenreader{border:0 none;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screenreader:active,.screenreader:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.alert{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;color:inherit;font-size:.875em;margin:20px 0;padding:8px 1em;position:relative}.alert a{color:#222}.alert a:hover{text-decoration:underline}.alert-close{color:inherit;float:right;opacity:.5;-webkit-transition:opacity 150ms;transition:opacity 150ms}.alert-close:hover{opacity:1}.alert-close:hover,.alert-close:focus{text-decoration:none}a.alert-close:hover{text-decoration:none}.alert--muted{background-color:rgba(170,170,170,0.15);border-color:rgba(170,170,170,0.2);color:#919191}.alert--muted a{color:#777}.alert--primary{background-color:rgba(69,145,170,0.15);border-color:rgba(69,145,170,0.2);color:#367286}.alert--primary a{color:#285361}.alert--success{background-color:rgba(69,202,105,0.15);border-color:rgba(69,202,105,0.2);color:#31ab52}.alert--success a{color:#25843f}.alert--warning{background-color:rgba(255,184,0,0.15);border-color:rgba(255,184,0,0.2);color:#cc9300}.alert--warning a{color:#996e00}.alert--error{background-color:rgba(202,72,41,0.15);border-color:rgba(202,72,41,0.2);color:#a03920}.alert--error a{color:#752a18}.badge{background-color:#4591aa;border-radius:25px;color:white;display:inline-block;font-size:.75em;line-height:24px;padding:0 .75em}.breadcrumbs{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;font-size:.75em;margin-bottom:24px;padding:8px .5em}.breadcrumbs li{display:inline;list-style:none;padding-left:.75em}.breadcrumbs li:after{color:#c7c7c7;content:"\002f";padding-left:.75em}.breadcrumbs li:last-child:after{content:"";padding-left:0}.breadcrumbs li.is-active,.breadcrumbs li.is-active a{color:#4d4d4d}.breadcrumbs--flat{background-color:transparent;border:0;border-radius:0;padding:0}.button--bordered{background-color:transparent;border:1px solid #4591aa;color:#4591aa}.button--bordered:hover,.button--bordered:focus{background-color:#4591aa;color:white}.border--muted{border-color:#aaa;color:#aaa}.border--muted:hover,.border--muted:focus{background-color:#aaa;color:white}.border--muted:active{background-color:#c4c4c4}.border--primary{border-color:#4591aa;color:#4591aa}.border--primary:hover,.border--primary:focus{background-color:#4591aa;color:white}.border--primary:active{background-color:#63a8bf}.border--success{border-color:#45ca69;color:#45ca69}.border--success:hover,.border--success:focus{background-color:#45ca69;color:white}.border--success:active{background-color:#6dd589}.border--warning{border-color:#ffb800;color:#ffb800}.border--warning:hover,.border--warning:focus{background-color:#ffb800;color:white}.border--warning:active{background-color:#ffc633}.border--error{border-color:#ca4829;color:#ca4829}.border--error:hover,.border--error:focus{background-color:#ca4829;color:white}.border--error:active{background-color:#db674b}.button--prefix{padding-left:0}.button--prefix .prefix{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15));display:inline-block;margin-right:1.25em;padding:0 1em;vertical-align:0}.button--prefix.button--bordered .prefix{background-image:none;border-right:1px solid currentColor}.button--affix{padding-right:0}.button--affix .affix{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.15));display:inline-block;margin-left:1.25em;padding:0 1em;vertical-align:0}.button--affix.button--bordered .affix{background-image:none;border-left:1px solid currentColor}.card{background-color:white;border:1px solid #e0e0e0;margin-bottom:24px;overflow:hidden;position:relative}.card-content{padding:24px 1.5em}.card-title{display:block;margin-top:10px}.card-footer{border-top:1px solid #e0e0e0;font-size:.875em;padding:16px 1.5em}.card-image{position:relative}.card-image img{bottom:0;left:0;position:relative;right:0;top:0;width:100%}.card-image .card-title{bottom:0;color:white;left:0;padding:0 1em;position:absolute}.collection{border:1px solid #e0e0e0;border-radius:3px;list-style-type:none;margin:24px 0;padding:0}.collection-item,.collection-header{border-bottom:1px solid #e0e0e0;display:block;margin:0;padding:8px 1em}.collection-item:last-of-type,.collection-header:last-of-type{border-bottom:0}.collection-item.is-active,.collection-header.is-active{background-color:#f5f5f5}a.collection-item:hover{background-color:#f5f5f5}.collection-header{padding:0 1em}.dropdown{cursor:auto;display:inline-block;outline:0;position:relative}.dropdown:focus{pointer-events:none}.dropdown:focus .dropdown-content{opacity:1;visibility:visible}.dropdown.no-pointer-events{pointer-events:auto!important}.dropdown.no-visibility .dropdown-content{display:none;visibility:visible!important}.dropdown.no-visibility:focus .dropdown-content{display:block}.dropdown.no-opacity .dropdown-content{opacity:1!important}.dropdown-content{background-color:white;border:1px solid #e0e0e0;color:#555;left:0;margin-top:8px;opacity:0;padding:8px 1em;pointer-events:auto;position:absolute;text-align:left;-webkit-transition:all 150ms;transition:all 150ms;visibility:hidden;width:200px;z-index:1}.dropdown-content:before,.dropdown-content:after{border:solid transparent;bottom:100%;content:"";height:0;left:1.5em;pointer-events:none;position:absolute;width:0}.dropdown-content:before{border-color:rgba(255,255,255,0);border-bottom-color:#e0e0e0;border-width:7px;margin-left:-7px}.dropdown-content:after{border-color:rgba(255,255,255,0);border-bottom-color:white;border-width:6px;margin-left:-6px}.dropdown-content li{font-size:.875em;list-style-type:none;margin:0;padding:8px 1em;-webkit-transition:background-color 150ms;transition:background-color 150ms;white-space:nowrap}.dropdown-content li:hover{background-color:#f5f5f5}ul.dropdown-content,ol.dropdown-content{padding:0}.dropdown--hover:hover{pointer-events:none}.dropdown--hover:hover .dropdown-content{opacity:1;visibility:visible}.dropdown--small .dropdown-content{width:150px}.dropdown--large .dropdown-content{width:300px}.dropdown--top .dropdown-content{bottom:100%;margin-top:0;margin-bottom:8px}.dropdown--top .dropdown-content:before,.dropdown--top .dropdown-content:after{top:100%}.dropdown--top .dropdown-content:after{border-color:rgba(255,255,255,0);border-top-color:white}.dropdown--top .dropdown-content:before{border-color:rgba(255,255,255,0);border-top-color:#e0e0e0}.group{display:inline-block;margin-bottom:24px;padding:0}.group:before,.group:after{content:"";display:table}.group:after{clear:both}.group span{margin-top:0}.group-item{border:1px solid #e0e0e0;display:inline-block;float:left;font-size:.875em;line-height:32px;list-style:none;padding:0 1em;-webkit-transition:background-color 150ms;transition:background-color 150ms}.group-item:not(:first-child){margin:0 0 0 -1px}.group-item:hover{background-color:#f5f5f5}.group-item:first-child{border-radius:3px 0 0 3px}.group-item:last-child{border-radius:0 3px 3px 0}.group-item.is-active{background-color:#f5f5f5}.label{background-color:#4591aa;border-radius:3px;color:white;display:inline-block;font-size:.75em;line-height:24px;padding:0 1em}.modal{background-color:rgba(40,46,49,0.5);bottom:0;left:0;margin:0;opacity:0;overflow:scroll;pointer-events:none;position:fixed;right:0;top:0;-webkit-transition:opacity ease-in 150ms;transition:opacity ease-in 150ms;z-index:1000002}.modal:target{opacity:1;pointer-events:auto}.modal-container{box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);margin:16px auto;position:relative;width:90%}@media(min-width:48em){.modal-container{width:526px}}@media(min-height:30em){.modal-container{margin:10% auto}}@media(min-height:48em){.modal-container{margin:15% auto}}.modal-header{background-color:#4591aa;color:white;padding:16px 1.5em}.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5,.modal-header h6,.modal-header .h1,.modal-header .h2,.modal-header .h3,.modal-header .h4,.modal-header .h5,.modal-header .h6,.modal-header .giga,.modal-header .mega,.modal-header .kilo{color:inherit;display:inline}.modal-body,.modal-footer{background-color:white;margin-top:0}.modal-body{padding:32px 2.5em}.modal-footer{border-top:1px solid #e0e0e0;font-size:.875em;margin:0;padding:24px 2.5em}.modal-close{color:white;float:right;margin:0;opacity:.5;-webkit-transition:opacity 150ms;transition:opacity 150ms}.modal-close:hover{opacity:1}.modal-close:hover,.modal-close:focus{text-decoration:none}.modal:target .modal-close--background{display:block;height:100%;pointer-events:all;position:absolute;width:100%}.modal:target .modal-close--background:hover{border-bottom:0;text-decoration:none}@media(min-width:48em){.modal--small .modal-container{width:360px}}@media(min-width:48em){.modal--large .modal-container{width:760px}}@media(min-width:48em){.modal--full .modal-container{width:90%}}.modal--flat .modal-header{background-color:white;color:#555;padding:1.5em 2.5em 0}.modal--flat .modal-header h1,.modal--flat .modal-header h2,.modal--flat .modal-header h3,.modal--flat .modal-header h4,.modal--flat .modal-header h5,.modal--flat .modal-header h6,.modal--flat .modal-header .h1,.modal--flat .modal-header .h2,.modal--flat .modal-header .h3,.modal--flat .modal-header .h4,.modal--flat .modal-header .h5,.modal--flat .modal-header .h6{color:inherit}.modal--flat .modal-close{color:#555;line-height:1;margin:0}.progress{background-color:#f5f5f5;border-radius:3px;box-shadow:inset 0 1px 1px rgba(224,224,224,0.25);box-sizing:initial;color:white;font-size:.6875em;height:14px;line-height:1.2;margin-bottom:24px;position:relative;text-align:center;width:100%}.progress>span{background-color:#4591aa;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);display:block;height:100%;overflow:hidden;position:relative;width:auto}.progress--small{font-size:.5625em;height:10px;line-height:1.2}.progress--large{font-size:1em;height:25px;line-height:1.7}.progress--stacked>span{border-radius:0;display:inline-block;float:left;margin-top:0}.progress--stacked>span:first-of-type{border-radius:3px 0 0 3px}.progress--stacked>span:last-of-type{border-radius:0 3px 3px 0}.progress--striped>span:after,.progress--striped>span>span{background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0.25,rgba(255,255,255,0.2)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.2)),color-stop(0.75,rgba(255,255,255,0.2)),color-stop(0.75,transparent),to(transparent));background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);background-size:50px 50px;bottom:0;content:"";left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.progress--striped.progress--animate>span:after,.progress--striped.progress--animate>span>span{-webkit-animation:move 2s linear infinite;animation:move 2s linear infinite}@keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}.spinner{-webkit-animation:rotate .8s infinite linear;animation:rotate .8s infinite linear;border:3px solid #b5b5b5;border-radius:50%;border-right-color:transparent;height:30px;margin:24px auto;width:30px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.tooltip,[data-hint]{display:inline-block;position:relative}.tooltip:before,.tooltip:after,[data-hint]:before,[data-hint]:after{border-radius:2px;opacity:0;position:absolute;pointer-events:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:100ms;transition:100ms;-webkit-transition-delay:0ms;transition-delay:0ms;visibility:hidden;z-index:1000000}.tooltip:before,[data-hint]:before{background-color:transparent;border:8px solid transparent;content:"";position:absolute;z-index:1000001}.tooltip:after,[data-hint]:after{background-color:#282e31;color:white;content:attr(data-hint);font-size:.75em;padding:.25em .5em;text-decoration:none;white-space:nowrap}.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{opacity:1;visibility:visible}.tooltip:hover:before,.tooltip:hover:after,[data-hint]:hover:before,[data-hint]:hover:after{-webkit-transition-delay:100ms;transition-delay:100ms}.tooltip--top:before{border-top-color:#282e31;margin-bottom:-12px}.tooltip--top:after{margin-left:-18px}.tooltip--top:before,.tooltip--top:after{bottom:100%;left:50%}.tooltip--top:hover:after,.tooltip--top:hover:before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tooltip--top:focus:after,.tooltip--top:focus:before{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-transition:150ms;transition:150ms}.tooltip--bottom:before{border-bottom-color:#282e31;margin-top:-12px}.tooltip--bottom:after{margin-left:-18px}.tooltip--bottom:before,.tooltip--bottom:after{left:50%;top:100%}.tooltip--bottom:hover:after,.tooltip--bottom:hover:before,.tooltip--bottom:focus:after,.tooltip--bottom:focus:before{-webkit-transform:translateY(8px);transform:translateY(8px)}.tooltip--right:before{border-right-color:#282e31;margin-bottom:-8px;margin-left:-12px}.tooltip--right:after{margin-bottom:-12px}.tooltip--right:before,.tooltip--right:after{bottom:50%;left:105%}.tooltip--right:hover:after,.tooltip--right:hover:before,.tooltip--right:focus:after,.tooltip--right:focus:before{-webkit-transform:translateX(8px);transform:translateX(8px)}.tooltip--left:before{border-left-color:#282e31;margin-bottom:-8px;margin-right:-12px}.tooltip--left:after{margin-bottom:-12px}.tooltip--left:before,.tooltip--left:after{bottom:50%;right:100%}.tooltip--left:hover:after,.tooltip--left:hover:before,.tooltip--left:focus:after,.tooltip--left:focus:before{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.tooltip--always:before,.tooltip--always:after{opacity:1;visibility:visible}.tooltip--always .tooltip--top:before,.tooltip--always .tooltip--top:after{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tooltip--always .tooltip--right:before,.tooltip--always .tooltip--right:after{-webkit-transform:translateY(8px);transform:translateY(8px)}.tooltip--always .tooltip--bottom:before,.tooltip--always .tooltip--bottom:after{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.tooltip--always .tooltip--left:before,.tooltip--always .tooltip--left:after{-webkit-transform:translateX(8px);transform:translateX(8px)} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..bef95e1 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,1477 @@ +{ + "name": "concise.css", + "version": "5.0.0", + "lockfileVersion": 1, + "requires": true, + "dependencies": { + "@types/color-name": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz", + "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==" + }, + "ansi-regex": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", + "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=" + }, + "ansi-styles": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz", + "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==", + "requires": { + "@types/color-name": "^1.1.1", + "color-convert": "^2.0.1" + } + }, + "anymatch": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz", + "integrity": "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==", + "requires": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + } + }, + "argparse": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", + "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", + "dev": true, + "requires": { + "sprintf-js": "~1.0.2" + } + }, + "array-union": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz", + "integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=", + "requires": { + "array-uniq": "^1.0.1" + } + }, + "array-uniq": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz", + "integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=" + }, + "autoprefixer": { + "version": "9.7.5", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.7.5.tgz", + "integrity": "sha512-URo6Zvt7VYifomeAfJlMFnYDhow1rk2bufwkbamPEAtQFcL11moLk4PnR7n9vlu7M+BkXAZkHFA0mIcY7tjQFg==", + "requires": { + "browserslist": "^4.11.0", + "caniuse-lite": "^1.0.30001036", + "chalk": "^2.4.2", + "normalize-range": "^0.1.2", + "num2fraction": "^1.2.2", + "postcss": "^7.0.27", + "postcss-value-parser": "^4.0.3" + }, + "dependencies": { + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "requires": { + "color-convert": "^1.9.0" + } + }, + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + } + }, + "color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" + } + } + }, + "balanced-match": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", + "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=" + }, + "binary-extensions": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.0.0.tgz", + "integrity": "sha512-Phlt0plgpIIBOGTT/ehfFnbNlfsDEiqmzE2KRXoX1bLIlir4X/MR+zSyBEkL05ffWgnRSf/DXv+WrUAVr93/ow==" + }, + "brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "requires": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "requires": { + "fill-range": "^7.0.1" + } + }, + "browserslist": { + "version": "4.11.1", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.11.1.tgz", + "integrity": "sha512-DCTr3kDrKEYNw6Jb9HFxVLQNaue8z+0ZfRBRjmCunKDEXEBajKDj2Y+Uelg+Pi29OnvaSGwjOsnRyNEkXzHg5g==", + "requires": { + "caniuse-lite": "^1.0.30001038", + "electron-to-chromium": "^1.3.390", + "node-releases": "^1.1.53", + "pkg-up": "^2.0.0" + } + }, + "caniuse-lite": { + "version": "1.0.30001038", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001038.tgz", + "integrity": "sha512-zii9quPo96XfOiRD4TrfYGs+QsGZpb2cGiMAzPjtf/hpFgB6zCPZgJb7I1+EATeMw/o+lG8FyRAnI+CWStHcaQ==" + }, + "chalk": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.0.0.tgz", + "integrity": "sha512-N9oWFcegS0sFr9oh1oz2d7Npos6vNoWW9HvtCg5N1KRFpUhaAhvTv5Y58g880fZaEYSNm3qDz8SU1UrGvp+n7A==", + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "dependencies": { + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==" + }, + "supports-color": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz", + "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==", + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "chokidar": { + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.0.tgz", + "integrity": "sha512-aXAaho2VJtisB/1fg1+3nlLJqGOuewTzQpd/Tz0yTg2R0e4IGtshYvtjowyEumcBv2z+y4+kc75Mz7j5xJskcQ==", + "requires": { + "anymatch": "~3.1.1", + "braces": "~3.0.2", + "fsevents": "~2.1.2", + "glob-parent": "~5.1.0", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.4.0" + } + }, + "color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "requires": { + "color-name": "~1.1.4" + } + }, + "color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" + }, + "concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=" + }, + "core-util-is": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz", + "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=", + "dev": true + }, + "cssesc": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==" + }, + "deep-equal": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz", + "integrity": "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==", + "dev": true, + "requires": { + "is-arguments": "^1.0.4", + "is-date-object": "^1.0.1", + "is-regex": "^1.0.4", + "object-is": "^1.0.1", + "object-keys": "^1.1.1", + "regexp.prototype.flags": "^1.2.0" + } + }, + "define-properties": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz", + "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==", + "dev": true, + "requires": { + "object-keys": "^1.0.12" + } + }, + "defined": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz", + "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=", + "dev": true + }, + "diff": { + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/diff/-/diff-2.2.3.tgz", + "integrity": "sha1-YOr9DSjukG5Oj/ClLBIpUhAzv5k=", + "dev": true + }, + "dotignore": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/dotignore/-/dotignore-0.1.2.tgz", + "integrity": "sha512-UGGGWfSauusaVJC+8fgV+NVvBXkCTmVv7sk6nojDZZvuOUNGUy0Zk4UpHQD6EDjS0jpBwcACvH4eofvyzBcRDw==", + "dev": true, + "requires": { + "minimatch": "^3.0.4" + } + }, + "duplexer": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz", + "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=", + "dev": true + }, + "electron-to-chromium": { + "version": "1.3.392", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.392.tgz", + "integrity": "sha512-/hsgeVdReDsyTBE0aU9FRdh1wnNPrX3xlz3t61F+CJPOT+Umfi9DXHsCX85TEgWZQqlow0Rw44/4/jbU2Sqgkg==" + }, + "es-abstract": { + "version": "1.17.5", + "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.5.tgz", + "integrity": "sha512-BR9auzDbySxOcfog0tLECW8l28eRGpDpU3Dm3Hp4q/N+VtLTmyj4EUN088XZWQDW/hzj6sYRDXeOFsaAODKvpg==", + "dev": true, + "requires": { + "es-to-primitive": "^1.2.1", + "function-bind": "^1.1.1", + "has": "^1.0.3", + "has-symbols": "^1.0.1", + "is-callable": "^1.1.5", + "is-regex": "^1.0.5", + "object-inspect": "^1.7.0", + "object-keys": "^1.1.1", + "object.assign": "^4.1.0", + "string.prototype.trimleft": "^2.1.1", + "string.prototype.trimright": "^2.1.1" + } + }, + "es-to-primitive": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz", + "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==", + "dev": true, + "requires": { + "is-callable": "^1.1.4", + "is-date-object": "^1.0.1", + "is-symbol": "^1.0.2" + } + }, + "escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=" + }, + "esprima": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", + "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==", + "dev": true + }, + "events-to-array": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/events-to-array/-/events-to-array-1.1.2.tgz", + "integrity": "sha1-LUH1Y+H+QA7Uli/hpNXGp1Od9/Y=", + "dev": true + }, + "figures": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz", + "integrity": "sha1-y+Hjr/zxzUS4DK3+0o3Hk6lwHS4=", + "dev": true, + "requires": { + "escape-string-regexp": "^1.0.5", + "object-assign": "^4.1.0" + } + }, + "fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "requires": { + "to-regex-range": "^5.0.1" + } + }, + "find-up": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz", + "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=", + "requires": { + "locate-path": "^2.0.0" + } + }, + "flatten": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/flatten/-/flatten-1.0.3.tgz", + "integrity": "sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg==" + }, + "for-each": { + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz", + "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==", + "dev": true, + "requires": { + "is-callable": "^1.1.3" + } + }, + "fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=" + }, + "fsevents": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz", + "integrity": "sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==", + "optional": true + }, + "function-bind": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", + "dev": true + }, + "glob": { + "version": "7.1.6", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz", + "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==", + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + } + }, + "glob-parent": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz", + "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==", + "requires": { + "is-glob": "^4.0.1" + } + }, + "globby": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz", + "integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=", + "requires": { + "array-union": "^1.0.1", + "glob": "^7.0.3", + "object-assign": "^4.0.1", + "pify": "^2.0.0", + "pinkie-promise": "^2.0.0" + }, + "dependencies": { + "pify": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=" + } + } + }, + "has": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", + "dev": true, + "requires": { + "function-bind": "^1.1.1" + } + }, + "has-ansi": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz", + "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=", + "requires": { + "ansi-regex": "^2.0.0" + } + }, + "has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=" + }, + "has-symbols": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.1.tgz", + "integrity": "sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==", + "dev": true + }, + "indexes-of": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz", + "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=" + }, + "inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", + "requires": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==" + }, + "is-arguments": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.0.4.tgz", + "integrity": "sha512-xPh0Rmt8NE65sNzvyUmWgI1tz3mKq74lGA0mL8LYZcoIzKOzDh6HmrYm3d18k60nHerC8A9Km8kYu87zfSFnLA==", + "dev": true + }, + "is-binary-path": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "requires": { + "binary-extensions": "^2.0.0" + } + }, + "is-callable": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.1.5.tgz", + "integrity": "sha512-ESKv5sMCJB2jnHTWZ3O5itG+O128Hsus4K4Qh1h2/cgn2vbgnLSVqfV46AeJA9D5EeeLa9w81KUXMtn34zhX+Q==", + "dev": true + }, + "is-date-object": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.2.tgz", + "integrity": "sha512-USlDT524woQ08aoZFzh3/Z6ch9Y/EWXEHQ/AaRN0SkKq4t2Jw2R2339tSXmwuVoY7LLlBCbOIlx2myP/L5zk0g==", + "dev": true + }, + "is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=" + }, + "is-finite": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.1.0.tgz", + "integrity": "sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w==", + "dev": true + }, + "is-glob": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz", + "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==", + "requires": { + "is-extglob": "^2.1.1" + } + }, + "is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==" + }, + "is-regex": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.0.5.tgz", + "integrity": "sha512-vlKW17SNq44owv5AQR3Cq0bQPEb8+kF3UKZ2fiZNOWtztYE5i0CzCZxFDwO58qAOWtxdBRVO/V5Qin1wjCqFYQ==", + "dev": true, + "requires": { + "has": "^1.0.3" + } + }, + "is-symbol": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.3.tgz", + "integrity": "sha512-OwijhaRSgqvhm/0ZdAcXNZt9lYdKFpcRDT5ULUuYXPoT794UNOdU+gpT6Rzo7b4V2HUl/op6GqY894AZwv9faQ==", + "dev": true, + "requires": { + "has-symbols": "^1.0.1" + } + }, + "isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=", + "dev": true + }, + "js-base64": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.5.2.tgz", + "integrity": "sha512-Vg8czh0Q7sFBSUMWWArX/miJeBWYBPpdU/3M/DKSaekLMqrqVPaedp+5mZhie/r0lgrcaYBfwXatEew6gwgiQQ==" + }, + "js-yaml": { + "version": "3.13.1", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.13.1.tgz", + "integrity": "sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==", + "dev": true, + "requires": { + "argparse": "^1.0.7", + "esprima": "^4.0.0" + } + }, + "locate-path": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz", + "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=", + "requires": { + "p-locate": "^2.0.0", + "path-exists": "^3.0.0" + } + }, + "lodash": { + "version": "4.17.15", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz", + "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==" + }, + "minimatch": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", + "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", + "requires": { + "brace-expansion": "^1.1.7" + } + }, + "minimist": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz", + "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==", + "dev": true + }, + "node-releases": { + "version": "1.1.53", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.53.tgz", + "integrity": "sha512-wp8zyQVwef2hpZ/dJH7SfSrIPD6YoJz6BDQDpGEkcA0s3LpAQoxBIYmfIq6QAhC1DhwsyCgTaTTcONwX8qzCuQ==" + }, + "normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==" + }, + "normalize-range": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", + "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=" + }, + "num2fraction": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz", + "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=" + }, + "object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" + }, + "object-inspect": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.7.0.tgz", + "integrity": "sha512-a7pEHdh1xKIAgTySUGgLMx/xwDZskN1Ud6egYYN3EdRW4ZMPNEDUTF+hwy2LUC+Bl+SyLXANnwz/jyh/qutKUw==", + "dev": true + }, + "object-is": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.0.2.tgz", + "integrity": "sha512-Epah+btZd5wrrfjkJZq1AOB9O6OxUQto45hzFd7lXGrpHPGE0W1k+426yrZV+k6NJOzLNNW/nVsmZdIWsAqoOQ==", + "dev": true + }, + "object-keys": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz", + "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==", + "dev": true + }, + "object.assign": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.0.tgz", + "integrity": "sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==", + "dev": true, + "requires": { + "define-properties": "^1.1.2", + "function-bind": "^1.1.1", + "has-symbols": "^1.0.0", + "object-keys": "^1.0.11" + } + }, + "once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", + "requires": { + "wrappy": "1" + } + }, + "p-limit": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz", + "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==", + "requires": { + "p-try": "^1.0.0" + } + }, + "p-locate": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz", + "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=", + "requires": { + "p-limit": "^1.1.0" + } + }, + "p-try": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz", + "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=" + }, + "parse-ms": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parse-ms/-/parse-ms-1.0.1.tgz", + "integrity": "sha1-VjRtR0nXjyNDDKDHE4UK75GqNh0=", + "dev": true + }, + "path-exists": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", + "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=" + }, + "path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=" + }, + "path-parse": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", + "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==" + }, + "picomatch": { + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz", + "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==" + }, + "pify": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz", + "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=" + }, + "pinkie": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz", + "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=" + }, + "pinkie-promise": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz", + "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=", + "requires": { + "pinkie": "^2.0.0" + } + }, + "pkg-up": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-2.0.0.tgz", + "integrity": "sha1-yBmscoBZpGHKscOImivjxJoATX8=", + "requires": { + "find-up": "^2.1.0" + } + }, + "plur": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/plur/-/plur-1.0.0.tgz", + "integrity": "sha1-24XGgU9eXlo7Se/CjWBP7GKXUVY=", + "dev": true + }, + "postcss": { + "version": "7.0.27", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.27.tgz", + "integrity": "sha512-WuQETPMcW9Uf1/22HWUWP9lgsIC+KEHg2kozMflKjbeUtw9ujvFX6QmIfozaErDkmLWS9WEnEdEe6Uo9/BNTdQ==", + "requires": { + "chalk": "^2.4.2", + "source-map": "^0.6.1", + "supports-color": "^6.1.0" + }, + "dependencies": { + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "requires": { + "color-convert": "^1.9.0" + } + }, + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "dependencies": { + "supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" + }, + "supports-color": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", + "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "postcss-custom-media": { + "version": "7.0.8", + "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-7.0.8.tgz", + "integrity": "sha512-c9s5iX0Ge15o00HKbuRuTqNndsJUbaXdiNsksnVH8H4gdc+zbLzr/UasOwNG6CTDpLFekVY4672eWdiiWu2GUg==", + "requires": { + "postcss": "^7.0.14" + } + }, + "postcss-easy-import": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/postcss-easy-import/-/postcss-easy-import-3.0.0.tgz", + "integrity": "sha512-cfNsear/v8xlkl9v5Wm8y4Do/puiDQTFF+WX2Fo++h7oKt1fKWVVW/5Ca8hslYDQWnjndrg813cA23Pt1jsYdg==", + "requires": { + "globby": "^6.1.0", + "is-glob": "^4.0.0", + "lodash": "^4.17.4", + "object-assign": "^4.0.1", + "pify": "^3.0.0", + "postcss": "^6.0.11", + "postcss-import": "^10.0.0", + "resolve": "^1.1.7" + }, + "dependencies": { + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "requires": { + "color-convert": "^1.9.0" + } + }, + "color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" + }, + "postcss": { + "version": "6.0.23", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", + "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", + "requires": { + "chalk": "^2.4.1", + "source-map": "^0.6.1", + "supports-color": "^5.4.0" + }, + "dependencies": { + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + } + } + } + } + } + }, + "postcss-if-media": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/postcss-if-media/-/postcss-if-media-1.0.3.tgz", + "integrity": "sha1-ZYXBK5RioPpCY1JwJd8EsUk0xFc=", + "requires": { + "postcss": ">=5.0.14 <=6.x" + }, + "dependencies": { + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "requires": { + "color-convert": "^1.9.0" + } + }, + "color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" + }, + "postcss": { + "version": "6.0.23", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", + "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", + "requires": { + "chalk": "^2.4.1", + "source-map": "^0.6.1", + "supports-color": "^5.4.0" + }, + "dependencies": { + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + } + } + } + } + } + }, + "postcss-import": { + "version": "10.0.0", + "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-10.0.0.tgz", + "integrity": "sha1-TIXJewmRNsxeoCQNwd/b/eTi674=", + "requires": { + "object-assign": "^4.0.1", + "postcss": "^6.0.1", + "postcss-value-parser": "^3.2.3", + "read-cache": "^1.0.0", + "resolve": "^1.1.7" + }, + "dependencies": { + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "requires": { + "color-convert": "^1.9.0" + } + }, + "color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" + }, + "postcss": { + "version": "6.0.23", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", + "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", + "requires": { + "chalk": "^2.4.1", + "source-map": "^0.6.1", + "supports-color": "^5.4.0" + }, + "dependencies": { + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + } + } + } + }, + "postcss-value-parser": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz", + "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==" + } + } + }, + "postcss-input-range": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/postcss-input-range/-/postcss-input-range-4.0.0.tgz", + "integrity": "sha1-gpwvqcU/ub6+U8dTPhY46R5k4XM=", + "requires": { + "postcss": "^6.0.3", + "postcss-selector-parser": "^2.2.3" + }, + "dependencies": { + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "requires": { + "color-convert": "^1.9.0" + } + }, + "color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" + }, + "postcss": { + "version": "6.0.23", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", + "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", + "requires": { + "chalk": "^2.4.1", + "source-map": "^0.6.1", + "supports-color": "^5.4.0" + }, + "dependencies": { + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + } + } + } + }, + "postcss-selector-parser": { + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-2.2.3.tgz", + "integrity": "sha1-+UN3iGBsPJrO4W/+jYsWKX8nu5A=", + "requires": { + "flatten": "^1.0.2", + "indexes-of": "^1.0.1", + "uniq": "^1.0.1" + } + } + } + }, + "postcss-lh": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/postcss-lh/-/postcss-lh-2.0.2.tgz", + "integrity": "sha512-zA+7JuBYpISLC72iVlSDnje2JT8ZMzCvyP2oXBz47Y2y3nvT/+8GuOH1AeSILHacJ8FRK6gUGVp95NhjH65acQ==", + "requires": { + "postcss": "^6.0.14" + }, + "dependencies": { + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "requires": { + "color-convert": "^1.9.0" + } + }, + "color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" + }, + "postcss": { + "version": "6.0.23", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", + "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", + "requires": { + "chalk": "^2.4.1", + "source-map": "^0.6.1", + "supports-color": "^5.4.0" + }, + "dependencies": { + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + } + } + } + } + } + }, + "postcss-media-minmax": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/postcss-media-minmax/-/postcss-media-minmax-4.0.0.tgz", + "integrity": "sha512-fo9moya6qyxsjbFAYl97qKO9gyre3qvbMnkOZeZwlsW6XYFsvs2DMGDlchVLfAd8LHPZDxivu/+qW2SMQeTHBw==", + "requires": { + "postcss": "^7.0.2" + } + }, + "postcss-nested": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-4.2.1.tgz", + "integrity": "sha512-AMayXX8tS0HCp4O4lolp4ygj9wBn32DJWXvG6gCv+ZvJrEa00GUxJcJEEzMh87BIe6FrWdYkpR2cuyqHKrxmXw==", + "requires": { + "postcss": "^7.0.21", + "postcss-selector-parser": "^6.0.2" + } + }, + "postcss-selector-parser": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz", + "integrity": "sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==", + "requires": { + "cssesc": "^3.0.0", + "indexes-of": "^1.0.1", + "uniq": "^1.0.1" + } + }, + "postcss-strip-inline-comments": { + "version": "0.1.5", + "resolved": "https://registry.npmjs.org/postcss-strip-inline-comments/-/postcss-strip-inline-comments-0.1.5.tgz", + "integrity": "sha1-f/a83BTmM+1M36AguuPt2tT4S5A=", + "requires": { + "postcss": "^5.0.18" + }, + "dependencies": { + "ansi-styles": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", + "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=" + }, + "chalk": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", + "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", + "requires": { + "ansi-styles": "^2.2.1", + "escape-string-regexp": "^1.0.2", + "has-ansi": "^2.0.0", + "strip-ansi": "^3.0.0", + "supports-color": "^2.0.0" + }, + "dependencies": { + "supports-color": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", + "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=" + } + } + }, + "has-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz", + "integrity": "sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=" + }, + "postcss": { + "version": "5.2.18", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.18.tgz", + "integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==", + "requires": { + "chalk": "^1.1.3", + "js-base64": "^2.1.9", + "source-map": "^0.5.6", + "supports-color": "^3.2.3" + } + }, + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=" + }, + "supports-color": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz", + "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=", + "requires": { + "has-flag": "^1.0.0" + } + } + } + }, + "postcss-value-parser": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.0.3.tgz", + "integrity": "sha512-N7h4pG+Nnu5BEIzyeaaIYWs0LI5XC40OrRh5L60z0QjFsqGWcHcbkBvpe1WYpcIS9yQ8sOi/vIPt1ejQCrMVrg==" + }, + "pretty-ms": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/pretty-ms/-/pretty-ms-2.1.0.tgz", + "integrity": "sha1-QlfCVt8/sLRR1q/6qwIYhBJpgdw=", + "dev": true, + "requires": { + "is-finite": "^1.0.1", + "parse-ms": "^1.0.0", + "plur": "^1.0.0" + } + }, + "process-nextick-args": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", + "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", + "dev": true + }, + "read-cache": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", + "integrity": "sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=", + "requires": { + "pify": "^2.3.0" + }, + "dependencies": { + "pify": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=" + } + } + }, + "readable-stream": { + "version": "2.3.7", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz", + "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==", + "dev": true, + "requires": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "readdirp": { + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.4.0.tgz", + "integrity": "sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==", + "requires": { + "picomatch": "^2.2.1" + } + }, + "regexp.prototype.flags": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.3.0.tgz", + "integrity": "sha512-2+Q0C5g951OlYlJz6yu5/M33IcsESLlLfsyIaLJaG4FA2r4yP8MvVMJUUP/fVBkSpbbbZlS5gynbEWLipiiXiQ==", + "dev": true, + "requires": { + "define-properties": "^1.1.3", + "es-abstract": "^1.17.0-next.1" + } + }, + "resolve": { + "version": "1.15.1", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.15.1.tgz", + "integrity": "sha512-84oo6ZTtoTUpjgNEr5SJyzQhzL72gaRodsSfyxC/AXRvwu0Yse9H8eF9IpGo7b8YetZhlI6v7ZQ6bKBFV/6S7w==", + "requires": { + "path-parse": "^1.0.6" + } + }, + "resumer": { + "version": "0.0.0", + "resolved": "https://registry.npmjs.org/resumer/-/resumer-0.0.0.tgz", + "integrity": "sha1-8ej0YeQGS6Oegq883CqMiT0HZ1k=", + "dev": true, + "requires": { + "through": "~2.3.4" + } + }, + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + }, + "sprintf-js": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", + "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=", + "dev": true + }, + "string.prototype.trim": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.1.tgz", + "integrity": "sha512-MjGFEeqixw47dAMFMtgUro/I0+wNqZB5GKXGt1fFr24u3TzDXCPu7J9Buppzoe3r/LqkSDLDDJzE15RGWDGAVw==", + "dev": true, + "requires": { + "define-properties": "^1.1.3", + "es-abstract": "^1.17.0-next.1", + "function-bind": "^1.1.1" + } + }, + "string.prototype.trimend": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.1.tgz", + "integrity": "sha512-LRPxFUaTtpqYsTeNKaFOw3R4bxIzWOnbQ837QfBylo8jIxtcbK/A/sMV7Q+OAV/vWo+7s25pOE10KYSjaSO06g==", + "dev": true, + "requires": { + "define-properties": "^1.1.3", + "es-abstract": "^1.17.5" + } + }, + "string.prototype.trimleft": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/string.prototype.trimleft/-/string.prototype.trimleft-2.1.2.tgz", + "integrity": "sha512-gCA0tza1JBvqr3bfAIFJGqfdRTyPae82+KTnm3coDXkZN9wnuW3HjGgN386D7hfv5CHQYCI022/rJPVlqXyHSw==", + "dev": true, + "requires": { + "define-properties": "^1.1.3", + "es-abstract": "^1.17.5", + "string.prototype.trimstart": "^1.0.0" + } + }, + "string.prototype.trimright": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/string.prototype.trimright/-/string.prototype.trimright-2.1.2.tgz", + "integrity": "sha512-ZNRQ7sY3KroTaYjRS6EbNiiHrOkjihL9aQE/8gfQ4DtAC/aEBRHFJa44OmoWxGGqXuJlfKkZW4WcXErGr+9ZFg==", + "dev": true, + "requires": { + "define-properties": "^1.1.3", + "es-abstract": "^1.17.5", + "string.prototype.trimend": "^1.0.0" + } + }, + "string.prototype.trimstart": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.1.tgz", + "integrity": "sha512-XxZn+QpvrBI1FOcg6dIpxUPgWCPuNXvMD72aaRaUQv1eD4e/Qy8i/hFTe0BUmD60p/QA6bh1avmuPTfNjqVWRw==", + "dev": true, + "requires": { + "define-properties": "^1.1.3", + "es-abstract": "^1.17.5" + } + }, + "string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "dev": true, + "requires": { + "safe-buffer": "~5.1.0" + } + }, + "strip-ansi": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", + "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", + "requires": { + "ansi-regex": "^2.0.0" + } + }, + "supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "requires": { + "has-flag": "^3.0.0" + } + }, + "tap-diff": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/tap-diff/-/tap-diff-0.1.1.tgz", + "integrity": "sha1-j78zM9hWQ/7qG/F1m5CCCwSjfd8=", + "dev": true, + "requires": { + "chalk": "^1.1.1", + "diff": "^2.2.1", + "duplexer": "^0.1.1", + "figures": "^1.4.0", + "pretty-ms": "^2.1.0", + "tap-parser": "^1.2.2", + "through2": "^2.0.0" + }, + "dependencies": { + "ansi-styles": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", + "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=", + "dev": true + }, + "chalk": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", + "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", + "dev": true, + "requires": { + "ansi-styles": "^2.2.1", + "escape-string-regexp": "^1.0.2", + "has-ansi": "^2.0.0", + "strip-ansi": "^3.0.0", + "supports-color": "^2.0.0" + } + }, + "supports-color": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", + "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=", + "dev": true + } + } + }, + "tap-parser": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/tap-parser/-/tap-parser-1.3.2.tgz", + "integrity": "sha1-EgxQiciMPIp5PvKIhn3jIeGPjCI=", + "dev": true, + "requires": { + "events-to-array": "^1.0.1", + "inherits": "~2.0.1", + "js-yaml": "^3.2.7", + "readable-stream": "^2" + } + }, + "tape": { + "version": "4.13.2", + "resolved": "https://registry.npmjs.org/tape/-/tape-4.13.2.tgz", + "integrity": "sha512-waWwC/OqYVE9TS6r1IynlP2sEdk4Lfo6jazlgkuNkPTHIbuG2BTABIaKdlQWwPeB6Oo4ksZ1j33Yt0NTOAlYMQ==", + "dev": true, + "requires": { + "deep-equal": "~1.1.1", + "defined": "~1.0.0", + "dotignore": "~0.1.2", + "for-each": "~0.3.3", + "function-bind": "~1.1.1", + "glob": "~7.1.6", + "has": "~1.0.3", + "inherits": "~2.0.4", + "is-regex": "~1.0.5", + "minimist": "~1.2.0", + "object-inspect": "~1.7.0", + "resolve": "~1.15.1", + "resumer": "~0.0.0", + "string.prototype.trim": "~1.2.1", + "through": "~2.3.8" + } + }, + "through": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", + "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=", + "dev": true + }, + "through2": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", + "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", + "dev": true, + "requires": { + "readable-stream": "~2.3.6", + "xtend": "~4.0.1" + } + }, + "to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "requires": { + "is-number": "^7.0.0" + } + }, + "uniq": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz", + "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=" + }, + "util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=", + "dev": true + }, + "wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=" + }, + "xtend": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", + "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==", + "dev": true + } + } +} diff --git a/package.json b/package.json index 6de6047..25c18af 100644 --- a/package.json +++ b/package.json @@ -1,18 +1,22 @@ { "name": "concise.css", - "version": "3.4.0", - "description": "A lightweight front-end framework that provides functionality without the bloat.", + "bin": { + "concise": "./bin/index.js" + }, + "main": "src/index.js", + "version": "5.0.0", + "description": "A CSS pre-processor that makes web design more efficient and intuitive. Give up the bloat. Stop tripping over your classes. Be Concise.", "license": "MIT", "keywords": [ "css", - "sass", - "scss", "mobile-first", "responsive", "front-end", - "framework", + "preprocessor", "web", - "lightweight" + "lightweight", + "postcss", + "design" ], "homepage": "http://concisecss.com", "bugs": "https://github.com/ConciseCSS/concise.css/issues", @@ -21,19 +25,28 @@ "url": "https://github.com/ConciseCSS/concise.css" }, "engines": { - "node": "<=4.2.3" - }, - "devDependencies": { - "autoprefixer": "^6.1.2", - "cssmin": "^0.4.3", - "node-sass": "^3.4.2", - "postcss-cli": "^2.3.2", - "stylestats": "^6.0.0", - "watch": "^0.16.0" + "node": ">=12.0.0" }, "scripts": { - "build": "node-sass src/concise.scss dist/concise.css | postcss --use autoprefixer < dist/concise.css -b \"last 2 versions\" | cssmin > dist/concise.min.css", - "build:watch": "watch \"npm run build\" src", - "stats": "stylestats dist/concise.css" + "test": "tape ./test/index.js | tap-diff", + "local-install": "npm link" + }, + "dependencies": { + "autoprefixer": "^9.7.5", + "chalk": "^4.0.0", + "chokidar": "^3.4.0", + "postcss": "^7.0.27", + "postcss-custom-media": "^7.0.8", + "postcss-easy-import": "^3.0.0", + "postcss-if-media": "^1.0.3", + "postcss-input-range": "^4.0.0", + "postcss-lh": "^2.0.2", + "postcss-media-minmax": "^4.0.0", + "postcss-nested": "^4.2.1", + "postcss-strip-inline-comments": "^0.1.5" + }, + "devDependencies": { + "tap-diff": "^0.1.1", + "tape": "^4.13.2" } } diff --git a/src/addons/concise-ui/_concise-ui.scss b/src/addons/concise-ui/_concise-ui.scss deleted file mode 100644 index db7ca40..0000000 --- a/src/addons/concise-ui/_concise-ui.scss +++ /dev/null @@ -1,24 +0,0 @@ -/** - * Concise UI - * https://github.com/ConciseCSS/concise.css - * - * Copyright 2015 Concise Team - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -// Concise UI Components -@import 'components/alerts'; -@import 'components/badges'; -@import 'components/breadcrumbs'; -@import 'components/buttons'; -@import 'components/cards'; -@import 'components/collections'; -@import 'components/dropdowns'; -@import 'components/groups'; -@import 'components/labels'; -@import 'components/modals'; -@import 'components/progress'; -@import 'components/spinner'; -@import 'components/tooltips'; diff --git a/src/addons/concise-ui/components/_alerts.scss b/src/addons/concise-ui/components/_alerts.scss deleted file mode 100644 index 089e4b2..0000000 --- a/src/addons/concise-ui/components/_alerts.scss +++ /dev/null @@ -1,55 +0,0 @@ -// -// Alerts -// ============================================================================= - -.alert { - background-color: getColor(background, light); - border: 1px solid getColor(base, lines); - border-radius: 3px; - color: inherit; - font-size: pxToEm(14); - margin: unitSize(3, -4) 0; - padding: unitSize(1) 1em; - position: relative; - - a { - color: darken(getColor(text, primary), 20%); - - &:hover { text-decoration: underline; } - } -} - -.alert-close { - color: inherit; - float: right; - opacity: .5; - transition: opacity $transition-duration; - - &:hover { opacity: 1; } - - &:hover, - &:focus { text-decoration: none; } -} - -a.alert-close { - &:hover { text-decoration: none; } -} - - -// -// States -// ------ - -@each $color-name, $color in $colors { - @each $color-type, $color-value in $color { - @if $color-name == "state" { - .alert--#{$color-type} { - background-color: rgba($color-value, .15); - border-color: rgba($color-value, .2); - color: darken($color-value, 10%); - - a { color: darken($color-value, 20%); } - } - } - } -} diff --git a/src/addons/concise-ui/components/_badges.scss b/src/addons/concise-ui/components/_badges.scss deleted file mode 100644 index 153f2f4..0000000 --- a/src/addons/concise-ui/components/_badges.scss +++ /dev/null @@ -1,13 +0,0 @@ -// -// Badges -// ============================================================================= - -.badge { - background-color: getColor(base, primary); - border-radius: 25px; - color: getColor(text, ui); - display: inline-block; - font-size: pxToEm(12); - line-height: unitSize(3); - padding: 0 .75em; -} diff --git a/src/addons/concise-ui/components/_breadcrumbs.scss b/src/addons/concise-ui/components/_breadcrumbs.scss deleted file mode 100644 index 3c57498..0000000 --- a/src/addons/concise-ui/components/_breadcrumbs.scss +++ /dev/null @@ -1,47 +0,0 @@ -// -// Breadcrumbs -// ============================================================================= - -.breadcrumbs { - background-color: getColor(background, light); - border: 1px solid getColor(base, lines); - border-radius: 3px; - font-size: pxToEm(12); - margin-bottom: unitSize(3); - padding: unitSize(1) .5em; - - li { - display: inline; - list-style: none; - padding-left: .75em; - - &:after { - color: darken(getColor(base, lines), 10%); - content: "\002f"; - padding-left: .75em; - } - - &:last-child { - &:after { - content: ""; - padding-left: 0; - } - } - - &.is-active, - &.is-active a { color: darken(getColor(text, secondary), 10%); } - } -} - - -// -// Modifiers -// --------- - -// Flat -.breadcrumbs--flat { - background-color: transparent; - border: none; - border-radius: 0; - padding: 0; -} diff --git a/src/addons/concise-ui/components/_buttons.scss b/src/addons/concise-ui/components/_buttons.scss deleted file mode 100644 index f969ec3..0000000 --- a/src/addons/concise-ui/components/_buttons.scss +++ /dev/null @@ -1,85 +0,0 @@ -// -// Buttons -// ============================================================================= - -// -// Bordered -// -------- - -.button--bordered { - background-color: transparent; - border: 1px solid getColor(base, primary); - color: getColor(base, primary); - - &:hover, - &:focus { - background-color: getColor(base, primary); - color: getColor(text, ui); - } -} - -@each $color-name, $color in $colors { - @each $color-type, $color-value in $color { - @if $color-name == "state" { - .border--#{$color-type} { - border-color: $color-value; - color: $color-value; - - &:hover, - &:focus { - background-color: $color-value; - color: getColor(text, ui); - } - - &:active { background-color: lighten($color-value, 10%); } - } - } - } -} - - -// -// Prefix/Affix -// ------------ - -.button--prefix { - padding-left: 0; - - .prefix { - background-image: linear-gradient(to bottom, - rgba(0, 0, 0, .15), - rgba(0, 0, 0, .15)); - display: inline-block; - margin-right: 1.25em; - padding: 0 1em; - vertical-align: 0; - } - - &.button--bordered { - .prefix { - background-image: none; - border-right: 1px solid currentColor; - } - } -} - -.button--affix { - padding-right: 0; - - .affix { - background-image: linear-gradient(to bottom, - rgba(0, 0, 0, .15), - rgba(0, 0, 0, .15)); - display: inline-block; - margin-left: 1.25em; - padding: 0 1em; - vertical-align: 0; - } - - &.button--bordered { - .affix { - background-image: none; - border-left: 1px solid currentColor; - } - } -} diff --git a/src/addons/concise-ui/components/_cards.scss b/src/addons/concise-ui/components/_cards.scss deleted file mode 100644 index c47bc5f..0000000 --- a/src/addons/concise-ui/components/_cards.scss +++ /dev/null @@ -1,50 +0,0 @@ -// -// Cards -// ============================================================================= - -.card { - background-color: white; - border: 1px solid getColor(base, lines); - margin-bottom: unitSize(3); - overflow: hidden; - position: relative; -} - -.card-content { padding: unitSize(3) 1.5em; } - -.card-title { - display: block; - margin-top: unitSize(1, 2); -} - -.card-footer { - border-top: 1px solid getColor(base, lines); - font-size: pxToEm(14); - padding: unitSize(2) 1.5em; -} - - -// -// Images -// ------ - -.card-image { - position: relative; - - img { - bottom: 0; - left: 0; - position: relative; - right: 0; - top: 0; - width: 100%; - } - - .card-title { - bottom: 0; - color: getColor(text, ui); - left: 0; - padding: 0 1em; - position: absolute; - } -} diff --git a/src/addons/concise-ui/components/_collections.scss b/src/addons/concise-ui/components/_collections.scss deleted file mode 100644 index 491cda7..0000000 --- a/src/addons/concise-ui/components/_collections.scss +++ /dev/null @@ -1,27 +0,0 @@ -// -// Collections -// ============================================================================= - -.collection { - border: 1px solid getColor(base, lines); - border-radius: 3px; - list-style-type: none; - margin: unitSize(3) 0; - padding: 0; -} - -.collection-item, -.collection-header { - border-bottom: 1px solid getColor(base, lines); - display: block; - margin: 0; - padding: unitSize(1) 1em; - - &:last-of-type { border-bottom: none; } - - &.is-active { background-color: getColor(background, light); } -} - -a.collection-item:hover { background-color: getColor(background, light); } - -.collection-header { padding: 0 1em; } diff --git a/src/addons/concise-ui/components/_dropdowns.scss b/src/addons/concise-ui/components/_dropdowns.scss deleted file mode 100644 index 361a45f..0000000 --- a/src/addons/concise-ui/components/_dropdowns.scss +++ /dev/null @@ -1,144 +0,0 @@ -// -// Dropdowns -// ============================================================================= - -.dropdown { - cursor: auto; - display: inline-block; - outline: none; - position: relative; - - &:focus { - pointer-events: none; - - .dropdown-content { - opacity: 1; - visibility: visible; - } - } - - &.no-pointer-events { pointer-events: auto !important; } - - &.no-visibility .dropdown-content { - display: none; - visibility: visible !important; - } - - &.no-visibility:focus .dropdown-content { display: block; } - - &.no-opacity .dropdown-content { opacity: 1 !important; } -} - -// Dropdown content -.dropdown-content { - background-color: white; - border: 1px solid getColor(base, lines); - color: getColor(text, primary); - left: 0; - margin-top: unitSize(1); - opacity: 0; - padding: unitSize(1) 1em; - pointer-events: auto; - position: absolute; - text-align: left; - transition: all $transition-duration; - visibility: hidden; - width: 200px; - z-index: 1; - - &:before, - &:after { - border: solid transparent; - bottom: 100%; - content: ""; - height: 0; - left: 1.5em; - pointer-events: none; - position: absolute; - width: 0; - } - - &:before { - border-color: rgba(255, 255, 255, 0); - border-bottom-color: getColor(base, lines); - border-width: 7px; - margin-left: -7px; - } - - &:after { - border-color: rgba(255, 255, 255, 0); - border-bottom-color: white; - border-width: 6px; - margin-left: -6px; - } - - li { - font-size: pxToEm(14); - list-style-type: none; - margin: 0; - padding: unitSize(1) 1em; - transition: background-color $transition-duration; - white-space: nowrap; - - &:hover { background-color: getColor(background, light); } - } -} - -// Dropdown lists -ul, -ol { - &.dropdown-content { padding: 0; } -} - - -// -// Hoverable -// --------- - -.dropdown--hover { - &:hover { - pointer-events: none; - - .dropdown-content { - opacity: 1; - visibility: visible; - } - } -} - - -// -// Modifiers -// --------- - -// Small -.dropdown--small { - .dropdown-content { width: 150px; } -} - -// Large -.dropdown--large { - .dropdown-content { width: 300px; } -} - -// Top -.dropdown--top { - .dropdown-content { - bottom: 100%; - margin-top: 0; - margin-bottom: unitSize(1); - - &:before, - &:after { top: 100%; } - - &:after { - border-color: rgba(255, 255, 255, 0); - border-top-color: white; - } - - &:before { - border-color: rgba(255, 255, 255, 0); - border-top-color: getColor(base, lines); - } - } -} diff --git a/src/addons/concise-ui/components/_groups.scss b/src/addons/concise-ui/components/_groups.scss deleted file mode 100644 index dcb5acc..0000000 --- a/src/addons/concise-ui/components/_groups.scss +++ /dev/null @@ -1,34 +0,0 @@ -// -// Groups -// ============================================================================= - -.group { - @include clearfix(); - - display: inline-block; - margin-bottom: unitSize(3); - padding: 0; - - span { margin-top: 0; } -} - -.group-item { - border: 1px solid getColor(base, lines); - display: inline-block; - float: left; - font-size: pxToEm(14); - line-height: unitSize(4); - list-style: none; - padding: 0 1em; - transition: background-color $transition-duration; - - &:not(:first-child) { margin: 0 0 0 -1px; } - - &:hover { background-color: getColor(background, light); } - - &:first-child { border-radius: 3px 0 0 3px; } - - &:last-child { border-radius: 0 3px 3px 0; } - - &.is-active { background-color: getColor(background, light); } -} diff --git a/src/addons/concise-ui/components/_labels.scss b/src/addons/concise-ui/components/_labels.scss deleted file mode 100644 index 220b618..0000000 --- a/src/addons/concise-ui/components/_labels.scss +++ /dev/null @@ -1,13 +0,0 @@ -// -// Labels -// ============================================================================= - -.label { - background-color: getColor(base, primary); - border-radius: 3px; - color: getColor(text, ui); - display: inline-block; - font-size: pxToEm(12); - line-height: unitSize(3); - padding: 0 1em; -} diff --git a/src/addons/concise-ui/components/_modals.scss b/src/addons/concise-ui/components/_modals.scss deleted file mode 100644 index 6aa2af9..0000000 --- a/src/addons/concise-ui/components/_modals.scss +++ /dev/null @@ -1,138 +0,0 @@ -// -// Modals -// ============================================================================= - -.modal { - background-color: rgba(getColor(background, dark), .5); - bottom: 0; - left: 0; - margin: 0; - opacity: 0; - overflow: scroll; - pointer-events: none; - position: fixed; - right: 0; - top: 0; - transition: opacity ease-in $transition-duration; - z-index: 1000002; - - &:target { - opacity: 1; - pointer-events: auto; - } -} - -.modal-container { - box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .1); - margin: unitSize(2) auto; - position: relative; - width: 90%; - - @media (min-width: $bp-small) { width: 526px; } - - @media (min-height: $bp-extra-small) { - margin: 10% auto; - } - - @media (min-height: $bp-small) { - margin: 15% auto; - } -} - -.modal-header { - background-color: getColor(base, primary); - color: getColor(text, ui); - padding: unitSize(2) 1.5em; - - h1, h2, h3, h4, h5, h6, - .h1, .h2, .h3, .h4, .h5, .h6, - .giga, .mega, .kilo { - color: inherit; - display: inline; - } -} - -.modal-body, -.modal-footer { - background-color: white; - margin-top: 0; -} - -.modal-body { padding: unitSize(4) 2.5em; } - -.modal-footer { - border-top: 1px solid getColor(base, lines); - font-size: pxToEm(14); - margin: 0; - padding: unitSize(3) 2.5em; -} - -.modal-close { - color: getColor(text, ui); - float: right; - margin: 0; - opacity: .5; - transition: opacity $transition-duration; - - &:hover { opacity: 1; } - - &:hover, - &:focus { text-decoration: none; } -} - -.modal:target .modal-close--background { - display: block; - height: 100%; - pointer-events: all; - position: absolute; - width: 100%; - - &:hover { - border-bottom: none; - text-decoration: none; - } -} - - -// -// Modifiers -// --------- - -// Small -.modal--small { - .modal-container { - @media (min-width: $bp-small) { width: 360px; } - } -} - -// Large -.modal--large { - .modal-container { - @media (min-width: $bp-small) { width: 760px; } - } -} - -// Full-width -.modal--full { - .modal-container { - @media (min-width: $bp-small) { width: 90%; } - } -} - -// Flat -.modal--flat { - .modal-header { - background-color: white; - color: getColor(text, primary); - padding: 1.5em 2.5em 0; - - h1, h2, h3, h4, h5, h6, - .h1, .h2, .h3, .h4, .h5, .h6 { color: inherit; } - } - - .modal-close { - color: getColor(text, primary); - line-height: 1; - margin: 0; - } -} diff --git a/src/addons/concise-ui/components/_progress.scss b/src/addons/concise-ui/components/_progress.scss deleted file mode 100644 index 22e6002..0000000 --- a/src/addons/concise-ui/components/_progress.scss +++ /dev/null @@ -1,111 +0,0 @@ -// -// Progress Bars -// ============================================================================= -// Courtesy of Chris Coyier (http://css-tricks.com/css3-progress-bars/) - -.progress { - background-color: getColor(background, light); - border-radius: 3px; - box-shadow: inset 0 1px 1px rgba(getColor(base, lines), .25); - box-sizing: initial; - color: getColor(text, ui); - font-size: pxToEm(11); - height: 14px; - line-height: 1.2; - margin-bottom: unitSize(3); - position: relative; - text-align: center; - width: 100%; -} - -.progress { - > span { - background-color: getColor(base, primary); - border-radius: 3px; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); - display: block; - height: 100%; - overflow: hidden; - position: relative; - width: auto; - } -} - -.progress--small { - font-size: pxToEm(9); - height: 10px; - line-height: 1.2; -} - -.progress--large { - font-size: pxToEm($font-base-size); - height: 25px; - line-height: 1.7; -} - -.progress--stacked { - > span { - border-radius: 0; - display: inline-block; - float: left; - margin-top: 0; - - &:first-of-type { border-radius: 3px 0 0 3px; } - - &:last-of-type { border-radius: 0 3px 3px 0; } - } -} - -// Striped -.progress--striped { - > span { - &:after, > span { - background-image: - -webkit-gradient( - linear, 0 0, 100% 100%, - color-stop(.25, rgba(255, 255, 255, .2)), - color-stop(.25, transparent), - color-stop(.5, transparent), - color-stop(.5, rgba(255, 255, 255, .2)), - color-stop(.75, rgba(255, 255, 255, .2)), - color-stop(.75, transparent), to(transparent)); - background-image: - -moz-linear-gradient(-45deg, - rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, - rgba(255, 255, 255, .2) 50%, - rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); - background-size: 50px 50px; - bottom: 0; - content: ""; - left: 0; - overflow: hidden; - position: absolute; - right: 0; - top: 0; - z-index: 1; - } - } - - // Animated - &.progress--animate > span { - &:after, > span { animation: move 2s linear infinite; } - } -} - -@keyframes move { - 0% { background-position: 0 0; } - - 100% { background-position: 50px 50px; } -} - -@-moz-keyframes move { - 0% { background-position: 0 0; } - - 100% { background-position: 50px 50px; } -} - -@-webkit-keyframes move { - 0% { background-position: 0 0; } - - 100% { background-position: 50px 50px; } -} diff --git a/src/addons/concise-ui/components/_spinner.scss b/src/addons/concise-ui/components/_spinner.scss deleted file mode 100644 index 7514f65..0000000 --- a/src/addons/concise-ui/components/_spinner.scss +++ /dev/null @@ -1,19 +0,0 @@ -// -// Spinner -// ============================================================================= - -.spinner { - animation: rotate .8s infinite linear; - border: 3px solid darken(getColor(background, light), 25%); - border-radius: 50%; - border-right-color: transparent; - height: 30px; - margin: unitSize(3) auto; - width: 30px; -} - -@keyframes rotate { - 0% { transform: rotate(0deg); } - - 100% { transform: rotate(360deg); } -} diff --git a/src/addons/concise-ui/components/_tooltips.scss b/src/addons/concise-ui/components/_tooltips.scss deleted file mode 100644 index ae03e31..0000000 --- a/src/addons/concise-ui/components/_tooltips.scss +++ /dev/null @@ -1,191 +0,0 @@ -// -// Tooltips -// ============================================================================= -// Courtesy of Hint.css (http://kushagragour.in/lab/hint/) - -.tooltip, -[data-hint] { - display: inline-block; - position: relative; - - &:before, - &:after { - border-radius: 2px; - opacity: 0; - position: absolute; - pointer-events: none; - transform: translate3d(0, 0, 0); - transition: ($transition-duration / 1.5); - transition-delay: 0ms; - visibility: hidden; - z-index: 1000000; - } - - &:before { - background-color: transparent; - border: 8px solid transparent; - content: ""; - position: absolute; - z-index: 1000001; - } - - &:after { - background-color: getColor(background, dark); - color: getColor(text, ui); - content: attr(data-hint); - font-size: pxToEm(12); - padding: .25em .5em; - text-decoration: none; - white-space: nowrap; - } - - &:hover, - &:focus { - &:before, - &:after { - opacity: 1; - visibility: visible; - } - } - - &:hover { - &:before, - &:after { transition-delay: 100ms; } - } -} - - -// -// Positioning -// ----------- - -// Top -.tooltip--top { - &:before { - border-top-color: getColor(background, dark); - margin-bottom: -12px; - } - - &:after { margin-left: -18px; } - - &:before, - &:after { - bottom: 100%; - left: 50%; - } - - &:hover { - &:after, - &:before { transform: translateY(-8px); } - } - - &:focus { - &:after, - &:before { - transform: translateY(-8px); - transition: $transition-duration; - } - } -} - -// Bottom -.tooltip--bottom { - &:before { - border-bottom-color: getColor(background, dark); - margin-top: -12px; - } - - &:after { margin-left: -18px; } - - &:before, - &:after { - left: 50%; - top: 100%; - } - - &:hover, - &:focus { - &:after, - &:before { transform: translateY(8px); } - } -} - -// Right -.tooltip--right { - &:before { - border-right-color: getColor(background, dark); - margin-bottom: -8px; - margin-left: -12px; - } - - &:after { margin-bottom: -12px; } - - &:before, - &:after { - bottom: 50%; - left: 105%; - } - - &:hover, - &:focus { - &:after, - &:before { transform: translateX(8px); } - } -} - -// Left -.tooltip--left { - &:before { - border-left-color: getColor(background, dark); - margin-bottom: -8px; - margin-right: -12px; - } - - &:after { margin-bottom: -12px; } - - &:before, - &:after { - bottom: 50%; - right: 100%; - } - - &:hover, - &:focus { - &:after, - &:before { transform: translateX(-8px); } - } -} - - -// -// Modifiers -// --------- - -// Persistent tooltips -.tooltip--always { - &:before, - &:after { - opacity: 1; - visibility: visible; - } - - .tooltip--top { - &:before, - &:after { transform: translateY(-8px); } - } - - .tooltip--right { - &:before, - &:after { transform: translateY(8px); } - } - - .tooltip--bottom { - &:before, - &:after { transform: translateX(-8px); } - } - - .tooltip--left { - &:before, - &:after { transform: translateX(8px); } - } -} diff --git a/src/concise.scss b/src/concise.scss deleted file mode 100644 index ca6a6b1..0000000 --- a/src/concise.scss +++ /dev/null @@ -1,40 +0,0 @@ -/** - * ConciseCSS v3.4.0 - * https://github.com/ConciseCSS/concise.css - * - * Copyright 2016 James Kolce, Keenan Payne and ConciseCSS Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -// Globals -@import 'core/globals/globals'; -@import 'core/globals/functions'; -@import 'core/globals/mixins'; - -// Custom globals -@import 'custom/globals'; - -// Natives -@import 'core/layout/base'; -@import 'core/layout/blockquotes'; -@import 'core/layout/buttons'; -@import 'core/layout/forms'; -@import 'core/layout/headings'; -@import 'core/layout/lists'; -@import 'core/layout/print'; -@import 'core/layout/tables'; -@import 'core/layout/type'; - -// Utils -@import 'core/utils/atgrid'; -@import 'core/utils/colors'; -@import 'core/utils/conditional-styling'; -@import 'core/utils/helpers'; - -// Add-Ons -@import 'addons/concise-ui/concise-ui'; - -// Custom styles -@import 'custom/custom'; diff --git a/src/core/globals/_functions.scss b/src/core/globals/_functions.scss deleted file mode 100644 index 0b46102..0000000 --- a/src/core/globals/_functions.scss +++ /dev/null @@ -1,84 +0,0 @@ -// -// Functions -// ============================================================================= - -// -// Variables -// --------- - -// Base Size -$base-unit: 8 !default; - - -// -// unitSize -// -------- -// Use this function to set sizes with proportions. -// -// @access public -// -// @param {String} $multiplier - times the base unit ($base-unit by default) -// @param {Number} $offset - A value in pixels which will be added to the -// result, can be positive for addition or negative for -// subtraction -// -// @return {Number} Value in px, equal to the number of times the base unit -// plus the offset -// - -@function unitSize($multiplier, $offset: 0) { - @return ($base-unit * $multiplier + $offset) + px; -} - - -// -// pxToEm -// ------ -// Converts a Px value into a Em value -// -// @access public -// -// @param {Number} $px - value in pixels -// @param {Number} $base - Base font size -// -// @return {Number} Value in Ems -// - -@function pxToEm($px, $base: $font-base-size) { - @return ($px / $base) + em; -} - - -// -// pxToRem -// ------ -// Converts a Px value into a Rem value -// -// @access public -// -// @param {Number} $px - value in pixels -// -// @return {Number} Value in Rems -// - -@function pxToRem($px) { - @return ($px / $font-base-size) + rem; -} - - -// -// getColor -// -------- -// Easily retrieve colors for use. -// -// @access public -// -// @param {String} $color - Name of the color -// @param {Color} $value - The color value to grab (default is "base") -// -// @return {Color} Value of the color -// - -@function getColor($color, $value: "base") { - @return map-get(map-get($colors, $color), $value); -} diff --git a/src/core/globals/_globals.scss b/src/core/globals/_globals.scss deleted file mode 100644 index 1452983..0000000 --- a/src/core/globals/_globals.scss +++ /dev/null @@ -1,102 +0,0 @@ -// -// Global Variables -// ============================================================================= - -// -// Base -// ---- - -// Non-responsive website -$non-responsive: true !default; - -// Transition duration -$transition-duration: 150ms !default; - -// Breakpoints -$bp-extra-small: 30em !default; -$bp-small: 48em !default; -$bp-medium: 60em !default; -$bp-large: 70em !default; -$bp-extra-large: 80em !default; - -// Spacing -$spacing-xs: unitSize(1) !default; -$spacing-s: unitSize(2) !default; -$spacing-m: unitSize(3) !default; -$spacing-l: unitSize(4) !default; -$spacing-xl: unitSize(5) !default; - - -// -// Color Palette -// ------------- - -// Colors -$colors: ( - base: ( - "primary": #4591aa, - "selection": #d6d6d6, - "lines": #e0e0e0 - ), - - text: ( - "primary": #555, - "secondary": #666, - "heading": #222, - "ui": white - ), - - background: ( - "dark": #282E31, - "light": #f5f5f5, - "body": white - ), - - state: ( - "muted": #aaa, - "primary": #4591aa, - "success": #45ca69, - "warning": #ffb800, - "error": #ca4829 - ), - - blue: ( - "darker": #495b61, - "dark": #447281, - "base": #4591aa, - "light": #5ab0cc, - "lighter": #74cbe8 - ), - - green: ( - "darker": #3b6e6e, - "dark": #3b8686, - "base": #37a1a1, - "light": #2dbaba, - "lighter": #69d1d1 - ), - - cream: ( - "darker": #c47858, - "dark": #e29372, - "base": #ecac91, - "light": #f9c2ab, - "lighter": #fdd5c3 - ), - - red: ( - "darker": #653131, - "dark": #b73333, - "base": #da3c3c, - "light": #f25a5a, - "lighter": #fa8181 - ), - - gray: ( - "darker": #333333, - "dark": #4d4d4d, - "base": #666666, - "light": #808080, - "lighter": #999999 - ) -) !default; diff --git a/src/core/globals/_mixins.scss b/src/core/globals/_mixins.scss deleted file mode 100644 index 38ab208..0000000 --- a/src/core/globals/_mixins.scss +++ /dev/null @@ -1,22 +0,0 @@ -// -// Mixins -// ============================================================================= - -// -// Clearfix -// -------- -// Generates CSS that will clear both left -// and right floats. -// - -@mixin clearfix() { - & { - &:before, - &:after { - content: ""; - display: table; - } - - &:after { clear: both; } - } -} diff --git a/src/core/layout/_base.scss b/src/core/layout/_base.scss deleted file mode 100644 index 3328e37..0000000 --- a/src/core/layout/_base.scss +++ /dev/null @@ -1,146 +0,0 @@ -// -// Base styles -// ============================================================================= - -// -// Variables -// --------- - -// Font families -$font-family: "Helvetica", "Arial", sans-serif !default; -$font-family-mono: "Consolas", monospace !default; -$font-base-size: 16 !default; - - -// -// Normalization -// ------------- -// Courtesy of sanitize.css -// (http://jonathantneal.github.io/sanitize.css/) - -:root { - -ms-overflow-style: -ms-autohiding-scrollbar; - overflow-y: scroll; - text-size-adjust: 100%; -} - -audio:not([controls]) { display: none; } - -details { display: block; } - -input { - &[type="number"] { width: auto; } - - &[type="search"] { - -webkit-appearance: textfield; - - &::-webkit-search-cancel-button, - &::-webkit-search-decoration { -webkit-appearance: none; } - } -} - -main, -summary { display: block; } - -pre { overflow: auto; } - -progress { display: inline-block; } - -textarea { overflow: auto; } - -template, -[hidden] { display: none; } - -[unselectable] { user-select: none } - - -// -// Universal Inheritance -// --------------------- - -// Specify default styles in the document -:root { - box-sizing: border-box; - color: getColor(text, primary); - cursor: default; - font-family: $font-family; - font-size: ($font-base-size * .875) + px; - line-height: 1.5; - text-rendering: optimizeLegibility; - vertical-align: top; - - @media (min-width: $bp-extra-small) { - font-size: $font-base-size + px; - } - - @if $non-responsive == true { - .nonresponsive { font-size: $font-base-size + px; } - } -} - -*, -::after, -::before { - box-sizing: inherit; - color: inherit; - font-family: inherit; - font-size: inherit; - line-height: inherit; - text-decoration: inherit; - vertical-align: inherit; -} - -* { - cursor: inherit; - margin: 0; - padding: 0; -} - - -// -// Misc -// ---- - -body { background-color: getColor(background, body); } - -a, -button, -input, -select, -textarea { cursor: initial; } - -// RTL and LTR language support -*[dir="rl;"] { - direction: rtl; - unicode-bidi: embed; -} - -bdo[dir="ltr"], -bdo[dir="rtl"] { unicode-bidi: bidi-override; } - -bdo[dir="ltr"] { direction: ltr; } - -bdo[dir="rtl"] { direction: rtl; } - -// Horizontal rule -hr { - border: 0; - border-top: 1px solid getColor(base, lines); - display: block; - height: 1px; - margin: unitSize(3, -4) 0; -} - -// Figures -figure { margin: unitSize(3) 1em; } - -figcaption { - color: getColor(text, secondary); - font-style: italic; - text-align: center; -} - -// Selection -::selection { background-color: getColor(base, selection); } - -::-moz-selection { background-color: getColor(base, selection); } diff --git a/src/core/layout/_blockquotes.scss b/src/core/layout/_blockquotes.scss deleted file mode 100644 index b33910c..0000000 --- a/src/core/layout/_blockquotes.scss +++ /dev/null @@ -1,32 +0,0 @@ -// -// Blockquotes -// ============================================================================= - -blockquote { - border-left: 1px solid getColor(base, lines); - color: getColor(text, secondary); - margin-bottom: unitSize(3, -4); - padding: 0 1em; - - cite, - footer { - display: block; - font-size: 80%; - font-style: italic; - margin-top: unitSize(1, 2); - } - - cite:before, - footer:before { content: "\2014 \00A0"; } -} - - -// -// Modifiers -// --------- - -.blockquote--reverse { - border-left: none; - border-right: 1px solid getColor(base, lines); - text-align: right; -} diff --git a/src/core/layout/_buttons.scss b/src/core/layout/_buttons.scss deleted file mode 100644 index 99d742a..0000000 --- a/src/core/layout/_buttons.scss +++ /dev/null @@ -1,126 +0,0 @@ -// -// Buttons -// ============================================================================= - -button, -.button { - background-color: getColor(base, primary); - border: none; - color: getColor(text, ui); - cursor: pointer; - display: inline-block; - line-height: unitSize(6); - overflow: visible; - padding: 0 2.5em; - text-align: center; - text-decoration: none; - transition: $transition-duration; - user-select: none; - vertical-align: middle; - white-space: nowrap; - - &:hover, - &:focus { - background-color: lighten(getColor(base, primary), 15%); - color: inherit; - text-decoration: none; - } - - &:focus, - &:active { outline: none; } - - &:active { background-color: lighten(getColor(base, primary), 10%); } - - &[disabled] { - background-color: darken(getColor(background, light), 10%); - color: getColor(text, ui); - cursor: not-allowed; - } -} - - -// -// States -// ------ - -@each $color-name, $color in $colors { - @each $color-type, $color-value in $color { - @if $color-name == "state" { - .button--#{$color-type} { - background-color: $color-value; - - &:hover, - &:focus { background-color: lighten($color-value, 15%); } - - &:active { background-color: lighten($color-value, 10%); } - } - } - } -} - - -// -// Sizes -// ----- - -// Extra small -.button--xsm { - font-size: pxToEm(12); - line-height: unitSize(4); - padding: 0 1.5em; -} - -// Small -.button--sm { - font-size: pxToEm(14); - line-height: unitSize(5); - padding: 0 2em; -} - -// Large -.button--lg { - font-size: pxToEm(18); - line-height: unitSize(7); - padding: 0 3em; -} - -// Extra large -.button--xlg { - font-size: pxToEm(18); - line-height: unitSize(8); - padding: 0 3.5em; -} - -// Full-width -.button--full { width: 100%; } - - -// -// Modifiers -// --------- - -// Pill -.button--pill { border-radius: 25px; } - -// Flat -.button--flat { - background-color: transparent; - color: getColor(text, primary); - - &:hover { - background-color: rgba(0, 0, 0, .1); - color: getColor(text, primary); - } - - &[disabled] { - background-color: transparent; - color: getColor(text, secondary); - } -} - -// Collapsible -.button--collapse { - width: 100%; - - @media (min-width: $bp-extra-small) { width: auto; } -} diff --git a/src/core/layout/_forms.scss b/src/core/layout/_forms.scss deleted file mode 100644 index ed4e5f5..0000000 --- a/src/core/layout/_forms.scss +++ /dev/null @@ -1,315 +0,0 @@ -// -// Forms -// ============================================================================= - -form, -form [row] { - @media (min-width: $bp-extra-small) { - margin-bottom: unitSize(3); - } - - @if $non-responsive == true { - .nonresponsive & { margin-bottom: unitSize(3); } - } -} - -input:not([type="submit"]), -select, -textarea { - border: 1px solid getColor(base, lines); - border-radius: 3px; - font-size: pxToEm(14); - height: unitSize(4); - padding: 0 .75em; - transition: $transition-duration; - width: 100%; - - &:focus { - border-color: getColor(blue, lighter); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), - 0 0 6px rgba(getColor(blue, base), .5); - outline: none; - } - - &[disabled] { - background-color: getColor(background, light); - cursor: not-allowed; - } -} - -input:not([type="submit"]) { - - line-height: normal; - min-height: unitSize(3); - - // Remove focus styles - &[type="checkbox"], - &[type="radio"], - &[type="range"], - &[type="file"], - &[type="color"], - &[type="submit"] { - &:focus { - border-color: transparent; - box-shadow: none; - outline: none; - } - } -} - -input[type="submit"] { - @extend button; -} - -label { - display: block; - font-size: pxToEm(14); -} - -fieldset { - border: 1px solid getColor(base, lines); - border-radius: 3px; - padding: unitSize(3) 1em; - margin-bottom: unitSize(3); -} - -legend { - font-size: pxToEm(14); - font-weight: bold; - padding: 0 1em; -} - -// Keep the original size for this small inputs -input[type="checkbox"], -input[type="file"], -input[type="image"], -input[type="radio"] { - height: auto; - width: auto; -} - -// Checkbox & radio -input[type="checkbox"], -input[type="radio"] { - line-height: normal; - padding: 0; - vertical-align: middle; -} - -// Checkbox & radio elements are inline with their label -input[type="checkbox"] + label, -input[type="radio"] + label { - display: inline-block; - margin: 0 0 0 .5em; - line-height: unitSize(4, -2); - vertical-align: middle; -} - -// File upload -input[type="file"] { - border: none; - line-height: 100%; - padding: 0; -} - -// Textarea -textarea { - height: auto; - padding: unitSize(1) 1em; - resize: vertical; -} - -// Style select like a standard input - Internet Explorer 11+ -select { - background-color: transparent; - border-radius: 5px; - padding: 0; - - &[disabled] { color: getColor(text, secondary); } - - &[multiple] { height: auto; } - - &::-ms-expand { display: none; } - - &::-ms-value { color: currentColor; } - - option { padding: 0 .75em } -} - -// Range input -input[type="range"] { - border: none; - padding: 0; - width: 100%; - -webkit-appearance: none; - - &:focus { outline: none; } - - &::-webkit-slider-runnable-track { - background-color: darken(getColor(background, light), 10%); - border: none; - border-radius: 3px; - height: 5px; - } - - &::-webkit-slider-thumb { - border: none; - border-radius: 50%; - background-color: getColor(base, primary); - height: 16px; - margin-top: -5px; - width: 16px; - -webkit-appearance: none; - } - - &::-moz-range-track { - background-color: darken(getColor(background, light), 10%); - border: none; - border-radius: 3px; - height: 5px; - } - - &::-moz-range-thumb { - border: none; - border-radius: 50%; - background-color: getColor(base, primary); - height: 16px; - margin-top: -5px; - width: 16px; - } - - &::-ms-track { - background-color: darken(getColor(background, light), 10%); - border: none; - border-radius: 3px; - color: transparent; - height: 5px; - } - - &::-ms-thumb { - border: none; - border-radius: 50%; - background-color: getColor(base, primary); - height: 16px; - margin-top: -5px; - width: 16px; - } -} - - -// -// Descendents -// ----------- - -// Help text -.input--help { - color: getColor(text, secondary); - display: block; - font-size: pxToEm(12); - font-weight: bold; - margin-top: unitSize(1); -} - - -// -// Form Modifiers -// -------------- - -// Inline Form -.form--inline { - input, - select, - textarea { margin-bottom: unitSize(3, -4); } - - @media (min-width: $bp-extra-small) { - input, - select, - textarea { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; - width: auto; - } - - label { - display: inline; - margin-right: .5em; - vertical-align: middle; - } - - input + label { margin-left: 1em; } - } -} - -@if $non-responsive == true { - .nonresponsive { - .form--inline { - input, - select, - textarea { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; - width: auto; - } - - label { - display: inline; - margin-right: .5em; - vertical-align: middle; - } - - input + label { margin-left: 1em; } - } - } -} - - -// -// Input Modifiers -// --------------- - -// Small -.input--small { - font-size: pxToEm(12) !important; - height: unitSize(3) !important; -} - -// Large -.input--large { - font-size: pxToEm(16) !important; - height: unitSize(6) !important; -} - -// Flat -.input--flat { - background-color: transparent; - border-color: transparent; - box-shadow: none; - - &:focus { border-color: getColor(blue, lighter); } -} - -// Success -.input--success { - background-color: rgba(getColor(state, success), .15); - border-color: getColor(state, success); - - &:focus { border-color: getColor(state, success); } -} - -// Warning -.input--warning { - background-color: rgba(getColor(state, warning), .15); - border-color: getColor(state, warning); - - &:focus { border-color: getColor(state, warning); } -} - -// Warning -.input--error { - background-color: rgba(getColor(state, error), .15); - border-color: getColor(state, error); - - &:focus { border-color: getColor(state, error); } -} diff --git a/src/core/layout/_headings.scss b/src/core/layout/_headings.scss deleted file mode 100644 index 2de5410..0000000 --- a/src/core/layout/_headings.scss +++ /dev/null @@ -1,151 +0,0 @@ -// -// Headings -// ============================================================================= - - -// -// Variables -// --------- - -// Font sizes -$h1-size: 48 !default; -$h2-size: 36 !default; -$h3-size: 28 !default; -$h4-size: 18 !default; -$h5-size: 16 !default; -$h6-size: 14 !default; -$giga-size: 80 !default; -$mega-size: 64 !default; -$kilo-size: 52 !default; - -// Font family -$font-family-headings: "Helvetica", "Arial", sans-serif !default; - - -// -// Styles -// ------ - -h1, h2, h3, h4, h5, h6, -.h1, .h2, .h3, .h4, .h5, .h6, -.giga, .mega, .kilo { - color: getColor(text, heading); - font-family: $font-family-headings; - line-height: 1.25em; - - small, - .small { - color: getColor(text, secondary); - font-weight: lighter; - vertical-align: 0; - } -} - -h1, h2, h3, -.h1, .h2, .h3, -.giga, .mega, .kilo { - margin: unitSize(3, -4) 0 unitSize(1, 2); - - small, - .small { font-size: 65%; } -} - -h4, h5, h6, -.h4, .h5, .h6 { - margin: unitSize(1, 2) 0; - - small, - .small { font-size: 75%; } -} - -h1, -.h1 { - font-size: pxToEm($h1-size * .75); - - @media (min-width: $bp-small) { - font-size: pxToEm($h1-size); - } -} - -h2, -.h2 { - font-size: pxToEm($h2-size * .75); - - @media (min-width: $bp-small) { - font-size: pxToEm($h2-size); - } -} - -h3, -.h3 { - font-size: pxToEm($h3-size * .75); - - @media (min-width: $bp-small) { - font-size: pxToEm($h3-size); - } -} - -h4, -.h4 { font-size: pxToEm($h4-size); } - -h5, -.h5 { font-size: pxToEm($h5-size); } - -h6, -.h6 { font-size: pxToEm($h6-size); } - - -// -// Sizes -// ----- - -// Giga -.giga { - font-size: pxToEm($giga-size * .75); - - @media (min-width: $bp-small) { - font-size: pxToEm($giga-size); - } -} - -// Mega -.mega { - font-size: pxToEm($mega-size * .75); - - @media (min-width: $bp-small) { - font-size: pxToEm($mega-size); - } -} - -// Kilo -.kilo { - font-size: pxToEm($kilo-size * .75); - - @media (min-width: $bp-small) { - font-size: pxToEm($kilo-size); - } -} - - -// -// Non-Responsive -// -------------- - -@if $non-responsive == true { - .nonresponsive { - h1, - .h1 { font-size: pxToEm($h1-size); } - - h2, - .h2 { font-size: pxToEm($h2-size); } - - h3, - .h3 { font-size: pxToEm($h3-size); } - - .giga { font-size: pxToEm($giga-size); } - - .mega { font-size: pxToEm($mega-size); } - - .kilo { font-size: pxToEm($kilo-size); } - } -} diff --git a/src/core/layout/_lists.scss b/src/core/layout/_lists.scss deleted file mode 100644 index 01d051b..0000000 --- a/src/core/layout/_lists.scss +++ /dev/null @@ -1,105 +0,0 @@ -// -// Lists -// ============================================================================= - -ul, -ol { - padding-left: 1.5em; - margin-bottom: unitSize(1, 2); - - ul, - ol { margin-bottom: 0; } -} - -ul { - ul { list-style-type: square; } - - ol { list-style-type: lower-roman; } -} - -ol { - ol { list-style-type: lower-roman; } - - ul { list-style-type: square; } -} - - -// -// Modifiers -// --------- - -// Unstyled -.list--unstyled { - list-style: none; - padding-left: 0; - - li { padding-left: 0; } -} - -// Inline -.list--inline { - padding-left: 0; - - li { - display: inline; - list-style: none; - padding-left: 1.5em; - - &:first-child { padding-left: 0; } - } -} - - -// -// Definition Lists -// ---------------- - -dl { margin-bottom: unitSize(3); } - -dt { font-weight: bold; } - -dt, -dd { margin-bottom: unitSize(1, 2); } - -// Horizontal definition list -.dl--horizontal { - @media (min-width: $bp-medium) { - dt { - clear: left; - float: left; - overflow: hidden; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; - width: 150px; - } - - dd { - @include clearfix(); - - margin-left: 165px; - } - } -} - -@if $non-responsive == true { - .nonresponsive { - .dl--horizontal { - dt { - clear: left; - float: left; - overflow: hidden; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; - width: 150px; - } - - dd { - @include clearfix(); - - margin-left: 165px; - } - } - } -} diff --git a/src/core/layout/_print.scss b/src/core/layout/_print.scss deleted file mode 100644 index f74deff..0000000 --- a/src/core/layout/_print.scss +++ /dev/null @@ -1,157 +0,0 @@ -// -// Print -// ============================================================================= - -// -// Variables -// --------- - -$font-family-print: "Georgia", "Times New Roman", "Times", serif !default; - - -// -// Styles -// --------- - -@media print { - @page { margin: .5cm; } - - *, - *:before, - *:after { - background: transparent !important; - color: black !important; - filter: none !important; - text-shadow: none !important; - } - - :root { - background-color: white; - color: black; - font: 11pt / 1.3 $font-family-print; - } - - img { - max-width: 100% !important; - page-break-after: avoid; - page-break-inside: avoid; - } - - .show--print { - display: block; - visibility: visible; - } - - .hide--print, - video, - audio, - object, - embed, - nav, - footer, - a[href^="#"]:after { - display: none; - visibility: hidden; - } - - p, - h2, h3, - .h2, .h3 { - orphans: 3; - widows: 3; - } - - h2, h3, - .h2, .h3 { page-break-after: avoid; } - - a, - a:visited { - color: black; - font-size: .57em; - text-decoration: underline; - word-wrap: break-word; - - &[href]:after { - content: " (" attr(href) ")"; - font-size: smaller; - } - } - - q:after { content: " (Source: " attr(cite) ")"; } - - abbr[title]:after { content: " (" attr(title) ")"; } - - a { - &:after, - &[href^="javascript:"]:after, - &[href^="#"]:after { content: ""; } - } - - pre, - code { - background-color: none; - border: 1px solid getColor(base, lines); - page-break-inside: avoid; - } - - blockquote { - border: none; - page-break-inside: avoid; - } - - thead { display: table-header-group; } - - tr, - img { page-break-inside: avoid; } - - ol { padding-left: 1.25em; } - - ul { - padding-left: 0; - list-style: none; - - ul, - ul ul { padding-left: 1.5em; } - } - - ul, - ol { - li { content: "» "; } - } - - table { - @media (min-width: $bp-extra-small) { - & { - page-break-inside: avoid; - width: 100% !important; - - th, - td { line-height: unitSize(5) !important; } - } - } - } - - - // - // Components - // - // TODO: conditional to check if Concise UI is being included - - // Base - .badge, - .label, - .spinner, - .tooltip, - [data-hint], - .progress, - .breadcrumbs, - .modal, - .alert { - &, - &:before, - *:after { - display: none; - visibility: hidden; - } - } -} diff --git a/src/core/layout/_tables.scss b/src/core/layout/_tables.scss deleted file mode 100644 index a2bd402..0000000 --- a/src/core/layout/_tables.scss +++ /dev/null @@ -1,158 +0,0 @@ -// -// Tables -// ============================================================================= - -table { - border: 1px solid getColor(base, lines); - border-collapse: collapse; - border-spacing: 0; - empty-cells: show; - margin-bottom: unitSize(3); - width: 100%; - - caption { - color: getColor(text, primary); - font-size: 85%; - font-style: italic; - line-height: unitSize(6); - text-align: center; - } - - thead { - background-color: getColor(background, light); - text-align: left; - } - - tfoot { - background-color: lighten(getColor(background, light), 2.5%); - border-top: 1px solid getColor(base, lines); - } - - th, - td { - border-right: 1px solid getColor(base, lines); - line-height: unitSize(3); - overflow: visible; - padding: unitSize(1) 1em; - - @media (min-width: $bp-extra-small) { - line-height: unitSize(6); - } - - &:last-child { border-right: none; } - } - - tr, - td { transition: background-color $transition-duration; } - - @media (min-width: $bp-extra-small) { - & { - width: auto; - - th, - td { padding: 0 2.5em; } - } - } -} - -@if $non-responsive == true { - .nonresponsive { - & { - width: auto; - - th, - td { padding: 0 2.5em; } - } - - th, - td { line-height: unitSize(6); } - } -} - - -// -// Responsive -// ---------- - -.table--responsive { - overflow: auto; - width: 100%; - - &::-webkit-scrollbar { - height: 14px; - width: 14px; - - -webkit-appearance: none; - } - - &::-webkit-scrollbar-thumb { - background-color: rgba(50, 50, 50, .2); - border: 3px solid white; - border-radius: 8px; - } - - table { margin-bottom: 0; } -} - - -// -// Modifiers -// --------- - -// Full-width -.table--full { width: 100%; } - -// Border all -.table--border { - border: 1px solid getColor(base, lines); - - thead, - td { border-bottom: 1px solid getColor(base, lines); } -} - -// Border outer -.table--borderOuter { - border: 1px solid getColor(base, lines); - - th, - td { border-right: none; } -} - -// Border horizontal -.table--borderHorizontal { - thead, - td { border-bottom: 1px solid getColor(base, lines); } - - th, - td { border-right: none; } -} - -// Flat -.table--flat { - border: none; - - td { border-bottom: none; } - - th, - td { border-right: none; } -} - -// Fill even -.table--fillEven { - tbody tr:nth-child(even) { background-color: getColor(background, light); } -} - -// Fill odd -.table--fillOdd { - tbody tr:nth-child(odd) { background-color: getColor(background, light); } -} - -// Row hover -.table--hoverRow { - tbody tr:hover { background-color: getColor(background, light); } -} - -// Cell hover -.table--hoverCell { - tbody td:hover { background-color: getColor(background, light); } -} diff --git a/src/core/layout/_type.scss b/src/core/layout/_type.scss deleted file mode 100644 index f9ad3b1..0000000 --- a/src/core/layout/_type.scss +++ /dev/null @@ -1,148 +0,0 @@ -// -// Type Styles -// ============================================================================= - -// -// Defaults -// -------- - -i, -em, -.italic { font-style: italic; } - -b, -strong, -.bold { font-weight: bold; } - -small, -.small { - font-size: 75%; - vertical-align: text-bottom; -} - -sup, -sub { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { top: -0.5em; } - -sub { bottom: -0.25em; } - -s { text-decoration: line-through; } - - -// -// Paragraphs -// -------- - -p:not(:last-child) { margin-bottom: unitSize(3, -4); } - - -// -// Links -// ----- - -a { - background-color: transparent; - color: getColor(base, primary); - cursor: pointer; - text-decoration: none; - transition: $transition-duration; - - &:hover, - &:focus { color: darken(getColor(base, primary), 15%); } -} - -h1, h2, h3, -.h1, .h2, .h3 { - a { - color: getColor(text, primary); - - &:hover, - &:focus { - color: getColor(base, primary); - text-decoration: none; - } - } -} - - -// -// Abbreviations -// ------------- - -abbr[title] { - border-bottom: 1px dotted getColor(base, lines); - cursor: help; -} - - -// -// Pre, Code, and User Input -// ------------------------- - -code, -pre, -kbd, -samp { - font-family: $font-family-mono; - font-size: pxToEm(14); -} - -pre { padding: unitSize(2) 1.5em; } - -code { - vertical-align: middle; - white-space: nowrap; -} - -code, -pre { - background-color: getColor(background, light); - border: 1px solid getColor(base, lines); - border-radius: 3px; - color: darken(getColor(text, primary), 5%); - margin-bottom: unitSize(3); -} - -code { padding: 2px 3px; } - -pre code { - background-color: transparent; - border: none; - padding: 0; - vertical-align: inherit; - white-space: pre; -} - -.pre--flat { - background-color: transparent; - border: 0; - border-radius: none; - padding: 0; -} - -kbd { - background-color: transparent; - border: 1px solid getColor(base, lines); - border-radius: 3px; - box-shadow: 0 2px 0 -1px white,0 2px 0 darken(getColor(base, lines), 1.5%); - display: inline-block; - line-height: 1.75; - margin: -3px 2px 0; - padding: 2px 6px 0; - white-space: nowrap; -} - -samp { vertical-align: bottom; } - - -// -// Addresses -// --------- - -address { font-style: normal; } diff --git a/src/core/utils/_atgrid.scss b/src/core/utils/_atgrid.scss deleted file mode 100644 index f0a4b4a..0000000 --- a/src/core/utils/_atgrid.scss +++ /dev/null @@ -1,205 +0,0 @@ -// -// atGrid.css - CSS Grid System with HTML Attributes -// ============================================================================= -// https://github.com/jameskolce/atGrid -// -// Copyright 2014 James Kolce -// Licensed under MIT License -// (https://github.com/jameskolce/atGrid/blob/master/LICENSE) -// - -// -// Variables -// --------- - -// Attribute prefix -$prefix: "" !default; - -// Max width for container -$container-width: 1200px !default; - -// Gutter size in pixels (without the unit we can do math easily) -$gutter: 30 !default; - -// Number of columns in a row -$num-columns: 12 !default; - -// If you only want to use the mixins for "semantic grids" set this to true -$only-semantic: false !default; - - - - -// -// Mixins -// ============================================================================= -// You can use this to create "semantic grids" -// - -// -// Container -// --------- -// Use this mixin to create a row. Rows should be contained in a -// "container" element -// - -@mixin container() { - box-sizing: border-box; - margin: 0 auto; - max-width: $container-width; - padding-left: ($gutter / 2) + px; - padding-right: ($gutter / 2) + px; - width: 100%; -} - - -// -// Rows -// ---- -// Use this mixin to create a row. Columns should be contained in rows -// -// @clear-gutter: Set true to contain columns with gutter -// - -@mixin row($clear-gutter: true) { - @if $clear-gutter { - margin-left: ($gutter / -2) + px; - margin-right: ($gutter / -2) + px; - } - - margin-bottom: 0; - - &:before, - &:after { - content: ""; - display: table; - } - - &:after { clear: both; } -} - - -// -// Columns -// ------- -// Use this mixin to create a column -// -// @size: The size of the column, should be a number between 0-1. Example: 1/2 -// @add-gutter: Set this to true if you want to create padding for the column -// - -@mixin column($size, $add-gutter: true) { - box-sizing: border-box; - float: left; - margin-bottom: 0; - width: 100%; - - @if $size < 1 { - @media (min-width: $bp-small) { - width: ($size * 100%); - } - } - - @if $add-gutter { - padding-left: ($gutter / 2) + px; - padding-right: ($gutter / 2) + px; - } -} - - -// -// Column offset -// ------- -// Use this mixin to move a column -// -// @offset: The size of the offset, should be a number between 0-1. Example: 1/2 -// - -@mixin columnOffset($offset) { - margin-left: $offset * 100%; -} - - -// -// Semantic Styles -// ============================================================================= - -@if not $only-semantic { - // - // General Styles - // -------------- - // Basic styles for the container, rows and columns - // - // Put the columns inside the rows, and the rows inside a container. - // - - [#{$prefix}container] { - @include container(); - } - - [#{$prefix}row] { - @include row(); - } - - [#{$prefix}column] { - @include column(1); - } - - - // - // Column Styles - // ------------- - // Creates the width of the columns and their offset - // - // To use this grid system you need to use the following syntax in your - // HTML files (This example uses default configuration): - // - //
- //
- //
- // - //
- // - //
- // - //
- //
- //
- // - - // Create columns on devices larger than 48em - @media (min-width: $bp-small) { - // Create columns - @for $i from 1 through $num-columns { - [#{$prefix}column~="#{$i}"] { - width: (($i / $num-columns) * 100%); - } - } - - // Offset for columns - @for $i from 1 through ($num-columns - 1) { - [#{$prefix}column~="+#{$i}"] { - margin-left: (($i / $num-columns) * 100%); - } - } - } - - // Non-responsive grid - @if $non-responsive == true { - .nonresponsive { - // Create columns - @for $i from 1 through $num-columns { - [#{$prefix}column~="#{$i}"] { - width: (($i / $num-columns) * 100%); - } - } - - // Offset for columns - @for $i from 1 through ($num-columns - 1) { - [#{$prefix}column~="+#{$i}"] { - margin-left: (($i / $num-columns) * 100%); - } - } - } - } -} diff --git a/src/core/utils/_colors.scss b/src/core/utils/_colors.scss deleted file mode 100644 index 6d266e6..0000000 --- a/src/core/utils/_colors.scss +++ /dev/null @@ -1,19 +0,0 @@ -// -// Colors -// ============================================================================= -// Generates classes to change type and background colors from the colors -// set in `_globals.scss`. - -@each $color-name, $color in $colors { - @each $color-type, $color-value in $color { - @if $color-name == "state" { - .text--#{$color-type} { - color: $color-value !important; - } - - .bg--#{$color-type} { - background-color: $color-value !important; - } - } - } -} diff --git a/src/core/utils/_conditional-styling.scss b/src/core/utils/_conditional-styling.scss deleted file mode 100644 index 812dc89..0000000 --- a/src/core/utils/_conditional-styling.scss +++ /dev/null @@ -1,152 +0,0 @@ -// -// Conditional Styling -// ============================================================================= - -// -// Mixins -// ------ - -@mixin show-conditional { - display: block; - visibility: visible; -} - -@mixin hide-conditional { - display: none; - visibility: hidden; -} - - -// -// Extra-Small Devices -// ------------------- - -.show--xsm, -.hide--sm, -.hide--md, -.hide--lg, -.hide--xlg, -.hide--print, -.hide--hd { - @include show-conditional; -} - -.hide--xsm, -.show--sm, -.show--md, -.show--lg, -.show--xlg, -.show--print, -.show--hd { - @include hide-conditional; -} - - -// -// Small Devices -// ------------- - -@media (min-width: $bp-small) { - .show--sm, - .hide--xsm, - .hide--md, - .hide--lg, - .hide--xlg { - @include show-conditional; - } - - .hide--sm, - .show--xsm, - .show--md, - .show--lg, - .show--xlg { - @include hide-conditional; - } -} - - -// -// Medium Devices -// -------------- - -@media (min-width: $bp-medium) { - .show--md, - .hide--sm, - .hide--xsm, - .hide--lg, - .hide--xlg { - @include show-conditional; - } - - .hide--md, - .show--sm, - .show--xsm, - .show--lg, - .show--xlg { - @include hide-conditional; - } -} - - -// -// Large Devices -// ------------- - -@media (min-width: $bp-large) { - .show--lg, - .hide--xsm, - .hide--sm, - .hide--md, - .hide--xlg { - @include show-conditional; - } - - .hide--lg, - .show--xsm, - .show--sm, - .show--md, - .show--xlg { - @include hide-conditional; - } -} - - -// -// Extra-Large Devices -// ------------------- - -@media (min-width: $bp-extra-large) { - .show--xlg, - .hide--xsm, - .hide--sm, - .hide--md, - .hide--lg { - @include show-conditional; - } - - .hide--xlg, - .show--xsm, - .show--sm, - .show--md, - .show--lg { - @include hide-conditional; - } -} - - -// -// HiDPI and Retina -// ---------------- - -@media only screen and (-moz-min-device-pixel-ratio: 1.5), - only screen and (-o-min-device-pixel-ratio: 3 / 2), - only screen and (-webkit-min-device-pixel-ratio: 1.5), - only screen and (min-device-pixel-ratio: 1.5) { - .show--hd { - @include show-conditional; - } - - .hide--hd { - @include hide-conditional; - } -} diff --git a/src/core/utils/_helpers.scss b/src/core/utils/_helpers.scss deleted file mode 100644 index 4a0b28d..0000000 --- a/src/core/utils/_helpers.scss +++ /dev/null @@ -1,78 +0,0 @@ -// -// Helpers -// ============================================================================= - -// -// Text Alignment -// -------------- - -.text--left { text-align: left; } - -.text--center { text-align: center; } - -.text--right { text-align: right; } - -.text--justify { text-align: justify; } - - -// -// Floats -// ------ - -.float--none { float: none; } - -.float--right { float: right; } - -.float--left { float: left; } - -.clearfix { @include clearfix(); } - - -// -// Centering -// --------- - -// Center horizontally and vertically -.center--all { - left: 50%; - position: absolute; - text-align: center; - top: 50%; - transform: translate(-50%, -50%); -} - - -// -// Fluid Media -// ----------- - -.media--fluid { - max-width: 100%; - height: auto; -} - - -// -// Screen Reader Content -// --------------------- - -.screenreader { - border: 0 none; - clip: rect(0, 0, 0, 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - - &:active, - &:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; - } -} diff --git a/src/custom/_custom.scss b/src/custom/_custom.scss deleted file mode 100644 index 291feea..0000000 --- a/src/custom/_custom.scss +++ /dev/null @@ -1,3 +0,0 @@ -// -// -// ============================================================================= diff --git a/src/custom/_globals.scss b/src/custom/_globals.scss deleted file mode 100644 index 90a5358..0000000 --- a/src/custom/_globals.scss +++ /dev/null @@ -1,152 +0,0 @@ -// -// Custom Global Variables -// ============================================================================= - - -// -// Base -// ---- - -// Non-responsive website -// $non-responsive: true !default; - -// Transition duration -// $transition-duration: 150ms; - -// Breakpoints -// $bp-extra-small: 30em; -// $bp-small: 48em; -// $bp-medium: 60em; -// $bp-large: 70em; -// $bp-extra-large: 80em; - -// Base Size (used in unitSize() for proportions) -// $base-unit: 8; - -// Spacing -// $spacing-xs: unitSize(1); -// $spacing-s: unitSize(2); -// $spacing-m: unitSize(3); -// $spacing-l: unitSize(4); -// $spacing-xl: unitSize(5); - - -// -// Grid -// ---- - -// Prefix for the attributes, you can use 'data-' to make your markup valid -// $prefix: ""; - -// Max width for container -// $container-width: 1200px; - -// Gutter size in pixels (without the unit we can do math easily) -// $gutter: 30; - -// Number of columns in a row -// $num-columns: 12; - -// If you only want to use the mixins for "semantic grids" set this to true -// $only-semantic: false; - - -// -// Typography -// ---------- - -// $font-family: "Helvetica", "Arial", sans-serif; -// $font-family-headings: "Helvetica", "Arial", sans-serif; -// $font-family-print: "Georgia", "Times New Roman", "Times", serif; -// $font-family-mono: "Consolas", monospace; -// $font-base-size: 16; - - -// -// Heading sizes -// ---------- - -// $h1-size: 48; -// $h2-size: 36; -// $h3-size: 28; -// $h4-size: 18; -// $h5-size: 16; -// $h6-size: 14; -// $giga-size: 80; -// $mega-size: 64; -// $kilo-size: 52; - - -// -// Color Palette -// ------------- - -// Colors -// $colors: ( -// base: ( -// "primary": #4591aa, -// "selection": #d6d6d6, -// "lines": #e0e0e0 -// ), -// -// text: ( -// "primary": #666, -// "secondary": #aaa, -// "heading": #222, -// "ui": white -// ), -// -// background: ( -// "dark": #282E31, -// "light": #f5f5f5, -// "body": white -// ), -// -// state: ( -// "muted": #aaa, -// "primary": #4591aa, -// "success": #45ca69, -// "warning": #ffb800, -// "error": #ca4829 -// ), -// -// blue: ( -// "darker": #495b61, -// "dark": #447281, -// "base": #4591aa, -// "light": #5ab0cc, -// "lighter": #74cbe8 -// ), -// -// green: ( -// "darker": #3b6e6e, -// "dark": #3b8686, -// "base": #37a1a1, -// "light": #2dbaba, -// "lighter": #69d1d1 -// ), -// -// cream: ( -// "darker": #c47858, -// "dark": #e29372, -// "base": #ecac91, -// "light": #f9c2ab, -// "lighter": #fdd5c3 -// ), -// -// red: ( -// "darker": #653131, -// "dark": #b73333, -// "base": #da3c3c, -// "light": #f25a5a, -// "lighter": #fa8181 -// ), -// -// gray: ( -// "darker": #333333, -// "dark": #4d4d4d, -// "base": #666666, -// "light": #808080, -// "lighter": #999999 -// ) -// ); diff --git a/src/index.js b/src/index.js new file mode 100644 index 0000000..ded43e2 --- /dev/null +++ b/src/index.js @@ -0,0 +1,25 @@ +const postcss = require('postcss'); +const autoprefixer = require('autoprefixer'); +const nested = require('postcss-nested'); +const ifMedia = require('postcss-if-media'); +const stripComments = require('postcss-strip-inline-comments'); +const mediaMinMax = require('postcss-media-minmax'); +const customMedia = require('postcss-custom-media'); +const imports = require('postcss-easy-import'); + +// Custom modules +const lh = require('./lib/lh'); +const typeScale = require('./lib/type-scale'); + +module.exports = postcss.plugin('concise', () => { + return postcss() + .use(imports()) + .use(stripComments()) + .use(nested()) + .use(ifMedia()) + .use(customMedia()) + .use(mediaMinMax()) + .use(lh()) + .use(typeScale()) + .use(autoprefixer()) +}) diff --git a/src/lib/lh.js b/src/lib/lh.js new file mode 100644 index 0000000..99e3ff1 --- /dev/null +++ b/src/lib/lh.js @@ -0,0 +1,45 @@ +const postcss = require('postcss') + +const defaults = { + rootSelector: ':root', + unit: 'lh', + lineHeight: 1.5 +} + +module.exports = postcss.plugin('lh', (opts = defaults) => { + const options = Object.assign(defaults, opts) + + return css => { + const lineHeight = getLineHeight(css, options) + const lhReg = new RegExp('\\d*\\.?\\d+' + options.unit, 'gi') + + css.replaceValues(lhReg, { fast: options.unit }, (val) => { + return lhToRem(parseFloat(val), lineHeight) + }) + } +}) + +function getLineHeight (css, opts) { + // Start with the default line-height + let lineHeight = opts.lineHeight + + // Walk over all the root selectors + css.walkRules(opts.rootSelector, rule => { + // Omit the process if the selector is inside a print media query + if (rule.parent && rule.parent.params === 'print') return + + // Walk over all the font or line-height properties + rule.walkDecls(/font$|line-height/, decl => { + // Matches {$1:font-size}{$2:unit}/{$3:line-height} when the property is 'font' + const fontProps = decl.value.match(/(\d+|\d+?\.\d+)(r?em|px|%)(?:\s*\/\s*)(\d+|\d+?\.\d+)\s+/) || [] + + lineHeight = fontProps[3] || decl.value + }) + }) + + return lineHeight +} + +function lhToRem(val, lineHeight) { + return parseFloat((lineHeight * val).toFixed(3)) + 'rem' +} diff --git a/src/lib/type-scale.js b/src/lib/type-scale.js new file mode 100644 index 0000000..356fc07 --- /dev/null +++ b/src/lib/type-scale.js @@ -0,0 +1,43 @@ +const postcss = require('postcss') + +const defaults = { + rootSelector: ':root', + typeRatio: 1.2, + ratioProperty: '--type-ratio' +} + +module.exports = postcss.plugin('type-scale', (opts = defaults) => { + const options = Object.assign(defaults, opts) + + return css => { + const typeRatio = getTypeRatio(css, options) + + css.walkDecls('font-size', decl => { + // Replace only if it's a unitless value + if (/\d+$/.test(decl.value)) decl.value = getSize(decl.value, typeRatio) + }) + } +}) + +function getTypeRatio (css, opts) { + // Start with the default ratio + let typeRatio = opts.typeRatio + + // Walk over all the root selectors + css.walkRules(opts.rootSelector, rule => { + + // Omit the process if the selector is inside a print media query + if (rule.parent && rule.parent.params === 'print') return + + // Walk over all the font-size rules + rule.walkDecls(opts.ratioProperty, decl => { + typeRatio = parseFloat(decl.value) + }) + }) + + return typeRatio +} + +function getSize(val, ratio) { + return parseFloat(Math.pow(ratio, parseInt(val) - 2).toFixed(4)) + 'rem' +} diff --git a/test/fixtures/customMedia/customMedia.css b/test/fixtures/customMedia/customMedia.css new file mode 100644 index 0000000..ffd5683 --- /dev/null +++ b/test/fixtures/customMedia/customMedia.css @@ -0,0 +1,23 @@ +@media (max-width: 768px) { + .element { + width: 20%; + } +} + +@media (min-width: 768px) and (max-width: 992px) { + .element { + width: 30%; + } +} + +@media (min-width: 992px) and (max-width: 1200px) { + .element { + width: 40%; + } +} + +@media (min-width: 1200px) { + .element { + width: 50%; + } +} diff --git a/test/fixtures/customMedia/customMedia.pcss b/test/fixtures/customMedia/customMedia.pcss new file mode 100644 index 0000000..4bd882b --- /dev/null +++ b/test/fixtures/customMedia/customMedia.pcss @@ -0,0 +1,28 @@ +@custom-media --only-extra-small (width <= 768px); +@custom-media --only-small (768px <= width <= 992px); +@custom-media --only-medium (992px <= width <= 1200px); +@custom-media --only-large (width >= 1200px); + +@media (--only-extra-small) { + .element { + width: 20%; + } +} + +@media (--only-small) { + .element { + width: 30%; + } +} + +@media (--only-medium) { + .element { + width: 40%; + } +} + +@media (--only-large) { + .element { + width: 50%; + } +} diff --git a/test/fixtures/mediaMinMax/mediaMinMax.css b/test/fixtures/mediaMinMax/mediaMinMax.css new file mode 100644 index 0000000..90522f0 --- /dev/null +++ b/test/fixtures/mediaMinMax/mediaMinMax.css @@ -0,0 +1,3 @@ +@media (max-width: 30em) { + .element { + width: 50%; } } diff --git a/test/fixtures/mediaMinMax/mediaMinMax.pcss b/test/fixtures/mediaMinMax/mediaMinMax.pcss new file mode 100644 index 0000000..861c54d --- /dev/null +++ b/test/fixtures/mediaMinMax/mediaMinMax.pcss @@ -0,0 +1,7 @@ +@custom-media --small-viewport (width <= 30em); + +@media (--small-viewport) { + .element { + width: 50%; + } +} diff --git a/test/fixtures/verticalRhythm/verticalRhythm.css b/test/fixtures/verticalRhythm/verticalRhythm.css new file mode 100644 index 0000000..bba9c1c --- /dev/null +++ b/test/fixtures/verticalRhythm/verticalRhythm.css @@ -0,0 +1,20 @@ +:root { + font: 16px / 1.5 "Helvetica", "Arial", sans-serif; +} + +@media (max-width: 500px) { + :root { + font-size: 14px + } +} + +@media print { + :root { + font: 11pt / 1.3 "Georgia", "Times New Roman", "Times", serif; + } +} + +p { + margin-bottom: 1.5rem; + padding-top: 0.75rem; +} diff --git a/test/fixtures/verticalRhythm/verticalRhythm.pcss b/test/fixtures/verticalRhythm/verticalRhythm.pcss new file mode 100644 index 0000000..5f6cad4 --- /dev/null +++ b/test/fixtures/verticalRhythm/verticalRhythm.pcss @@ -0,0 +1,18 @@ +:root { + font: 16px / 1.5 "Helvetica", "Arial", sans-serif; + + @media (max-width: 500px) { + font-size: 14px; + } +} + +@media print { + :root { + font: 11pt / 1.3 "Georgia", "Times New Roman", "Times", serif; + } +} + +p { + margin-bottom: 1lh; + padding-top: .5lh; +} diff --git a/test/index.js b/test/index.js new file mode 100644 index 0000000..5a6e9e1 --- /dev/null +++ b/test/index.js @@ -0,0 +1,46 @@ +const fs = require("fs") +const path = require('path') +const test = require('tape') +const postcss = require('postcss') +const concise = require('../src/index.js') + +;(() => { + const actual = async file => { + const sourcePath = path.join(__dirname,`fixtures/${file}/${file}.pcss`) + const fileContent = fs.readFileSync(sourcePath, 'utf8') + + const result = await postcss([concise]).process(fileContent, { from: sourcePath }) + + return result.css.replace(/\s+/g, '') + } + + const expected = (file) => + fs.readFileSync( + path.join(__dirname, `fixtures/${file}/${file}.css`), + 'utf8' + ).replace(/\s+/g, '') + + + test('Media queries', async (t) => { + t.equal( + await actual('customMedia'), + expected('customMedia'), + 'Custom media queries') + + t.equal( + await actual('mediaMinMax'), + expected('mediaMinMax'), + 'Ranges in media queries') + + t.end() + }) + + test('Units', async (t) => { + t.equal( + await actual('verticalRhythm'), + expected('verticalRhythm'), + 'lh') + + t.end() + }) +})() diff --git a/test/test.html b/test/test.html deleted file mode 100644 index 4004956..0000000 --- a/test/test.html +++ /dev/null @@ -1,980 +0,0 @@ - - - - - - - - Concise CSS - - - - - -

Giga Helper text

-

Mega Helper text

-

Kilo Helper text

- -

Heading 1 Helper link

-

Heading 2 Helper text

-

Heading 3 Helper text

-

Heading 4 Helper text

-
Heading 5 Helper text
-
Heading 6 Helper text
- -

Lorem ipsum dolor sit amet, sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

- -

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

- -

Left text

- -

Center text

- -

Right text

- -
- -
-

This is a blockquote.

- -
John Doe
-
- -
-

This is a reverse blockquote.

- - John Doe -
- - 
.class {
-    background-color: #ccc;
-}
- - 
.class {
-    background-color: #ccc;
-}
- -
    -
  • List Item
    • -
  • List Item
    • -
  • List Item
    • -
  • List Item -
      -
    • List Item
      • -
    • List Item -
        -
      • List Item
        • -
      -
      • -
    -
    • -
  • List Item
    • -
- -
    -
  1. List Item
    2. -
  2. List Item -
      -
    1. List Item -
        -
      1. List Item
        2. -
      -
      2. -
    -
    3. -
  3. List Item
    4. -
- -
    -
  • List item
    • -
  • List item
    • -
  • List item
    • -
- -
    -
  • List item
    • -
  • List item
    • -
  • List item
    • -
- -
-
Definition
-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
- -
List
-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
-
- -
-
Definition
-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
- -
List
-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
-
- -
-
-
- 12 -
-
- -
-
- 1 -
- -
- 11 -
-
- -
-
- 2 -
- -
- 10 -
-
- -
-
- 3 -
- -
- 9 -
-
- -
-
- 4 -
- -
- 8 -
-
- -
-
- 5 -
- -
- 7 -
-
- -
-
- 6 -
- -
- 6 -
-
- -
-
- 4 -
- -
- 4 -
- -
- 4 -
-
- -
-
- 3 -
- -
- 3 -
- -
- 3 -
- -
- 3 -
-
- -
-
- 2 -
- -
- 2 -
- -
- 2 -
- -
- 2 -
- -
- 2 -
- -
- 2 -
-
-
- -
-
-
- 1 +1 -
-
-
-
- 1 +2 -
-
-
-
- 1 +3 -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#First NameLast Name
Total Users:2
1JohnDoe
2JaneDoe
- -
- - - - - - - - - - - - - - - - - - - - - - -
#First NameLast Name
1JohnDoe
2JaneDoe
-
- - - - - - - - - - - - - - - - - - - - - - - -
#First NameLast Name
1JohnDoe
2JaneDoe
- - - - - - - - - - - - - - - - - - - - - - - -
#First NameLast Name
1JohnDoe
2JaneDoe
- - - - - - - - - - - - - - - - - - - - - - - -
#First NameLast Name
1JohnDoe
2JaneDoe
- - - - - - - - - - - - - - - - - - - - - - - -
#First NameLast Name
1JohnDoe
2JaneDoe
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#First NameLast Name
1JohnDoe
2JaneDoe
3JohnDoe
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#First NameLast Name
1JohnDoe
2JaneDoe
3JohnDoe
- -
-

- - - Here is some help text -

- -

- - -

- -

- - -

- -

- - -

- -

- - -

- -

- - -

- -

- - -

- -

- -
- -

- -

- -
- -

- -

- -

- -

- -

- -

- -

- -

- -

- -

- - -

- -
- Files - - -
- -

- -

-
- -
- - - - - -
- -
-
-
- -
- -
- - -

Here is some help text

-
-
- -
-
- -
- -
- -
-
-
- - - - - -
-
-
- Modal Header - - × -
- -
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget bibendum eros. Integer rhoncus pretium orci ut sagittis. Proin sollicitudin sapien eu dui imperdiet, et viverra enim dignissim.

-
- -
-

Copyright © 2015

-
-
-
- -
-
-
- Modal Header - - × -
- -
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget bibendum eros. Integer rhoncus pretium orci ut sagittis. Proin sollicitudin sapien eu dui imperdiet, et viverra enim dignissim.

-
- -
-

Copyright © 2015

-
-
-
- -
-
-
- Modal Header - - × -
- -
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget bibendum eros. Integer rhoncus pretium orci ut sagittis. Proin sollicitudin sapien eu dui imperdiet, et viverra enim dignissim.

-
- -
-

Copyright © 2015

-
-
-
- -
-
-
- Modal Header - - × -
- -
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget bibendum eros. Integer rhoncus pretium orci ut sagittis. Proin sollicitudin sapien eu dui imperdiet, et viverra enim dignissim.

-
- -
-

Copyright © 2015

-
-
-
- -

Open Modal

- -

Open Small Modal

- -

Open Large Modal

- -

Open Full Modal

- -

Open Flat Modal

- -

Label

-

25

- -

Top tooltip

- -

Right tooltip

- -

Bottom tooltip

- -

Left tooltip

- -

Persistent Tooltip

- -
- × - -

Alert! This is a standard message for your application.

-
- -
- × - -

Success! This is a success message for your application.

-
- -
- × - -

Warning! This is a warning for your application.

-
- -
- × - -

Error! This is an error for your application.

-
- -
-
-
-
-

Card Title

- -

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

-
- -
- Leave a comment? -
-
-
- -
-
-
- Card with image -

Card Title

-
- -
-

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

-
- -
- Read More » -
-
-
-
- -
-
-

Collection Header

-
- -
- Collection Item -
- -
- Active Collection Item -
- -
- Collection Item -
-
- -
- Collection Item - - Active Collection Item - - Collection Item -
- - - - - -
- 50% -
- -
- 25% -
- -
- 75% -
- -
- -
- -
- -
- -
- - - - -
- - - - - -
- Dropdown Button » -
    -
  • Home
    • -
  • Account
    • -
  • Settings
    • -
-
- -
- -
- Dropdown -
    -
  • Home
    • -
  • Account
    • -
  • Settings
    • -
-
- -
- -
- Dropdown Small -
    -
  • Home
    • -
  • Account
    • -
  • Settings
    • -
-
- -
- -
- Dropdown Large -
    -
  • Home
    • -
  • Account
    • -
  • Settings
    • -
-
- -
- -
- Dropdown Top -
    -
  • Home
    • -
  • Account
    • -
  • Settings
    • -
-
- -
- -
- Dropdown Content -
-

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

-
-
- -
- -
- Dropdown Hover -
-

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

-
-
- -